* {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased; 
    font-smoothing: antialiased; 

}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}


html, body {
    box-sizing: border-box;
    font-family: 'Source Sans Pro', helvetica, arial, lucida, sans-serif;
    font-size: 1rem;
    line-height: 1.4rem;
    font-weight: 300;
    font-style: normal;
    background: #fff;
    color: #2c2c2c;
    text-rendering: optimizeLegibility; 
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
}

@font-face {
    font-family: 'CeraPRO-Black';
    src: url('fonts/35B49D_0_0.eot');
    src: url('fonts/35B49D_0_0.eot?#iefix') format('embedded-opentype'),
        url('fonts/35B49D_0_0.woff2') format('woff2'),
        url('fonts/35B49D_0_0.woff') format('woff'),
        url('fonts/35B49D_0_0.ttf') format('truetype');
}

@font-face {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  src: url("fonts/font-awesome/fa-brands-400.eot");
  src: url("fonts/font-awesome/fa-brands-400.eot?#iefix") format("embedded-opentype"),
       url("fonts/font-awesome/fa-brands-400.woff2") format("woff2"),
       url("fonts/font-awesome/fa-brands-400.woff") format("woff"),
       url("fonts/font-awesome/fa-brands-400.ttf") format("truetype"),
       url("fonts/font-awesome/fa-brands-400.svg#fontawesome") format("svg");
}

:root {
    --cera: 'CeraPRO-Black'; 
    --leftright: 2vw;
    --bleu-clair : #2b95fc;
    --bleu-light : #d2e6fa;
    --bleu-fonce : #00407f;
    --gris : #efeff0;
    --orange : #f8a60c;
    --gris-typo : #2c2c2c;
    --height-youtube : 450px;
    --leftright: 6vw;
}

.cera {
    font-family: var(--cera);
    letter-spacing: -1px;
}

p.cera {
    letter-spacing: 0;
}

.bold {
    font-weight: 700;
}

.bkg-blanc {
    background: #fff;
}

.bkg-gris {
    background: var(--gris);
}

.bkg-bleuclair,
.bkg-bleu-clair {
    background: var(--bleu-clair);
}

.bkg-bleulight,
.bkg-bleu-light {
    background: var(--bleu-light);
}

.bkg-bleufonce,
.bkg-bleu-fonce {
    background: var(--bleu-fonce);
}

.bkg-orange {
    background: var(--orange);
}

.bleu-clair {
    color: var(--bleu-clair);
}

.bleu-fonce {
    color: var(--bleu-fonce);
}

.bleu-light {
    color: var(--bleu-light);
}

.orange {
    color: var(--orange);
}

p {
    word-wrap: normal !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
    -webkit-word-break: normal !important;
    word-break: normal !important;
    margin-bottom: 10px;
    font-family: 'Source Sans Pro', helvetica, arial, lucida, sans-serif;
    margin-top: 0;
    line-height: 1.3rem;
    color: #2c2c2c;
    font-style: normal;
    position: relative;
}

.entry-content p {
    margin: 0;
    margin-bottom: 10px;
}

.small,
p.small {
    font-size: .8rem;
    line-height: 1rem;
}

.big,
p.big {
    font-size: 1.25rem;
    line-height: 1.7rem;
    margin-bottom: 15px;
}

a {
    color: var(--gris-typo);
}

.breadcrumbs a:hover,
p a:hover {
    text-decoration: underline !important;
}

.contenu-single p a:not(.cta) {
    text-decoration: underline !important;
    color: var(--bleu-clair);
}

.contenu-single ul {
    margin: 15px 0;
    list-style: square;
}

.contenu-single ul li {
    margin: 4px 0 4px 15px;
}


.superbig {
    font-size: 1.75rem;
    line-height: 1.8rem;
}

.megabig {
    font-size: 2rem;
    line-height: 1.9rem;
}

.cap {
    text-transform: uppercase;
    letter-spacing: 1px;
}

ul, ol {
    margin: 0;
}

a {
    text-decoration: none;
    outline: none;
}

a,
a:hover,
a:visited,
a::after,
a:hover::after {
    outline-style: none !important;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-decoration: none !important;
}

a,
a:visited {
    
}

a img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

img.width100 {
    width: 100%;
    max-width: 100%;
    height: auto;
}



:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--cera);
	font-style: normal;
    font-weight: normal;
    margin: 0;
    text-transform: none;
}


h1,
h2,
h3 {
    color: var(--bleu-clair);
    letter-spacing: -1px;
}


h1 {
    font-size: 4.3rem;
    line-height: 4.1rem;
    letter-spacing: -2px;
    color: #fff;
}

body.home h1 {
    font-size: 5.5rem;
    line-height: 4.8rem;
    letter-spacing: -2px;
}

h2 {
    font-size: 4.5rem;
    line-height: 4.3rem;
    letter-spacing: -2px;
    margin-bottom: 40px;
}

.contenu-single h2,
body.home h2 {
    font-size: 3.75rem;
    line-height: 3.6rem;
    letter-spacing: -2px;
}


h3 {
    font-size: 2.5rem;
    line-height: 2.3rem;
    letter-spacing: -1px;
    margin-bottom: 30px;
    margin-top: 40px;
}

h3.small {
    font-size: 1.8rem;
    line-height: 1.7rem;
    margin-bottom: 25px;
    margin-top: 0;
}

h3.big {
    font-size: 3.1rem;
    line-height: 2.9rem;
    letter-spacing: -1px;
    margin-bottom: 30px;
}


h4 {
    color: var(--bleu-fonce);
    font-size: 1.5rem;
    line-height: 1.7rem;
    margin-bottom: 15px;
}

h4.big {
    font-size: 2.1rem;
    line-height: 2.3rem;
    margin-bottom: 20px;
}


h5 {
    color: var(--bleu-fonce);
    font-size: 1.25rem;
    line-height: 1.3rem;
    margin-bottom: 15px;
    letter-spacing: -1px;
}


.cta,
a.cta {
    background: var(--orange);
    color: #fff;
    text-transform: uppercase;
    font-size: .85rem;
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
    text-align: center;
    padding: 0 40px;
    margin: 20px 0;
    display: inline-block;
    font-family: var(--cera);
}

.cta:hover,
a.cta:hover {
    background: var(--bleu-fonce);
}

.bkg-bleu-fonce a.cta:hover {
    background: var(--bleu-clair);
}

a.cta.cta-bleu-clair {
    background: var(--bleu-clair);
}

a.cta.cta-filet {
    background: #fff;
    border: 2px solid var(--orange);
    color: var(--orange);
}

a.cta.cta-filet:hover {
    background: #fff;
    border: 2px solid var(--bleu-fonce);
    color: var(--bleu-fonce);
}

a.cta.cta-bleu-fonce {
    background: var(--bleu-fonce);
    height: 50px;
    padding: 0 40px;
    border-radius: 25px;
}

a.cta.cta-bleu-fonce.btn-paiement {
    height: auto;
}

a.cta.cta-bleu-fonce img {
    max-height: 90%;
    width: auto;
}


a.cta.cta-bleu-clair:hover {
    background: var(--bleu-fonce) !important;
}

a.cta.cta-bleu-fonce:hover {
    background: var(--bleu-clair);
}

.cta.small,
a.cta.small {
    background: var(--orange);
    color: #fff;
    text-transform: none; 
    font-weight: 700;
    font-size: .8rem;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    padding: 0 20px;
    margin: 10px 0 0;
    display: inline-block;
    font-family: var(--cera); 
}

.cta.small:hover,
a.cta.small:hover {
    background: var(--bleu-fonce);
}


.cta-light {
    font-size: .9rem;
    margin: 20px 0;
    font-family: var(--cera); 
    color: var(--bleu-clair);
    padding-bottom: 4px;
    background: none;
    border: 0;
    border-bottom: 2px solid var(--orange);
}

.cta-light:hover {
    border-bottom: 2px solid var(--bleu-clair);
    
}



/*************************************************************************/
/************************* GESTION COOKIES *******************************/
/*************************************************************************/

.youtube_player {
    min-height: var(--height-youtube);
    max-width: 100%;
}

.youtube_player iframe {
    height: var(--height-youtube);
    width: 100%;
}

iframe {
    height: var(--height-youtube);
    width: 100%;
}

.tac_activate {
    height: var(--height-youtube);
    min-height: var(--height-youtube);
}

.tac_float {
    min-height: var(--height-youtube);
    height: var(--height-youtube);
    
}

/*************************************************************************/
/************************* GESTION COOKIES *******************************/
/*************************************************************************/

#tarteaucitronRoot #tarteaucitronAlertBig {
    background: #fff !important;
    color: #000 !important;
}

#tarteaucitronAlertBig #tarteaucitronPrivacyUrl,
#tarteaucitronAlertBig #tarteaucitronPrivacyUrlDialog,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert,
#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong {
    color: #000 !important;
}


body #tarteaucitronRoot div#tarteaucitronAlertBig {
    border-radius: 0 !important;
    box-shadow: none !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    opacity: .7 !important;
    background: #000 !important;
}


div#tarteaucitronAlertBig:before {
    display: none !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert, #tarteaucitronAlertBig #tarteaucitronPersonalize, #tarteaucitronAlertBig #tarteaucitronPersonalize2, .tarteaucitronCTAButton, #tarteaucitron #tarteaucitronPrivacyUrl, #tarteaucitron #tarteaucitronPrivacyUrlDialog, #tarteaucitronRoot .tarteaucitronDeny, #tarteaucitronRoot .tarteaucitronAllow {  
    background: #000 !important;
    padding: 10px 20px !important;
}

#tarteaucitronRoot .tarteaucitronDeny {
    background: #f1f1f1 !important;
}

#tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitron #tarteaucitronPrivacyUrl,
#tarteaucitron #tarteaucitronPrivacyUrlDialog {
    background: #f1f1f1 !important;
}

#tarteaucitronRoot #tarteaucitronAllDenied2 {
    position: absolute !important;
    background: transparent !important;
    top: 10px !important;
    padding: 0 !important;
    color: #333 !important;
    right: 10px !important;
    font-size: .8rem !important;
    text-decoration: none !important;
    opacity: .6 !important;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert {
    font-size: .9rem !important;
    line-height: 1.3rem !important;
    text-align: justify !important;
    display: block !important;
    text-align: center !important;
    background: #fff !important;
    color: #333 !important;
}

div#tarteaucitronRoot.tarteaucitronBeforeVisible:before {
    z-index: 99999999 !important;
}

body #tarteaucitronRoot div#tarteaucitronAlertBig {
    width: 450px !important;
    max-width: 90% !important;
    border-radius: 6px !important;
}

#tarteaucitronDisclaimerAlert::before {
    content: '';
    display: block;
    margin: 0 auto 20px;
    width: 150px;
    height: 60px;
    background-image: url(img/pentathlon-logo.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}





/*************************************************************************/
/************************* STRUCTURE *************************************/
/*************************************************************************/

#content {
    margin-top: 0;
    width: 100%;
}

section {
    padding: 40px var(--leftright) 30px;
    position: relative;
}

section.bkg-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

section.bkg-image.bkg-image-defaut {
    background: url(img/bkg-resultats.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-standard section.bkg-image h2,
.page-standard section.bkg-image h3,
.page-standard section.bkg-image h4,
.page-standard section.bkg-image h5,
.page-standard section.bkg-image p {
    color: #fff;
}


section.bkg-image.haute {
    padding: 120px var(--leftright);
}

.wrap {
    width: 1280px;
    max-width: 98%;
    margin: 0 auto;
    position: relative;
}


.container800 {
    width: 850px;
    max-width: 90%;
    margin: 0 auto;
}

.hentry {
    background: none;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
}

.entry-content {
    padding: 0;
}

.hentry header {
    border: 0;
    border-bottom: 0;
    padding: 0;
}

.hentry footer {
    border: 0;
    padding: 0;
}


.clearboth {
    clear: both;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.display-table {
    display: table;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: 100%;
}

.blanc p,
p.blanc,
.blanc {
    color: #fff;
}

.bkg-cover {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.widget {
    padding: 0;
    margin: 0;
}

.widgettitle {
    border: 0;
    margin-bottom: 0;
}

.padding80 {
    padding: 80px;
}

.padding60 {
    padding: 60px;
}

.padding50 {
    padding: 50px;
}

.padding40 {
    padding: 40px;
}

.padding30 {
    padding: 30px;
}

.padding20 {
    padding: 20px;
}

.padding15 {
    padding: 15px;
}

.padding10 {
    padding: 10px;
}

.cartouche {
    margin: 30px auto;
}

.container-flex {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.container-flex-center {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
}

.container-flex-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}


.container-flex-start {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
    column-gap: 2%;
}

.container-flex-end {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
}


.container-flex-start-nowrap {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;    
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    position: relative;
}


.flex-item-std {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.flex-item-moitie {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 48%;
    position: relative;
}


.flex-item-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 23%;
    position: relative;
}


.flex-item-trois-quart {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 70%;
    position: relative;
}



.flex-item-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 31%;
    position: relative;
    margin-bottom: 20px;
    
}

.flex-item-deux-tiers {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 68%;
    position: relative;
    margin-bottom: 20px;
}

.flex-item-auto {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.flex-item-cinq {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 18%;
    position: relative;
}

.flex-item-32 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 32%;
    margin-bottom: 30px;
    position: relative;
}

.flex-item-40 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 40%;
    position: relative;
}

.flex-item-60 {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 60%;
    position: relative;
}

.flex-item-full {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
    position: relative;
}






/************************************************************************************************************************************/
/************************************************** SCROLL TO TOP *******************************************************************/
/************************************************************************************************************************************/

#toTop {
    display: none;
    position: fixed;
/*    top: 50%; */
    bottom: 20px;
    right: 20px;
    z-index: 8222;
}

#toTop::before {
    content: '\e5d8';
    font-family: 'Material Icons';
    width: 50px;
    height: 50px;
    display: block;
    background: rgba(203,203,203,0.3);
    font-size: 1.6rem;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    color: var(--gris-dark);
}



#toTop:hover::before {
    background: rgba(203,203,203,1);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

/**********************************************************************************************************************************************************/
/********************************************************************** TRANSITION PAGES ******************************************************************/
/**********************************************************************************************************************************************************/

.loader-site {
    background: var(--bleu-clair);
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 15000;
}

#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.spinner {
  margin: 300px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.picto-loading {
    height: 80px;
    width: 80px;
    background: url(img/loader.png) center center no-repeat;
    background-size: contain;
    left: 50%;
    top: 210px;
    margin-left: -40px;
    position: absolute;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}
/*

#loader {
    width: 120px;
    height: 120px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
    top: 40%;
    border: 2px solid #666666;
    border-radius: 50%;
    border-left-color: #fff;
    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;    
}



@keyframes spin {
    from {
        -webkit-transform:rotate(0deg);
        transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg);
    }
}

#lr-loading {
    background: url(img/loading.png) center center no-repeat;
    width: 120px;
    height: 120px;
    background-size: contain;
    position: absolute;
    left: 50%;
    margin-left: -58px;
    top: 40%;
}
*/

#holder {
	opacity: 0;  
	transition: opacity 0.3s ease-in-out;
 	-moz-transition: opacity 0.3s ease-in-out;
 	-webkit-transition: opacity 0.3s ease-in-out;
}

#holder.visible {
	opacity: 1;
	transition: opacity 0.4s ease-in-out;
 	-moz-transition: opacity 0.4s ease-in-out;
 	-webkit-transition: opacity 0.4s ease-in-out;
}


/*************************************************************************/
/**************************** HEADER *************************************/
/*************************************************************************/

header.header {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    z-index: 801;
    background: none;
    padding: 0 var(--leftright);
}

.zone-top-header {
    height: 40px;
    line-height: 40px;
    text-align: right;
    position: relative;
}

#top-header {
    position: absolute;
    top: 0;
    right: 0;
}

.zone-top-header #search-2,
.zone-top-header #nav_menu-2,
.zone-top-header #text-2,
.zone-top-header #nav_menu-4,
.zone-top-header #nav_menu-3 {
    display: block;
    height: 40px;
    float: left;
    margin-right: 0;
}

.zone-top-header #nav_menu-3 {
    margin-left: 30px;
}

#menu-menu-secondaire li.top-menu {
/*    display: inline-block; */
    float: left;
    padding: 0 7px;
    position: relative;
/*    height: 40px;*/
/*    overflow: hidden; */
}

.zone-top-header a {
    font-family: var(--cera);
    text-transform: uppercase;
    color: #fff;
    font-size: .8rem;
    padding: 0;
    line-height: 40px;
    position: relative;
}

#menu-menu-secondaire > li::after {
    height: 6px;
    width: 30%;
    background: var(--bleu-clair);
    content: '';
    display: block;
    left: 50%;
    margin-left: -15%;
    bottom: 0;
    opacity: 0;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#menu-menu-secondaire > li a {
    display: block;
}

.sub-menu {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    top: -800px;  
/*    top: 40px;   */
    position: absolute;  
    z-index: 800;
    height: 0;

}

.sub-menu li {
    text-align: left;
    background: var(--bleu-clair);
    opacity: 1;
    border-bottom: 2px solid #fff;
    display: block;
    min-width: 200px;
}

.sub-menu li:last-child {
    border: 0;
}

.sub-menu li a {
    font-family: var(--cera);
    padding: 0 10px;
    font-size: .75rem;
    line-height: 42px;
    display: block;
}

.sub-menu li:hover,
.sub-menu li.current-menu-item {
    background: var(--bleu-fonce);
}

.menu-item-has-children:hover .sub-menu {
    top: 40px;
}


#menu-menu-secondaire li.current-page-ancestor::after,
#menu-menu-secondaire li.current-menu-item::after,
#menu-menu-secondaire li:hover::after {
    opacity: 1;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.zone-top-header .menu-menu-reseaux-sociaux-container,
.zone-top-header #menu-menu-reseaux-sociaux,
.zone-top-header #menu-menu-reseaux-sociaux li {
    height: 40px;
}

li.twitter,
li.linkedin,
li.tiktok,
li.youtube,
li.facebook,
li.instagram {
    display: inline-block;
    width: auto !important;
    margin: 0 15px 15px 0 !important;
}

li.twitter a::after,
li.linkedin a::after,
li.tiktok a::after,
li.youtube a::after,
li.facebook a::after,
li.instagram a::after {
    content: '';
    display: inline-block;
    font-size: .85rem;
    font-family: 'fontAwesome';
    color: #fff;
}


#menu-menu-reseaux-sociaux li a:hover::after {
    color: var(--bleu-clair);
}

#menu-menu-reseaux-sociaux-1 li.twitter,
#menu-menu-reseaux-sociaux-1 li.tiktok,
#menu-menu-reseaux-sociaux-1 li.linkedin,
#menu-menu-reseaux-sociaux-1 li.youtube,
#menu-menu-reseaux-sociaux-1 li.facebook,
#menu-menu-reseaux-sociaux-1 li.instagram {
    margin: 20px 0 0 15px;
}

#menu-menu-reseaux-sociaux-1 li.twitter a::after,
#menu-menu-reseaux-sociaux-1 li.tiktok a::after,
#menu-menu-reseaux-sociaux-1 li.linkedin a::after,
#menu-menu-reseaux-sociaux-1 li.youtube a::after,
#menu-menu-reseaux-sociaux-1 li.facebook a::after,
#menu-menu-reseaux-sociaux-1 li.instagram a::after {
    content: '';
    display: inline-block;
    font-size: .95rem;
    font-family: 'fontAwesome';
    color: #fff;
    height: 42px;
    width: 42px;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 42px;
    text-align: center;
}

li.facebook a::after {
    content: '\f39e' !important;
/*    content: '\f09a' !important; */
}

li.instagram a::after {
    content: '\f16d' !important;
}

li.youtube a::after {
    content: '\f167' !important;
}

li.linkedin a::after {
    content: '\f0e1' !important;
}

li.tiktok a::after {
    content: '\e07b' !important;
}

li.twitter a::after {
    content: '\e61b' !important;
}

#menu-menu-reseaux-sociaux-1 li a:hover::after {
    color: var(--bleu-clair);
    background: #fff;
}

a.cta-violences {
    position: fixed;
    z-index: 20;
    right: 30px;
    bottom: 30px;
    background: var(--bleu-fonce);
    padding: 12px 20px;
    border-radius: 14px;
    text-align: center;
    text-transform: uppercase;
    box-shadow: 0 0 25px rgba(0,0,0,0.4);
    transition: all .3s;
}

a.cta-violences:hover {
    background: var(--bleu-clair);
}

a.cta-violences::before {
    content: '\ef49';
    font-family: 'Material Icons';
    font-size: 2rem;
    display: block;
    margin: 0 auto 8px;
    color: #fff;
    font-weight: normal;
    
}


/*************** ESPACE ADHERENTS ***************/

#nav_menu-4 {
    margin-left: 20px;
}


#nav_menu-4,
#nav_menu-4 li {
    height: 40px;
}
/*
#nav_menu-4 li a {
    color: var(--bleu-fonce);
    background: var(--orange);
    display: block;
    padding: 0 38px 0 25px;
    position: relative;
}

#nav_menu-4 li a::after {
    position: absolute;
    content: '\e897';
    font-family: 'Material Icons';
    color: #fff;
    font-size: .9rem;
    right: 15px;
    top: -2px;
}

#nav_menu-4 li a:hover {
    background: var(--bleu-clair);
    color: #fff;
}
*/
/*========================================*/
/* 08/2023 - ESPACE LICENCIE */
/*========================================*/

#nav_menu-4 li.espace-licencie a {
    color: #fff;
    background: var(--bleu-clair);
    display: block;
    padding: 0 25px 0 45px;
    position: relative;
}

#nav_menu-4 li.espace-club a {
    color: #fff;
    background: var(--orange);
    display: block;
    padding: 0 25px 0 45px;
    position: relative;
}

#nav_menu-4 li.espace-licencie a::before {
    content: '\e7fd';
    position: absolute;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    left: 12px;
    top: -1px;
}

#nav_menu-4 li.espace-club a::before {
    content: '\e7fd';
    position: absolute;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    left: 12px;
    top: -1px;
}

#nav_menu-4 li a:hover {
    background: var(--bleu-fonce);
}

.cta-espace-licencie {
    color: #fff;
    background: var(--bleu-clair);
    display: block;
    padding: 10px 25px 10px 45px;
    position: absolute;
    border-radius: 4px;
    top: 22px;
    right: 90px;
    z-index: 7;
    font-family: var(--cera);
    text-transform: uppercase;
    font-size: .8rem;
    line-height: 1.1rem;
}

.cta-espace-licencie::before {
    content: '\e7fd';
    position: absolute;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    left: 12px;
    top: 10px;
}

.mobile-only {
    display: none;
}

.cta-espace-club {
    color: #fff !important;
    background: var(--bleu-fonce);
    padding: 12px 20px 12px 55px;
    position: relative;
    border-radius: 4px;
    font-family: var(--cera);
    text-transform: uppercase;
    font-size: .8rem !important;
    line-height: 1.1rem !important;
    display: none!important;
    margin: 0 auto 30px !important;
}

.cta-espace-club:hover {
    background: var(--orange);
}

.cta-espace-club::before {
    content: '\f8df';
    position: absolute;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    left: 15px;
    top: 10px;
}





/**** CONNECTE *****/
/*
.zone-top-header.connecte #nav_menu-4 li a {
    color: #fff;
    background: var(--bleu-clair);
}

.zone-top-header.connecte #nav_menu-4 li a::after {
    position: absolute;
    content: '\e898';
}

.zone-top-header.connecte #nav_menu-4 li a:hover {
    background: var(--orange);
}
*/
/*************** RECHERCHE ***************/

.zone-top-header p {
    margin-bottom: 0;
}

a.declenche-search {
}

.declenche-search::after {
    content: '\e8b6';
    font-family: 'Material icons';
    color: #fff;
    font-size: 1.1rem;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}

body.home .declenche-search::after {
    color: #fff;
}

body.home header.scroll .declenche-search::after {
    color: #fff;
}

#search-2 input#s {
    width: 0px;
    height: 34px;
    margin-top: 3px;
    background: #fff;
    font-size: .85rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-right: 0;
    padding: 0;
    opacity: 0;
}

#search-2.actif input#s {
    border-radius: 5px;
    width: 300px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 10px;
    padding: 0 12px;
    opacity: 1;
}

#search-2 #searchsubmit {
    display: none;
}

#inner-header {
    background: #fff;
    width: 100%;
    padding: 10px;
    position: relative;
}

.logo-header {
    width: 225px;
    height: 90px;
    background: url(img/pentathlon-logo.png) top left no-repeat;
    background-size: contain;
    float: left;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#inner-header nav {
    float: right;
    margin-right: 30px;
}

#inner-header nav li {
    padding: 0 10px;
}

#inner-header nav li#menu-item-155332 {
    background: var(--bleu-fonce);
    border-radius: 8px;
}

#inner-header nav li#menu-item-155332 a {
    color: #fff;
}

#inner-header nav a {
    font-family: var(--cera);
    text-transform: uppercase;
    color: var(--gris-typo);
    padding: 0;
    line-height: 90px;
    position: relative;
}

#inner-header nav a::after {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -15%;
    width: 0;
    bottom: 25%;
    height: 6px;
    opacity: 0;
    background: var(--bleu-clair);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#inner-header nav .current-menu-item a::after,
#inner-header nav a:hover::after {
    margin-left: -15%;
    width: 30%;
    bottom: 25%;
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header.scroll #inner-header {
    box-shadow: 0 0 30px rgba(0,0,0, 0.2);
}


header.header.scroll .logo-header {
    height: 48px;
    background: url(img/pentathlon-logo-scroll.png) top left no-repeat;
    background-size: contain;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

header.header.scroll #inner-header nav a {
    line-height: 48px;
}

header.header.scroll .zone-top-header {
    background: var(--bleu-fonce);
}

header.header.scroll #inner-header nav a::after,
header.header.scroll #inner-header nav a:hover::after {
    bottom: 12%;
}



/*************************************************************************/
/************************* MENU RESPONSIVE *******************************/
/*************************************************************************/

#rmp-container-131836 {
    width: 85%;
}

#rmp-menu-title-131836 {
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-bottom: 15px !important;
}

li.adherents a {
    padding: 6px 10px !important;
    background: var(--orange) !important;
    font-weight: 700 !important;
    color: #fff !important;
    margin-top: 10px !important;
}

button.rmp_menu_trigger {
    z-index: 1872 !important;
    top: 10px !important;
}
    
#responsive-menu-container #responsive-menu li.responsive-menu-item a .responsive-menu-subarrow {
    border-left: 0 !important;
}

/*************************************************************************/
/**************************** FOOTER *************************************/
/*************************************************************************/


.prefooter {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 160px 0;
}

.prefooter a.cta {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}

/*
footer.footer {
    background: var(--gris);
    padding: 40px 0;
}
*/
/*
footer.footer,
footer.footer a,
footer.footer p {
    font-size: .85rem;
    line-height: 1rem;
    margin-bottom: 5px;
}
*/
footer.footer a,
footer.footer strong {
    color: var(--bleu-fonce);
}

.bottom-footer ul {
    margin: 8px 0;
}

.bottom-footer ul li {
    float: none;
    display: inline-block;
    padding: 0 5px;
}

.bottom-footer a,
.bottom-footer nav li a {
    color: var(--bleu-fonce);
    padding: 0;
    font-size: .85rem;
}
/*
.logo-partenaire {
    padding: 0;
    margin-bottom: 15px;
}

.logo-partenaire img {
    width: auto;
    max-width: 100px;
    height: auto;
}
/*
/*************************************************************************/
/************************* SLIDESHOW HOME ********************************/
/*************************************************************************/

.slider {
	width: 100%;
	height: 85vh;
	overflow: hidden;
	position: relative;
}

.image-mobile-only {
	width: 100%;
    height: 85vh;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: none;
}


.slide { 
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	float: left;
	position: absolute;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

#slideposition {
    position: relative;
    bottom: 40px;
    left: 0;
    width: auto;
    text-align: center;
    z-index: 500;
}

#slideposition ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#slideposition ul li.indicator {
    display: inline-block;
    height: 12px;
    width: 12px;
    background: #fff;
    margin: 0 6px;
    padding: 0;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

#slideposition ul li.indicator.active {
    background: var(--bleu-clair);
}

/*************************************************************************/
/*********************************** HOME ********************************/
/*************************************************************************/


.sidebar-home {
    padding-left: 15px;
    border-left: 10px solid var(--bleu-light);
}

div.gmw-ajax-form-wrapper {
    background: none !important;
    padding: 20px 0 0 !important;
}

div.gmw-ajax-form-wrapper div.gmw-locator-button-wrapper.text,
div.gmw-ajax-form-wrapper input.gmw-submit-button {
    background: var(--bleu-fonce) !important;
    font-weight: 700 !important;
}

div.gmw-ajax-form-wrapper .gmw-field-label {
    display: none !important;
}


.container-image-actu {
    overflow: hidden;
    position: relative;
    text-align: center;
}

body.blog .container-image-actu,
body.home .container-image-actu {
    height: 230px;
}

body.home .flex-item-full .container-image-actu {
    height: 600px;
    max-height: 60vh;
}

.hover-image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 3;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: rgba(0,0,0,0);
}

.container-image-actu:hover .hover-image {
    -webkit-transition: all .3s;
    transition: all .3s;
    background: rgba(0,0,0,0.4);
}

.icone-actu::before {
    content: '\e8a0';
    display: block;
    color: #fff;
    font-family: 'Material icons';
    font-size: 3rem;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.container-image-actu:hover .icone-actu::before {
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.container-image-actu img {
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    position: absolute;
    margin:auto;
    top: -2000px;
    left: -2000px;
    right: -2000px;
    bottom: -2000px;    
    -webkit-transform: scale(1.15);
    transform: scale(1.05);
    object-fit: cover;
}

.container-image-actu:hover img {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.date-actu {
    margin: 10px 0;
}

.actu-mise-avant {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 70px 40px 40px;
    width: 100%;
    margin: 30px 0;
}

.uipm-home img {
    max-width: 100%;
    height: auto;
}

.defaut-mea {
    background: url(img/le_sport_compte.jpg) center center no-repeat;
    background-size: contain;
    width: 100%;
    height: 240px;
}


.liste-competitions {
    margin-bottom: 30px;
}

.liste-competitions li {
    padding: 20px;
    position: relative;
}

.liste-competitions li p:last-child {
    margin-bottom: 0;
}

.liste-competitions li:nth-of-type(odd) {
    background: var(--bleu-light);
}

.liste-competitions li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
}

.liste-competitions li:hover {
    box-shadow: 0 0 40px rgba(0,0,0,0.2);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.picto-competition {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 10px;
    z-index: 12;
}

.picto-competition::after {
    content: '+';
    display: block;
    font-family: var(--cera);
    font-size: 1.2rem;
    color: var(--bleu-clair);
    height: 24px;
    width: 24px;
    line-height: 26px;
    text-align: center;
    border: 3px solid var(--bleu-clair);
    border-radius: 50%;
    opacity: .4;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

li:hover .picto-competition::after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


section.bkg-image.newsletter {
    background: url(img/bkg-clubs.jpg) center center no-repeat;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


.sbscrbr-unsubscribe-wrap {
    display: none;
}

#sbscrbr-form p {
    font-size: .85rem;
    line-height: 1.2rem;
    padding: 0 80px;
}

.sbscrbr-email-wrap {
    margin: 25px auto;
}

.sbscrbr-email-wrap input {
    max-width: 300px;
    margin: 0 auto;
}

.sbscrbr-GDPR-wrap input {
    margin-right: 8px;
}

.sbscrbr-GDPR-wrap a {
    display: block;
    margin-top: 10px;
    font-weight: bold;
    color: var(--orange) !important;
}

.sbscrbr-form-done,
.sbscrbr-form-error {
    padding: 8px 15px !important;
    max-width: 50%;
    margin: 15px auto !important;
    font-size: 1rem !important;
    line-height: 1.4rem !important;
    font-weight: bold !important
}

.sbscrbr-form-done {
    background: var(--bleu-clair);
}

.sbscrbr-form-error {
    background: #ff0000;
}

.sbscrbr-submit-block {
    margin-top: 15px;
}

a.lien-newsletter {
    font-family: var(--cera);
    color: var(--orange);
    letter-spacing: -1px;
}

a.lien-newsletter::after {
    content: '\e895';
    display: inline-block;
    font-family: 'Material icons';
    margin-left: 8px;
    font-size: 1rem;
    vertical-align: middle;
    color: var(--orange);
    
}

.fil-instagram {
    padding-bottom: 110px;
}

#sb_instagram #sbi_images .sbi_item {
    padding: 0 2px 2px !important;
}
/*
#sb_instagram #sbi_images .sbi_item:nth-child(5) {
    padding: 0 4px 0 2px !important;
}
*/

#sb_instagram #sbi_load {
/*    float: none; */
    
}

#sb_instagram #sbi_load .sbi_load_btn {
    padding: 8px 40px !important;
    border-radius: 20px !important;
    font-family: var(--cera) !important;
    text-transform: uppercase;
    font-size: .85rem !important;
}

/*************************************************************************/
/********************************** PAGES ********************************/
/*************************************************************************/

.top-page {
    height: 380px;
    width: 100%;
    background-image: linear-gradient(to top, var(--bleu-clair), var(--bleu-fonce));
}

.top-page h1 {
    max-width: 60%;
    padding-top: 200px;
}

.top-page h2 {
    padding-top: 200px;
}

.top-page.top-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.breadcrumbs {
    padding: 6px 0;
    color: var(--bleu-fonce);
    font-size: .95rem;
}

.breadcrumbs a {
    color: var(--bleu-clair);
    font-weight: 700;
}

.breadcrumbs .separ {
    display: inline-block;
}

.breadcrumbs .separ::before {
    content: '\e315';
    display: inline-block;
    font-size: 1rem;
    font-family: 'Material icons';
    vertical-align: middle;
}

.breadcrumbs ul {
    margin: 0;
    padding: 0 var(--leftright);
}

.breadcrumbs ul li {
    display: inline-block;
    padding: 0 2px;
}

.breadcrumbs ul li::before {
    content: '\e315';
    display: inline-block;
    font-size: 1rem;
    font-family: 'Material icons';
    vertical-align: middle;
}

.breadcrumbs ul li:first-child {
    padding-left: 0;
}

.breadcrumbs ul li:first-child::before {
    display: none;
}


.intro-section {
    margin-bottom: 40px;
}

/***************************** CARROUSEL *******************************/

.container-carrousel {
    align-items: flex-end; 
}

.owl-carousel {
    cursor: grab;
}

.item {
    position: relative;
}

.image-slide {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}


.owl-nav {
    position: relative;
    margin-top: 15px;
    text-align: center;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {
    margin: 0;
    background: var(--gris);
    height: 60px;
    width: 60px;
    position: relative;
}

.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {
    background: var(--bleu-clair);
}

.owl-carousel .owl-nav button.owl-prev:hover::before,
.owl-carousel .owl-nav button.owl-next:hover::before {
        color: #fff;
}

.owl-carousel .owl-nav button.owl-next {
    margin-left: 15px;
}

.owl-prev::before,
.owl-next::before {
    content: '';
    position: absolute;
    font-family: 'Material icons';
    left: 15px;
    top: 20px;
    font-size: 1.9rem;
    color: var(--bleu-clair);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.owl-prev::before {
    content: '\e5c4';
}

.owl-next::before {
    content: '\e5c8';
}

.container-carrousel h3::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(img/blue-arrow.png) center center no-repeat;
    background-size: contain;
    opacity: .4;
    margin-bottom: 10px;
    transform: rotate(90deg)
}

.section-histoire h2::after {
    content: '';
    display: block;
    width: 110px;
    height: 110px;
    background: url(img/white-arrow.png) center center no-repeat;
    background-size: contain;
    opacity: .2;
    position: absolute;
    right: 0;
    bottom: 70px;
}

.format-pentathlon {
    margin-bottom: 20px;
}

.format-pentathlon .bkg-bleu-clair {
    position: relative;
    min-height: 352px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.format-pentathlon .bkg-bleu-clair a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    
}

.format-pentathlon .bkg-bleu-clair:hover {
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.filet-epais {
    height: 6px;
    width: 150px;
    margin: 10px auto 25px;
    background: rgba(255,255,255,0.3);
}

.chiffre-big {
    font-size: 5rem;
    line-height: 4rem;
}

.lien-format::before {
    content: '\e63a';
    display: block;
    margin: 0 auto 10px;
    font-family: 'Material icons';
    font-size: 2.5rem;
}

.illustration-image {
    position: absolute;
    left: 0;
    top: 60px;
    width: 540px;
    height: 600px;
    max-width: 30vw;
    max-height: 70vh;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

/***************************** CALENDRIER *******************************/

.jour-compet {
    padding-left: 40px;
    padding-right: 40px;
}

.carousel-calendrier {
    cursor: default;
}

.item-competition li {
    margin-bottom: 15px;
    position: relative;
}

.item-competition li a,
.item-resultat li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 13;
}

.carousel-calendrier .item-competition li:hover {
    background: #fff;
    box-shadow: 0 0 40px rgba(0,0,0,0.2);
}

.carousel-calendrier .item-competition li:hover .jour-compet {
    background: var(--bleu-fonce);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel-calendrier h3 {
    font-size: 2.5rem;
    line-height: 2.6rem;
    letter-spacing: -1px;
    margin-bottom: 40px;
}


.carousel-calendrier .picto-competition {
    margin-top: -20px;
    right: 20px;
}

.carousel-calendrier .picto-competition::after {
    content: '+';
    font-size: 2rem;
    height: 36px;
    width: 36px;
    line-height: 38px;
}


#saisons {
    position: absolute;
    top: 40px;
    right: 0;
    max-width: 250px;
    background-color: #fff;
    border: 1px solid var(--bleu-clair);
    z-index: 25;
    font-size: .85rem;
    border-radius: 0;
}

select {
    -webkit-appearance: none;
    background-image: url(img/arrow-select.png);
    background-repeat: no-repeat;
    background-position: 95% center; 
}

.carousel-calendrier .owl-nav {
    position: absolute;
    top: 10px;
    left: 42%;
    margin-top: auto;
}

.carousel-resultats .owl-nav {
    position: absolute;
    top: -20px;
    left: 45%;
    margin-top: auto;
}

.carousel-resultats .owl-nav button.owl-prev,
.carousel-resultats .owl-nav button.owl-next {
    margin: 0 40px 0;
    width: auto;
    height: auto;
    background: none;
}

.carousel-calendrier .owl-nav button.owl-prev,
.carousel-calendrier .owl-nav button.owl-next {
    margin: 0 20px 0;
    width: 60px;
    height: 60px;
    background: var(--bleu-clair);
}

.carousel-calendrier .owl-prev::before,
.carousel-calendrier .owl-next::before {
    content: '';
    position: absolute;
    font-family: 'Material icons';
/*    left: 15px; */
/*    top: 20px; */
    font-size: 1.9rem;
    color: #fff;
/*    line-height: 60px; */
    text-align: center;
/*    width: 60px; */
/*    height: 60px; */
    z-index: 268;
/*    background: var(--bleu-clair); */
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel-calendrier .owl-prev::before {
    content: '\e5c4';
    left: 15px;
}

.carousel-calendrier .owl-next::before {
    content: '\e5c8';
    right: 15px;
}



/*
.carousel-calendrier .owl-prev:hover::before,
.carousel-calendrier .owl-next:hover::before {  
    background: var(--bleu-fonce);
}
*/
.carousel-calendrier .owl-nav button.owl-prev:hover,
.carousel-calendrier .owl-nav button.owl-next:hover {  
    background: var(--bleu-fonce);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}


.carousel-resultats .owl-prev::before,
.carousel-resultats .owl-next::before {
    content: '';
    position: absolute;
    font-family: 'Material icons';
    left: 15px;
    top: 20px;
    font-size: 1.9rem;
    color: var(--bleu-clair);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.carousel-resultats .owl-prev::before {
    content: '\e5c4';
    left: 0;
}

.carousel-resultats .owl-next::before {
    content: '\e5c8';
    right: 0;
}

button.disabled::before {
    display: none;
}

/***************************** RESULTATS *******************************/

.container-resultats .flex-item-tiers {
    margin: 20px 0 30px;
}

.carousel-resultats {
    margin-top: 40px;
}

.item-resultat {
    background: #fff;
}

.item-resultat li {
    border-bottom: 1px solid var(--bleu-clair);
    position: relative;
}
.picto-resultat {
    position: absolute;
    right: 10px;
    top: 40%;
}

.picto-resultat::after {
    content: '\e896';
    display: block; 
    font-family: 'Material Icons';
    font-size: 1.8rem;
    color: var(--bleu-clair);
    opacity: .5;
}


.item-resultat li:hover {
    background: var(--bleu-light);
}

.item-resultat li:hover .picto-resultat::after {
    opacity: 1;
}

.carousel-resultats .owl-nav {
    position: absolute;
    top: 35px;
    left: auto;
    right: -10px;
    margin-top: auto;
    transform: rotate(180deg);
}

.carousel-resultats .owl-nav button.owl-prev,
.carousel-resultats .owl-nav button.owl-next {
    margin: 0 10px 0;
}

.carousel-resultats .owl-prev::before,
.carousel-resultats .owl-next::before {
    color: #fff;
}


/***************************** CLASSEMENTS *******************************/

.annee-classements::after {
    content: '';
    display: inline-block;
    margin-left: 10px;
    height: 55px;
    width: 40px;
    background: url(img/medaille.png) top left no-repeat;
    background-size: contain;
    vertical-align: middle;
}


.liste-classements {
    margin-top: 20px;
}

.liste-classements li {
    background: rgba(255,255,255,0.4);
    margin-bottom: 5px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.liste-classements li h5 {
    width: 70%;
    margin-bottom: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.liste-classements li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 16;
}

.liste-classements li::after {
    content: '\e873';
    position: absolute;
    display: block;
    top: 40%;
    right: 15px;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.liste-classements li:hover {
    background: rgba(255,255,255,0.9);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.liste-classements li:hover::after {
    color: var(--bleu-clair);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.liste-classements li:hover h5 {
    color: var(--bleu-clair);
    -webkit-transition: all .3s;
    transition: all .3s;
}



/***************************** PAGE CLUBS *******************************/

.liste-clubs {
    margin-top: 30px;
}

.liste-clubs .gmw-ajax-form-wrapper,
.liste-clubs .gmw-ajax-filters {
    display: none !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list {
    border-top: 0 !important;
    padding: 20px 0 !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
    border-bottom: 0 !important;
    margin-bottom: 25px !important;
    background: var(--bleu-light) !important;
    padding: 20px !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-hours-of-operation-wrapper,
div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-location-meta-wrapper,
div.gmw-ajax-results-wrapper.image-disabled ul.gmw-results-list .gmw-item-details,
div.gmw-ajax-results-wrapper.image-disabled ul.gmw-results-list .gmw-item-location {
    width: 100% !important;
    margin: 0 !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-title a,
div.gmw-ajax-results-wrapper ul.gmw-results-list h3 {
    line-height: 1.4rem !important;
    margin-bottom: 20px !important;
    margin-top: 15px !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list a.gmw-get-directions {
    color: #fff !important;
    font-size: .7rem !important;
    margin: 15px auto !important;
    height: 28px !important;
    border-radius: 14px !important;
    line-height: 28px !important;
    background: var(--orange) !important;
    text-transform: uppercase !important;
    text-align: center !important;
    padding: 0 40px !important;
    display: inline-block !important;
    font-family: var(--cera) !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list span.distance {
    background: var(--gris) !important;
    font-weight: 700;
    color: var(--gris-typo) !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list .field {
    background-color: none !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-footer .gmw-item-meta span.label {
    display: none !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
    -webkit-justify-content: space-between !important;
    justify-content: space-between !important;
    width: 18% !important;
    position: relative !important;
}

div.gmw-ajax-results-wrapper ul.gmw-results-list .gmw-item-footer .gmw-item-meta h3 {
    margin: 10px 0 5px !important;
}

.liste-clubs .phone a::before,
.liste-comites .phone a::before,
.liste-clubs .email a::before,
.liste-comites .email a::before {
    content: '';
    display: inline-block;
    margin-right: 5px;
    font-family: 'Material Icons';
    font-size: .9rem;
    color: var(--bleu-clair);
    vertical-align: middle;
}

.liste-clubs .phone a::before,
.liste-comites .phone a::before {
    content: '\e0cd';
}

.liste-clubs .email a::before,
.liste-comites .email a::before {
    content: '\e158';
}

.infos-comite {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 2px solid var(--bleu-clair);
}

section.bkg-image.liste-comites {
    background: url(img/bkg-clubs.jpg) center center no-repeat;
    background-size: cover;
}

.gmw-results-message {
    display: none !important;
}

.pave-club {
    /*min-height: 390px;*/
    border: 2px solid var(--bleu-light);
}

.pave-club:hover {
    background: #fff !important;
}

.content-logo-club {
    background-color: rgba(255,255,255,0.2);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 70px;
    margin-bottom: 20px;
    border-radius: 8px;
}

.logo-present.content-logo-club {
    background-color: rgba(255,255,255,0);
}

a.lien-club {
    position: absolute;
    bottom: 0;
    left: 20px;
}


/*************************************************************************/
/***************************** ACTUALITES ********************************/
/*************************************************************************/

.top-page.top-page-actualites {
    height: 150px;
}


body.blog .container-image-actu.image-actu-une {
    height: 100%;
    width: 100%;
}

.flux-actus .flex-item-tiers:first-child {
    display: none;
    visibility: hidden;
}

body.paged .article-der {
    display: none;
}

.pagination {
    margin: 0 auto 30px;
    font-weight: 700;
}

.pagination ul {
    border-radius: 0;
    background: none;
}

.pagination .current {
    color: #fff;
}

.page-numbers li {
    width: 40px;
    height: 40px;
    border: 0;
    margin-right: 6px;
    font-weight: 700;
    background: #fff;
    float: none;
    display: inline-block;
}

span.current {
    background: var(--bleu-clair);
}

.page-numbers li a {
    color: var(--bleu-fonce);
    font-weight: 700;
}

.page-numbers li a:hover {
    background: var(--bleu-clair);
}

.pagination .current:hover,
.pagination .current:focus {
    background-color: var(--bleu-clair);
    color: #fff;
}

.top-page.top-page-single-actu {
    height: auto;
    padding-bottom: 50px;
}

.top-page.top-page-single-actu h1 {
    max-width: 100%;
}

.contenu-single .image-actu-import img {
    margin: 20px auto;
    max-width: 100%;
    height: auto;
}


.contenu-single img,
.contenu-single img.size-full {
    margin: 20px auto;
    display: block;
    max-width: 100%;
    height: auto;
}

.contenu-single img.wp-post-image {
    margin: 0 0 40px;
    max-width: 100%;
    width: 100%;
    height: auto;
}

.images-supplementaires .flex-item-moitie {
    margin-bottom: 30px;
}

.images-supplementaires img {
    width: 100%;
    height: auto;
    min-height: 100%;
    object-fit: cover;
    margin: 0;
}


.navigation-post a {
    display: block;
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: #fff;
}

.navigation-post .prevpost a {
    padding-left: 60px;
}

.navigation-post .nextpost {
    text-align: right;
}

.navigation-post .nextpost a {
    padding-right: 60px;
}

.navigation-post .prevpost a::before {
    content: '\e5c4';
    display: block;
    position: absolute;
    color: var(--orange);
    font-size: 1.8rem;
    font-family: 'Material Icons';
    margin-right: 20px;
    margin-top: 5px;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navigation-post .prevpost a:hover::before {
    left: -15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navigation-post .nextpost a::before {
    content: '\e5c8';
    display: block;
    position: absolute;
    color: var(--orange);
    font-size: 1.8rem;
    font-family: 'Material Icons';
    margin-top: 5px;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.navigation-post .nextpost a:hover::before {
    right: -15px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.acf-map {
	width: 100%;
	height: 400px;
	margin: 20px 0;
}

.acf-map img {
   max-width: inherit !important;
}

.bloc-partage {
    padding-top: 20px;
    margin-top: 20px;
    padding-bottom: 50px;
    border-top: 5px solid var(--bleu-light);
}

a.share-icone {
    text-decoration: none !important;
    margin: 0 8px;
}

a.share-icone::before {
    content: '';
    display: inline-block;
    font-size: 1.6rem;
    font-family: 'fontAwesome';
    color: var(--orange);
}

a.share-icone:hover::before {
    color: var(--bleu-clair);
}

a.share-icone.share-twitter::before {
    content: '\e61b';
}

a.share-icone.share-facebook::before {
    content: '\f082';
}

a.share-icone.share-linkedin::before {
    content: '\f08c';
}

a.share-icone.share-google::before {
    content: '\f0d4';
}

/*************************************************************************/
/**************************** SINGLE CLUB ********************************/
/*************************************************************************/

.widget div.gmw-single-location-wrapper,
div.gmw-single-location-wrapper {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.flex-item-tiers .gmw-map-wrapper.sl.single_location {
    display: none !important;
}

.widget div.gmw-single-location-wrapper h3.gmw-sl-title a,
div.gmw-single-location-wrapper h3.gmw-sl-title a {
    color: var(--bleu-clair) !important;
}

.widget div.gmw-single-location-wrapper h3.gmw-sl-title,
div.gmw-single-location-wrapper h3.gmw-sl-title {
    margin: 0 !important;
    padding: 0 15px 30px 0 !important;
    border-bottom: 0 !important;
}

div.gmw-single-location-wrapper div.gmw-sl-address i.gmw-location-icon,
div.gmw-single-location-wrapper div.gmw-sl-distance i.gmw-distance-icon,
div.gmw-single-location-wrapper i.gmw-directions-icon {
    display: none !important;
}

.widget div.gmw-single-location-wrapper i[class*=gmw-icon-],
div.gmw-single-location-wrapper i[class*=gmw-icon-] {
    display: none !important;
}

div.gmw-map img {
    margin: 0 !important;
}

div.gmw-single-location-wrapper .gmw-get-directions-link-wrapper, div.gmw-single-location-wrapper .gmw-sl-additional-info-wrapper, div.gmw-single-location-wrapper .gmw-sl-address, div.gmw-single-location-wrapper .gmw-sl-directions-link-wrapper, div.gmw-single-location-wrapper .gmw-sl-directions-trigger-wrapper, div.gmw-single-location-wrapper .gmw-sl-distance {
    font-size: .85rem !important;
    line-height: 1.1rem !important;
}

li.field .label {
    display: none !important;
}

ul.coordonnees-club {
    font-size: .85rem;
    line-height: 1.1rem;
}

ul.coordonnees-club li {
    list-style: none;
    padding: 4px 2px 10px;
    border-bottom: 1px solid #ededed;
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left: 0;
}


.web a::before,
.email a::before,
.fax::before,
.telephone a::before,
.adresse::before,
.gmw-sl-address::before,
.gmw-sl-distance::before,
div.gmw-single-location-wrapper .field.phone::before,
div.gmw-single-location-wrapper .field.email::before,
.gmw-sl-directions-link-wrapper a::before {
    content: '\e0cd';
    display: inline-block;
    margin-right: 8px;
    font-family: 'Material Icons';
    font-size: 1.1rem;
    vertical-align: middle;
    color: var(--bleu-clair);
}

.adresse::before,
.gmw-sl-address::before {
    content: '\e0c8';
}

.gmw-sl-distance::before {
    content: '\e87a';
}

.telephone a::before,
div.gmw-single-location-wrapper .field.phone::before {
    content: '\e0cd';
}

.fax::before,
div.gmw-single-location-wrapper .field.fax::before {
    content: '\e8ad';
}

.email a::before,
div.gmw-single-location-wrapper .field.email::before {
    content: '\e158';
}

.web a::before,
div.gmw-single-location-wrapper .field.web::before {
    content: '\e320';
}


.gmw-sl-directions-link-wrapper a::before {
    content: '\e52e';
}

.flex-item-deux-tiers .widget div.gmw-single-location-wrapper h3.gmw-sl-title,
.flex-item-deux-tiers div.gmw-single-location-wrapper h3.gmw-sl-title {
    font-size: 1.5rem !important;
    line-height: 1.3rem !important;
    padding: 20px 20px 30px 20px !important;
    
}


ul.coordonnees-club li a:hover {
    color: var(--bleu-clair);
}


/*************************************************************************/
/************************* SINGLE COMPETITION ****************************/
/*************************************************************************/


.top-page.top-page-single-compet {
    width: 100%;
    background: url(img/tetiere-competition.jpg) center center no-repeat;
}

section.bkg-image.liens-competitions {
    background: url(img/bkg-compet.jpg) top center no-repeat;
    background-size: cover;
}


.module-lien-bleu {
    background: var(--bleu-clair);
    display: block;
    width: 100%;
    border-radius: 6px;
}

.module-lien-bleu .titre-lien::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 5px;
}

.module-lien-bleu:hover {
    box-shadow: 0 20px 40px rgba(0,0,0, 0.3);
}


.module-lien-bleu.lien-programme .titre-lien::before {
    background: url(img/picto-programme.png) center center no-repeat;
    background-size: contain;
}

.module-lien-bleu.lien-resultats .titre-lien::before {
    background: url(img/picto-resultats.png) center center no-repeat;
    background-size: contain;
}

.module-lien-bleu.lien-engages .titre-lien::before {
    background: url(img/picto-engages.png) center center no-repeat;
    background-size: contain;
}


.module-lien-bleu.pas-dispo {
    background: var(--bleu-fonce);
}

.module-lien-bleu.pas-dispo:hover {
    box-shadow: 0;
    box-shadow: none;
}

table.dataTable.no-footer {
    border-bottom: 0;   
}

#liste-engages_wrapper thead td {
    background-color: var(--bleu-fonce);
    color: #fff;
}

#liste-engages_wrapper tbody tr:nth-child(even) td {
    background: var(--bleu-light);
}

#liste-engages_wrapper tbody tr td:nth-child(2) {
    font-weight: bold;
    color: var(--bleu-clair);
}


#section-engages .tableau-competitions {
    font-size: .9rem;
    line-height: 1.1rem;
}

#section-engages table.dataTable tbody tr td {
    padding: 10px 12px;
}



/*************************************************************************/
/**************************** DISPOS FLEXIBLES ***************************/
/*************************************************************************/

.top-page.top-page-std {
    width: 100%;
    background: url(img/tetiere-std.jpg) center center no-repeat;
}

.contenu-flexible {
    padding: 20px 0;
}

.module-download {
    margin-bottom: 20px;
    position: relative;
    border-radius: 4px;
}

.module-download a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.module-download:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
}

.module-download h5::before {
    content: '\e2c0';
    display: block;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #fff;
}

.ensemble-liens {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 6px solid var(--bleu-light);
}

.Zebra_Accordion dd {
    display: none;
}

.Zebra_Accordion dt {
    cursor: pointer;
}

.Zebra_Accordion {
    margin: 60px 0;
}

.accordion-titre {
    padding: 12px 20px;
    background: rgba(255,255,255,.6);
    margin-bottom: 4px;
    position: relative;
}

.accordion-titre.Zebra_Accordion_Expanded .flex-item-quart {
    color: var(--bleu-clair);
}

.accordion-titre.Zebra_Accordion_Expanded {
    background: rgba(255,255,255,1);
}

.accordion-titre-resultats {
    position: relative;
    background: var(--bleu-light);
    padding: 12px 20px;
    margin-bottom: 4px;
    -webkit-transition: all .3s
    transition: all .3s
}

.accordion-titre-resultats:hover,
.accordion-titre-resultats.Zebra_Accordion_Expanded {
    background: var(--bleu-fonce);
    -webkit-transition: all .3s
    transition: all .3s
}

.accordion-titre-resultats h4 {
    margin-bottom: 0;
    -webkit-transition: all .3s
    transition: all .3s
}

.accordion-titre-resultats:hover h4,
.accordion-titre-resultats.Zebra_Accordion_Expanded h4 {
    color: #fff;
    -webkit-transition: all .3s
    transition: all .3s
}


.accordion-titre-resultats::after,
.accordion-titre::after {
    position: absolute;
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 14px;
    background: url(img/accordion-close.png) top left no-repeat;
    background-size: contain;
}

.accordion-titre-resultats.Zebra_Accordion_Expanded::after,
.accordion-titre.Zebra_Accordion_Expanded::after {
    background: url(img/accordion-open.png) top left no-repeat;
    background-size: contain;
}

.accordion-contenu {
    padding: 40px;
    background: #fff;
    color: var(--gris-typo);
    margin-bottom: 4px;
}

.page-standard section.bkg-image .accordion-contenu p {
    color: var(--gris-typo);
}

.page-standard section.bkg-image .accordion-contenu h4 {
    color: var(--bleu-fonce);
}

.page-standard section.bkg-image .accordion-contenu h3 {
    color: var(--bleu-clair);
}


.accordion-contenu .flex-item-quart::after {
    content: '';
    display: block;
    position: absolute;
    background: url(img/blue-arrow.png);
    width: 100px;
    height: 100px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 30px;
    top: 0;
    opacity: .3;
}

.accordion-contenu-resultats {
    padding: 0;
    background: var(--bleu-light);
    margin-bottom: 4px;
}


.accordion-contenu-resultats li {
    border-bottom: 1px solid var(--bleu-clair);
    position: relative;
    background: #fff;
    list-style: none;
    margin: 0 !important;
}


.accordion-contenu-resultats li::after {
   content: '\e896';
    display: block;
    font-family: 'Material Icons';
    font-size: 1.8rem;
    color: var(--bleu-clair);
    opacity: .5;
    position: absolute;
    top: 18px;
    right: 20px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.accordion-contenu-resultats li:last-child {
    border: 0;
}

.accordion-contenu-resultats li:hover {
    background: var(--bleu-clair);
    color: #fff !important;
}

.accordion-contenu-resultats li:hover .bleu-clair,
.accordion-contenu-resultats li:hover .bleu-fonce,
.accordion-contenu-resultats li:hover p.bleu-fonce {
    color: #fff;
}

.accordion-contenu-resultats .flex-item-deux-tiers,
.accordion-contenu-resultats .flex-item-tiers {
    margin-bottom: 0;
}


.accordion-contenu-resultats li:hover::after {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.search-results article {
    padding: 30px;
    margin: 0 0 20px;
    border-radius: 6px;
    box-shadow: 0 0 40px rgba(0,0,0,0.2);
}



/*************************************************************************/
/**************************** EXTRANET ***************************/
/*************************************************************************/

body#extranet-pentathlon #responsive-menu-button {
    display: none !important;
}

body#extranet-pentathlon #inner-header {
    margin-top: 0 !important;
}


header.header-extranet {
    top: 0;
    padding: 0;
}

header.header-extranet #inner-header.wrap {
    max-width: 100%;
}

header.header-extranet .logo-header {
    width: 200px;
    height: 70px;
}


.liens-top-extranet {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 3px solid var(--gris);
    text-align: center;
}

.liens-bottom-extranet {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 3px solid var(--orange);
    text-align: center;
}

.liens-top-extranet .flex-item-cinq {
    margin-bottom: 15px;
}

.liens-top-extranet .flex-item-cinq a {
    background: var(--bleu-clair);
    border-radius: 4px;
    width: 100%;
    display: block;
    color: #fff;
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
}

.liens-top-extranet .flex-item-cinq a:hover {
    box-shadow: 0 8px 12px rgba(0,0,0,0.2);
    background: var(--bleu-fonce);
}

.menu-extranet {
    float: left;
    margin-left: 50px;
    margin-top: 20px;
}

.menu-extranet li {
    display: inline-block;
    margin: 0 15px;
}

.menu-extranet li a {
    color: var(--bleu-clair);
}

.menu-extranet li a::before {
    content: '';
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
    vertical-align: middle;
}

.menu-extranet .item-tdb a::before {
    background: url(img/tdb-bleu.png) center center no-repeat;
    background-size: contain;
}

.menu-extranet .item-fiches a::before {
    background: url(img/fiche-club-bleu.png) center center no-repeat;
    background-size: contain;
}

.menu-extranet .item-licences a::before {
    background: url(img/licences-bleu.png) center center no-repeat;
    background-size: contain;
}

.menu-extranet .item-competitions a::before {
    background: url(img/engagements-bleu.png) center center no-repeat;
    background-size: contain;
}

.menu-extranet .item-documents a::before {
    background: url(img/documents-bleu.png) center center no-repeat;
    background-size: contain;
}

.menu-extranet .item-clubs a::before {
    background: url(img/club-bleu.png) center center no-repeat;
    background-size: contain;
}



.item-fiche .module-lien-bleu,
.item-licencie .module-lien-bleu,
.item-competitions .module-lien-bleu,
.item-documents .module-lien-bleu,
.item-clubs .module-lien-bleu {
    min-height: 210px;
}


@media only screen and (max-width: 1024px) {

    .welcome {
        display: none;
    }
    
    .menu-extranet {
        margin-left: 30px;
        margin-top: 20px;
    }

    .menu-extranet li a { 
        font-size: .8rem;
        text-align: center;
    }
    
    .menu-extranet li a::before {
        content: '';
        width: 28px;
        height: 28px;
        display: block;
        margin: 0 auto 6px;
        vertical-align: top;
    }

    .menu-extranet .item-tdb a::before {
        background: url(img/tdb-bleu.png) center center no-repeat;
        background-size: contain;
    }

    .menu-extranet .item-fiches a::before {
        background: url(img/fiche-club-bleu.png) center center no-repeat;
        background-size: contain;
    }

    .menu-extranet .item-licences a::before {
        background: url(img/licences-bleu.png) center center no-repeat;
        background-size: contain;
    }   

    .menu-extranet .item-competitions a::before {
        background: url(img/engagements-bleu.png) center center no-repeat;
        background-size: contain;
    }

    .menu-extranet .item-documents a::before {
        background: url(img/documents-bleu.png) center center no-repeat;
        background-size: contain;
    }

    .menu-extranet .item-clubs a::before {
        background: url(img/club-bleu.png) center center no-repeat;
        background-size: contain;
    }
}

@media only screen and (max-width: 768px) {
    
    header.header-extranet .logo-header {
        width: 130px;    
    }
    
    .header-extranet .floatright {
        float: none;
        position: absolute;
        top: 0;
        right: 5px;
    }
    
    .menu-extranet {
        float: right;
        margin-right: 80px;
        margin-left: 0;
        margin-top: 10px;
    }
    
    .menu-extranet li {
        margin: 0 10px;
    }
    
    
}

@media only screen and (max-width: 600px) {
    
    header.header-extranet {
        position: relative;
    }
    
    .top-page.top-page-extranet {
        height: 140px !important;
    }
    
    header.header-extranet .logo-header {
        float: none;
    }
    
    .top-page.top-page-extranet h1 {
        padding-top: 40px !important;
        font-size: 2.2rem;
        line-height: 2.1rem;
    }
    
    .top-page.top-page-extranet h3 {
        font-size: 1.7rem;
        line-height: 1.6rem;
    }
    
    .menu-extranet {
        float: none;
        margin: 5px auto;
        text-align: center;
    }
    
    .menu-extranet li {
        margin: 0 15px;
        text-align: center;
    }
}



.top-page.top-page-extranet {
    width: 100%;
    background: url(img/home-slide-natation.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.top-page.top-page-extranet h1 {
    max-width: 100%;
    padding-top: 140px;
}



.item-fiche .module-lien-bleu .titre-lien::before {
    background: url(img/fiche-club.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.item-licencie .module-lien-bleu .titre-lien::before {
    background: url(img/licences.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.item-competitions .module-lien-bleu .titre-lien::before {
    background: url(img/engagements.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.item-documents .module-lien-bleu .titre-lien::before {
    background: url(img/documents.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.item-clubs .module-lien-bleu .titre-lien::before {
    background: url(img/club.png) center center no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

body.page-template-page-extranet-fiche-club #message {
    margin: 15px 0;
    padding: 30px;
    background: var(--orange);
}

body.page-template-page-extranet-fiche-club #message p {
    color: #fff;
    margin: 0;
    font-weight: 700;
}

.identification {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--orange);
}


.liens-bottom-extranet .cta {
    margin: 0 10px;   
}

.liens-bottom-extranet a.cta.cta-bleu-fonce {
    height: 36px;
    line-height: 36px;
    border-radius: 20px;
}


.accordion-documents {
    padding: 0 0 5px;
    background: #fff;
}

.accordion-documents li {
/*    padding: 8px 0; */
    height: 36px;
    line-height: 36px;
    border-bottom: 1px solid var(--bleu-clair);
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.accordion-documents li:last-child {
    border: 0;
}

.accordion-documents .flex-item-quart:nth-child(1) {
    padding-left: 10px;
}

.accordion-documents .flex-item-quart:nth-child(2) {
    opacity: .6;
}

.accordion-documents li a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.accordion-documents li::after {
    content: '\e2c0';
    position: absolute;
    top: 0;
    right: 15px;
    font-family: 'Material icons';
    color: var(--bleu-clair);
    font-size: 1.3rem;
}

.accordion-documents li:hover {
    background: var(--bleu-clair);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.accordion-documents li:hover .flex-item-quart:nth-child(1) {
    color: #fff;
    
}

.accordion-documents li:hover::after {
    color: #fff;
}

.accordion-titre-documents.Zebra_Accordion_Expanded {
    background: var(--bleu-fonce);
}

.accordion-titre-documents.Zebra_Accordion_Expanded h4 {
    color: #fff;
}



.login-submit,
.acf-form-submit {
    text-align: center;
}

.login-submit input,
.acf-form-submit input {
    margin: 20px auto;
    border: 0;
    background: var(--bleu-clair);
    font-family: var(--cera);
    text-transform: uppercase;
    padding: 12px 40px;
    color: #fff;
}

.login-submit input:hover,
.acf-form-submit input:hover {
    background: var(--bleu-fonce);
}

.bandeau-affilie {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.acf-button,
.acf-button:hover {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.acf-actions .acf-button {
    font-family: var(--cera);
    color: var(--bleu-clair);
    padding-bottom: 4px;
    border-bottom: 2px solid var(--orange);
}


/*************************************************************************/
/*********************** FORMULAIRES LICENCIES ***************************/
/*************************************************************************/

.acf-fields>.acf-field {
    border: 0;
}

.groupe-date .acf-field-number {
    width: 20%;
    display: inline-block;
    border: 0;
    padding: 15px 0;
    margin-right: 10px;
}

.groupe-date .description {
    display: block;
    padding: 15px !important;
    margin: 20px 0 0;
    opacity: 1 !important;
    border: 2px solid var(--orange);
    color: var(--bleu-fonce) !important;
    font-weight: 700;
}

#acf_form_maj_user .groupe-date .description {
    display: none;
}



.groupe-date .acf-fields.-border {
    border: 0;
}


.groupe-date .acf-field-number .acf-label {
    opacity: .6;
}

.small-field .acf-input {
    width: 100px;
}

.acf-field-radio li {
    cursor: pointer;
}

.acf-label p.description {
    opacity: .8;
    font-size: .85rem;
}


body.page-template-page-extranet-creation-licencie .ville,
body.page-template-page-extranet-creation-licencie .code-postal,
body.page-template-page-extranet-creation-licencie .ville-naissance,
body.page-template-page-extranet-creation-licencie .dept-naissance {
    display: inline-block;
}

body.page-template-page-extranet-creation-licencie .ville,
body.page-template-page-extranet-creation-licencie .ville-naissance {
    width: 75%;
}

body.page-template-page-extranet-creation-licencie .code-postal,
body.page-template-page-extranet-creation-licencie .dept-naissance {
    width: 24.5%;
}

body.page-template-page-extranet-creation-licencie .acf-field-radio {
    display: inline-block;
    width: 48%;
}

body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5ca71d74db037,
body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5c9241816b04c,
body.page-template-page-extranet-creation-licencie .acf-field-radio.acf-field-5c9241c06b04d {
    width: 32%;
}

body.page-template-page-extranet-creation-licencie .acf-field-radio:first-child {
    margin-right: 2%;
}



/*************************************************************************/
/****************************** LISTE LICENCES ***************************/
/*************************************************************************/

#saisons.saison-licences {
    position: relative;
    top: 0;
    right: auto;
    margin-left: 0;
    max-width: 250px;
    background-color: #fff;
    border: 1px solid var(--bleu-clair);
    z-index: 25;
    font-size: .85rem;
    border-radius: 0;
}

table.dataTable {
    width: 100%;
    font-size: .85rem;
    margin-top: 40px;
    margin-bottom: 40px;
    line-height: 1.1rem;
}

table.dataTable tfoot,
table.dataTable thead {
    background: var(--bleu-light);
    height: 36px;
    line-height: 36px;
    font-weight: 700;
}


table.dataTable thead tr,
table.dataTable thead tr td {
    margin-bottom: 25px;
}

table.dataTable tfoot tr td {
    margin-top: 25px;
}

table.dataTable tbody tr td {
    border-bottom: 1px solid var(--bleu-light);
}

.tableau-licences.dataTable tr.even td {
    background: #e9eff5;
}


table.dataTable tfoot tr td,
table.dataTable thead tr td {
    padding: 10px 12px;
    line-height: 1.1rem;
}

table.dataTable tbody tr td {
    padding: 6px 12px;
}

table.dataTable thead .sorting {
  background-image: url("img/sort_both.png");
}
table.dataTable thead .sorting_asc {
  background-image: url("img/sort_asc.png");
}
table.dataTable thead .sorting_desc {
  background-image: url("img/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
  background-image: url("img/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
  background-image: url("img/sort_desc_disabled.png");
}

table.dataTable tfoot th,
table.dataTable thead th,
table.dataTable tfoot td,
table.dataTable thead td {
    border: 0;
}

.dataTables_info,
.dataTables_length {
    display: none;
}

.dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: left;
    margin-left: 0;
    margin-top: 30px;
    color: inherit;
    width: 400px;
    max-width: 100%;
}

.dataTables_wrapper .dataTables_filter label {
    font-size: .9rem;
    color: #2c2c2c;
}

.dataTables_wrapper .dataTables_filter::before {
    content: 'Rechercher un licencié :';
    display: inline-block;
    font-size: .9rem;
    margin-bottom: 6px;
}

    
.dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

a.picto-modif-licence::before {
    content: '\e3c9';
    display: block;
    font-size: 1.4rem;
    color: var(--orange);
    font-family: 'Material icons';
}


a.picto-fiche-licence::before {
    content: '\e8ff';
    display: block;
    font-size: 1.4rem;
    color: var(--bleu-clair);
    font-family: 'Material icons';
/*    transform: rotate(90deg); */
    
}


.export-csv {
    position: absolute;
    top: 0;
    right: 0;
}

.export-csv-complet {
    position: absolute;
    top: -80px;
    right: 0;
}


table.dataTable thead .sorting.no-sortable {
    background-image: none !important;
}


.lien-tableau-absolute {
    position: absolute;
    top: 79px;
    right: 200px;
    z-index: 78;
}



/*************************************************************************/
/******************************** TDB LICENCES ***************************/
/*************************************************************************/

#saisons.tdb-licences {
    position: relative;
    top: 0;
    right: auto;
    margin-right: 0;
    max-width: 250px;
    background-color: #fff;
    border: 1px solid var(--bleu-clair);
    z-index: 25;
    font-size: .85rem;
    border-radius: 0;
}


.tdb-licences {
    margin: 40px 0;
}

.module-tdb-licence {
    border-radius: 6px;
    padding-top: 90px;
    position: relative;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
/*    cursor: pointer; */
}

.module-tdb-licence h3 {
    font-size: 2rem;
}

.module-tdb-licence h3.big {
    font-size: 3rem;
}

.module-tdb-licence h3.small {
    font-size: 1.1rem;
    line-height: 1.3rem;
}

.module-tdb-licence::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 3;
    width: 50px;
    height: 50px;
    top: 30px;
    left: 50%;
    margin-left: -25px;
}

.module-tdb-licence.tdb-total::before {
    background: url(img/licence-validee.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-non-valides::before {
    background: url(img/licence.png) center center no-repeat;
    background-size: contain;
}


.module-tdb-licence.tdb-homme::before {
    background: url(img/man.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-femme::before {
    background: url(img/woman.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-competiteurs::before {
    background: url(img/competiteur.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-non-competiteurs::before {
    background: url(img/coffee.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-montant::before {
    background: url(img/montant.png) center center no-repeat;
    background-size: contain;
}

.module-tdb-licence.tdb-montant-valide::before {
    background: url(img/montant02.png) center center no-repeat;
    background-size: contain;
}


.module-tdb-licence .tdb-item-hover {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 82;
    width: 100%;
    height: 100%;
    padding: 40px;
    background: var(--bleu-clair);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.module-tdb-licence:hover .tdb-item-hover {
    top: 0;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.sous-titre-tdb {
    padding: 8px 0;
    margin: 0 0 30px;
    background: var(--bleu-clair);
}

.sous-titre-tdb h4 {
    margin: 0;
    font-size: 1.2rem;
    color: #fff;
}

.tdb-partie-basse {
    margin-top: 20px;
}


.tdb-partie-basse h4,
h4.bkg-bleu-light {
    padding: 8px;
    background: var(--bleu-light);
    border-radius: 6px;
    font-size: 1.3rem;
}

.liens-extranet-seconds {
    text-align: center;
}

.liens-extranet-seconds .cta {
/*    margin: 0 10px; */
}

.liens-extranet-seconds .cta,
.liens-extranet-seconds .cta-filet {
    margin: 0;
    border: 2px solid var(--orange);
    border-radius: 6px;
    height: 36px;
    line-height: 34px;
    font-size: .85rem;
    padding: 0 20px;
    margin: 0 2px;
}

.liens-extranet-seconds .cta:hover,
.liens-extranet-seconds .cta-filet:hover {  
    border-color: var(--bleu-fonce);
}


.ligne-tdb {
    padding: 6px 0;
    border-bottom: 2px solid var(--bleu-light);
    text-align: left;
}

.ligne-tdb .flex-item-quart {
    text-align: right;
    font-size: 1.2rem;
}

.liens-bottom {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 2px solid var(--orange);
}

    
/*************************************************************************/
/******************************** COMPETITIONS ***************************/
/*************************************************************************/


#liste-competitions_wrapper td {
    padding-top: 10px;
    padding-bottom: 10px;
}

.dataTables_wrapper #liste-competitions_filter.dataTables_filter::before {
    content: 'Rechercher une compétition :';
    display: inline-block;
    font-size: .9rem;
    margin-bottom: 6px;
}

.dataTables_wrapper .compet-inscription::before {
    content: '';
    display: block;
    font-family: 'material Icons';
    font-size: 1.5rem;
    color: var(--orange);
}

#liste-competitions_wrapper tbody tr:hover {
    cursor: pointer;
    background: var(--bleu-clair);
    color: #fff !important;
}

#liste-competitions_wrapper tr:hover .bleu-clair {
    color: #fff;
}

.entete-competition-inscription {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 30px;
    border-bottom: 3px solid var(--orange);
}


.entete-competition-inscription .compet-programme {
    position: absolute;
    top: 0;
    right: 0;
    color: var(--orange);
    z-index: 28;
}

.entete-competition-inscription .compet-programme::before {
    content: '\e873';
    display: inline-block;
    font-family: 'material Icons';
    font-size: 1.5rem;
    color: var(--orange);
    vertical-align: middle;
}

.acf-field-5c8f671330b32,
.acf-form-competition .acf-form-fields {
    padding: 15px;
    background: #f2f2f2;
}

.flex-item-tableau {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
    flex-grow: 1;
    flex-shrink: 1;
}

#statistiques-clubs_wrapper {
    max-width: 98% !important;
}

table.tableau-stats {
    width: 98% !important;
    max-width: 98% !important;
}


table.tableau-stats thead,
table.tableau-stats tbody {
    line-height: 1rem;
    text-align: center;
}

td.border-right {
    border-right: 1px solid #fff !important;
}

td.border-left {
    border-left: 1px solid #fff !important;
}



table.tableau-stats thead .left,
table.tableau-stats tbody .left {
    text-align: left;
}

table.tableau-stats tbody tr:nth-of-type(even) tr {
    background: #ecf3fa;
}

#statistiques-clubs_filter.dataTables_filter::before {
    content: 'Rechercher un club :';
    display: inline-block;
    font-size: .9rem;
    margin-bottom: 6px;
}

table.inscriptions-competition {
    text-align: center;
}

td.left,
th.left {
    text-align: left !important;
}


.inscriptions-competition input[type=text] {
    margin-bottom: 0;
}

table.inscriptions-competition checkbox {
    cursor: pointer;
}

table.inscriptions-competition .ligne-erreur {
    background: #f6d7d7;
}

table.inscriptions-competition tr {
/*    cursor: pointer; */
}


table.inscriptions-competition .erreur-texte  {
    display: none;
    font-size: .85rem;
    padding: 3px;
    color: #c50e0e;
}

table.inscriptions-competition .ligne-erreur .erreur-texte  {
    display: block;
}

table.inscriptions-competition .ligne-selectionnee {
    background: var(--orange);
    color: #fff;
    font-weight: 700;
}

table.inscriptions-competition .ligne-selectionnee .container_checkbox {
    padding: 2px 3px;
/*    border: 4px solid #fff; */
}

table.inscriptions-competition .ligne-selectionnee .container_checkbox::after {
    content: 'Inscrit';
    font-weight: 700;
    color: #fff;
    font-size: .85rem;
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}

.container_checkbox input {
    cursor: pointer;
}


/*************************************************************************/
/******************************** ETIQUETTES *****************************/
/*************************************************************************/


.page-etiquettes {
    padding-top: 120px;
    background: var(--bleu-light);
}




/*************************************************************************/
/**************************** FICHE LICENCIE *****************************/
/*************************************************************************/

.identite-licencie {
    margin-bottom: 40px;
}

.identite-licencie .cta-light {
/*    
    position: absolute;
    top: 0;
    right: 40px;
*/
    display: inline-block;
    margin: 0 0 30px;
}

.identite-licencie h2 {
    font-size: 3.3rem;
    line-height: 3rem;
    margin-bottom: 30px;
}

.identite-licencie h2::before {
    display: inline-block;
    content: '';
    margin-right: 20px;
    width: 60px;
    height: 60px;
    vertical-align: middle;
}

.identite-licencie.licencie-homme h2::before {
    background: url(img/man.png) center center no-repeat;
    background-size: contain;
}

.identite-licencie.licencie-femme h2::before {
    background: url(img/woman.png) center center no-repeat;
    background-size: contain;
}


.recapitulatif-demande-licences .bkg-blanc,
.identite-licencie .bkg-blanc {
    border-radius: 8px;
    box-shadow: 0 0 25px rgba(0,0,0,0.2);
}

.recapitulatif-demande-licences ul li,
.identite-licencie ul li {
    padding: 10px 0;
    border-bottom: 1px solid var(--bleu-light);
}

.recapitulatif-demande-licences ul li:last-child,
.identite-licencie ul li:last-child {
    border-bottom: 0;
}
 
.licence-licencie {
    margin-top: 20px;
    border-radius: 6px;
    padding-left: 140px;
    position: relative;
}
.bkg-bleu-clair.licence-licencie.brouillon {
	background-color: grey;
}
.licence-licencie::before {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: url(img/licence-blanche.png) center center no-repeat;
    background-size: contain;
    position: absolute;
    top: 20px;
    left: 30px;
}

.licence-licencie h3 {
    margin-top: 0;
    margin-bottom: 20px;
}

.licence-licencie table td {
    padding: 6px 40px 6px 0;
}

.licence-licencie table thead td {
    border-bottom: 2px solid var(--bleu-light);
}

table.small {
    font-size: .9rem;
    line-height: 1.1rem;
}

.historique-licencie table {
    width: 100%;
    text-align: left;
}

.historique-licencie table th,
.historique-licencie table td {
    padding: 6px 10px;
}

.historique-licencie table tbody tr:nth-of-type(odd) td {
    background: #ecf3fa;
}


/*************************************************************************/
/************************ SECTION RENOUVELLEMENT *************************/
/*************************************************************************/

.toggle-licences {
    margin: 30px 0;
    text-align: center;
}

.toggle-licences a {
    margin: 0 20px;
}


.tableau-renouvellement {
    font-size: 85%;
    line-height: 1.1rem;
    margin: 60px 0 30px;
    width: 100%;
}

.tableau-renouvellement thead tr:nth-child(2) {
    display: none;
}

.tableau-renouvellement thead th {
    color: var(--bleu-fonce);
    text-align: left;
    padding: 10px;
    border-bottom: 10px solid #fff;
}


.tableau-renouvellement .surtitre {
    text-align: center;
    font-size: 1.2rem;
    font-family: var(--cera);
    font-weight: normal;
    color: var(--bleu-clair);
    padding: 10px 0;
}

.tableau-renouvellement .groupe-licence.surtitre {
    border-right: 2px solid #fff;
    border-left: 2px solid #fff;
}

.surtitre-licence::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
    background: url(img/licence.png) center center no-repeat;
    background-size: contain;
}

.surtitre-licencie::before {
    content: '';
    display: inline-block;
    width: 80px;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
    background: url(img/licencies.png) center center no-repeat;
    background-size: contain;
}

.surtitre-choix::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    vertical-align: middle;
    background: url(img/licence-validee-blanc.png) center center no-repeat;
    background-size: contain;
}

.tableau-renouvellement th.groupe-choix {
    background: #eaedf2;
}

.tableau-renouvellement .groupe-licence {
    background: #dee9f5;
}

.tableau-renouvellement .groupe-licencie {
    background: #ecf3fa;
}

.tableau-renouvellement .groupe-action {
    background: var(--bleu-clair);
}


.tableau-renouvellement .groupe-action.surtitre {
    color: #fff;
}

.tableau-renouvellement tbody tr {
    cursor: pointer;
    position: relative;
}

.tableau-renouvellement .td-select {
    color: #fff;
    font-weight: 700;
}

.tableau-renouvellement .justificatif {
	height:20px;	/* pour avoir un total de 40px identique au select à côté */
	min-width: 120px;
}

.tableau-renouvellement .radio-justification + label {
	margin-top: -2px;
	margin-left: 4px;
	margin-right: 4px;
	position: absolute;
}

.tableau-renouvellement .radio-justification:disabled + label {
	font-weight:400;
	opacity: 0.5;
}

.tableau-renouvellement td.input_certificat input {
    background: #fff;
}

body.page-template-page-extranet-licences-renouvellement #ui-datepicker-div {
	z-index: 600 !important;
}

/*
.tableau-renouvellement td.input_certificat::before {
    content: '\f0f1';
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    font-family: 'fontAwesome';
    font-size: 1rem;
    color: #fff;
}

*/

/*
.tableau-renouvellement tbody tr.alerte_certificat td.input_certificat p::after {
    content: '\f0f1';
    display: inline-block;
    font-family: 'fontAwesome';
    font-size: .9rem;
    color: var(--orange);
    margin-left: 20px;
    vertical-align: middle;
    opacity: 1;
}
*/
.tableau-renouvellement tbody td.input_certificat input {
    border: 2px solid var(--bleu-clair);
	width:100px;
}

.tableau-renouvellement tbody tr.alerte_certificat td.input_certificat input:enabled {
    border: 2px solid var(--orange);
}

.tableau-renouvellement tbody td.input_certificat input.certif_non_obligatoire,
.tableau-renouvellement tbody tr.alerte_certificat td.input_certificat input.certif_non_obligatoire {
    border: 0;
}

.tableau-renouvellement tbody td.input_certificat input.certif_non_obligatoire {
    opacity: .3;
}

.combo_erreur {
    border-color: #ff0000 !important;
}
.tableau-renouvellement tr.ligne_avec_erreur {
	border-left: 5px solid #ff0000;
}

.tableau-renouvellement td.input_certificat input {
    margin-bottom: 0;
}


.tableau-renouvellement tbody tr:hover td {
    background: #9dbcee;
    -webkit-transition: all .3s;
    transition: all .3s;
}
    

.tableau-renouvellement tbody tr.deja_renouvele {
    cursor: default;
}
    
.tableau-renouvellement tbody tr.deja_renouvele td,
.tableau-renouvellement tbody tr.deja_renouvele td:hover {
    background: #fff;
    color: var(--gris-typo);
    opacity: .4;
}

.tableau-renouvellement tbody tr.deja_renouvele td:first-child::before {
    content: '\e86c';
    display: inline-block;
    font-family: 'Material icons';
    font-size: 1.6rem;
    color: var(--gris-typo);
    position: absolute;
    margin-top: 0;
    left: -35px;
    opacity: .3;
}


.tableau-renouvellement td {
    padding: 6px 10px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

td.groupe-licencie:nth-child(2) {
    text-transform: uppercase;
}


.tableau-renouvellement tbody tr td:last-child {
    display: none;
}


.tableau-renouvellement td.td-select {
    padding: 10px 6px 15px;
    background: var(--bleu-clair); 
}


.tableau-renouvellement .groupe-licence {
    background: #dee9f5;
}

.tableau-renouvellement .groupe-licencie {
    background: #ecf3fa;
}


.tableau-renouvellement tbody td {
    border-bottom: 6px solid #fff;
}
/*
.tableau-renouvellement tbody td:nth-child(9),
.tableau-renouvellement tbody td:nth-child(10),
.tableau-renouvellement tbody td:nth-child(11),
.tableau-renouvellement tbody td:nth-child(12) {
    padding-top: 15px;
    padding-bottom: 15px;
}
*/


.tableau-renouvellement select {
    margin-bottom: 0;
    background-color: #fff;
    border: 2px solid var(--bleu-clair);
}


.module-totaux {
    position: fixed;
    background: var(--bleu-fonce);
    text-align: center;
    top: 47%;
    width: 80px;
    z-index: 521;
    border-radius: 6px;
    width: 180px;
    padding: 10px 0 10px 20px;
    right: -120px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-totaux:hover {
    right: -25px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.module-totaux .nombre-licences::before {
    content: '';
    display: block;
    margin-bottom: 8px;
    width: 26px;
    height: 26px;
    background: url(img/licence-validee-blanc.png) center center no-repeat;
    background-size: contain;
    
}

.module-totaux input {
    background: none !important;
    color: #fff;
    width: 40px;
    font-weight: 700;
    margin-bottom: 8px !important;
    opacity: 1 !important;
    font-size: 1rem;
    height: 30px !important;
    cursor: default !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.module-totaux input#totaux_montant {
    margin-bottom: 0 !important;
}

.module-totaux label {
    color: #fff;
    font-weight: 700;
    margin-left: 6px;
    height: 30px;
    line-height: 30px;
}

.button-brouillon {
    margin-right: 25px !important;
    background: var(--bleu-light) !important;
    color: var(--bleu-clair) !important;
}

.button-brouillon:hover {
    background: var(--bleu-fonce) !important;
    color: #fff !important;
}


/**** LIGNE SELECTIONNEE ***/


tr.ligne_selectionnee td,
.tableau-renouvellement tbody tr.ligne_selectionnee td {
    background: var(--bleu-fonce);
}

.tableau-renouvellement tbody tr.ligne_selectionnee td.input_certificat input {
    border: 2px solid var(--bleu-fonce);
}

.tableau-renouvellement tbody tr.ligne_selectionnee.alerte_certificat td.input_certificat input:enabled {
    border: 2px solid var(--orange);
}


.tableau-renouvellement tr.ligne_selectionnee td:first-child::before {
    content: '\e86c';
    display: inline-block;
    font-family: 'Material icons';
    font-size: 1.6rem;
    color: var(--bleu-fonce);
    position: absolute;
    margin-top: 0;
    left: -35px;
}

.tableau-renouvellement tr.ligne_selectionnee td select {
    border-color: var(--bleu-fonce);
}

.tableau-renouvellement tr.ligne_selectionnee td {
    /* font-weight: 700; */
    color: #fff !important;
}

.tableau-renouvellement tr.ligne_selectionnee td:nth-child(1),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(2),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(3),
.tableau-renouvellement tr.ligne_selectionnee td:nth-child(4) {
    color: #fff !important;
	/* font-weight: 700; */
}

.tableau-renouvellement tbody tr.alerte_certificat {
    position: relative;
}

.legende-certif::before {
    content: '\f0f1';
    display: inline-block;
    font-family: 'fontAwesome';
    font-size: 1.4rem;
    color: var(--orange);
    margin-right: 5px;
    vertical-align: middle;
}


#messages-erreur .message-actif {
    margin: 20px 0;
    background: var(--orange);
    font-weight: 700;
    color: var(--bleu-fonce);
    text-align: center;
    padding: 30px;
}

a.cta-absolute {
    position: absolute;
    top: 80px;
    right: 0;
}

table.consultation tr {
    cursor: default;
}

table.consultation tr th.groupe-licence,
table.consultation tr td.groupe-licence {
    display: none;
}

.displaynone {
    display: none !important;
}


table#liste-demandes th,
table#liste-demandes td {
    padding: 6px 10px;
}


table#liste-demandes a.cta-light {
    margin: 0 4px;
}

table#liste-demandes .etat-demande span::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 16px;
    vertical-align: middle;
    background: var(--orange);
    border-radius: 6px;
}


table#liste-demandes .etat-demande.brouillon span::before {
    background: var(--bleu-clair);
}

table#liste-demandes .etat-demande.envoyee span::before {
    background: var(--bleu-fonce);
}

table#liste-demandes .etat-demande.validee span::before {
    background: #1d9f48;
}



.recapitulatif-demande-licences .bkg-blanc {
    margin-bottom: 40px;
}

.recapitulatif-demande-licences .ligne-statut {
    background: var(--bleu-clair);
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    margin-top: 8px;
}

.recapitulatif-demande-licences table {
    width: 100%;
    font-size: .9rem;
    line-height: 1.1rem;
}

.recapitulatif-demande-licences table th {
    background: var(--bleu-light);
}

.recapitulatif-demande-licences table th,
.recapitulatif-demande-licences table td {
    padding: 10px;
    border-bottom: 1px solid var(--bleu-light);
}

.recap-final {

}

.total-demande {
    font-weight: normal;
    font-size: 1.2rem;
    font-family: var(--cera);
    color: var(--bleu-clair);
}

.actions_recap {
    margin: 20px 0;
    text-align: center;
}

.actions_recap a {
    margin: 0 25px 20px;
    display: inline-block;
}

.cta-back::before,
.cta-print::before {
    content: '';
    vertical-align: middle;
    display: inline-block;
    margin-right: 8px;
    font-family: 'Material Icons';
    font-size: 1.2rem;
    color: var(--bleu-clair);
}

.cta-print::before {
    content: '\e8ad';
}

.cta-back::before {
    content: '\e5c4';
}


/*************************************************************************/
/*************************** IMPRESSION LICENCES *************************/
/*************************************************************************/


body.page-template-page-impression-licences .footer-links,
body.page-template-page-impression-licences header.header,
body.page-template-page-impression-licences footer.footer {
    display: none;
}

body.page-template-page-impression-licences {
    background: var(--bleu-light);
}


/*************************************************************************/
/**************************** TRANSFERT LICENCIE *************************/
/*************************************************************************/

.messages-erreur {
    margin: 30px 0;
}

.recherche_licencie label {
    font-size: .9rem;
    margin-bottom: 10px;
    display: inline-block;
}

.recherche_licencie select {
    font-size: .9rem;
}

#section-resultats-recherche {
    margin-top: 40px;
}

#section-resultats-recherche table {
    margin: 0 auto 30px;
    width: 100%;
}

#section-resultats-recherche tbody td {
    padding: 20px;
    font-size: .95rem;
    background: #fff;
    color: var(--bleu-fonce);
    border-bottom: 3px solid var(--bleu-light);
}

#section-resultats-recherche thead {
    display: none;
}

#section-resultats-recherche .sel_radio input {
    margin-left: 15px;
    cursor: pointer;
}

.messages-erreur .erreur {
    background: #be0707;
    color: #fff;
}

.messages-erreur .succes {
    background: #1d9f48;
    color: #fff;
}

.messages-erreur a {
    text-decoration: underline !important;
    color: #fff !important;
    font-weight: 700 !important;
}

/*************************************************************************/
/**************************** OP SPECIALES *******************************/
/*************************************************************************/

table#liste-licencies-op tbody tr td {
    padding: 16px 12px;
}

table#liste-licencies-op tbody tr td input {
    cursor: pointer;
}

table#liste-licencies-op tr.ligne_selectionnee td {
    background: var(--bleu-fonce);
    color: #fff !important;
    font-weight: 700;
}

.step02-op-licence {
    color: var(--orange) !important;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.step02-op-licence::after {
    margin-left: 10px;
    content: '\e5db';
    display: inline-block;
    font-family: 'Material Icons';
    color: var(--bleu-fonce);
    line-height: 40px;
    font-size: 1rem;
    text-align: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--orange);
    vertical-align: middle;
}

.step02-op-licence {
    cursor: pointer;
}

table#liste-licencies-op tr.ligne_selectionnee .step02-op-licence {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#section-etape02 {
    margin-top: 60px;
}

#section-etape02 .module-lien-bleu {
    width: 48%; 
    cursor: pointer;
    height: 200px;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 40px 30px;
}

.module-lien-bleu label {
    font-family: var(--cera);
    color: #fff;
    cursor: pointer;
    font-size: 1.2rem;
    line-height: 1rem;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 40px 30px;
}

.module-lien-bleu label::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto 15px;
}

.module-lien-bleu.print label::before {
    background: url(img/print.png) center center no-repeat;
    background-size: contain;
}

.module-lien-bleu.changement label::before {
    background: url(img/changement.png) center center no-repeat;
    background-size: contain;
}

.module-lien-bleu.resiliation label::before {
    background: url(img/resiliation.png) center center no-repeat;
    background-size: contain;
}

.module-lien-bleu.op-active label {
    cursor: default;
}

.module-lien-bleu.op-active {
    background: var(--bleu-fonce);
}

.module-lien-bleu.op-active:hover {
    box-shadow: 0;
    box-shadow: none;
}


.acf-button-rouge {
    background: #be0707 !important;
}

.acf-button-rouge:hover {
    background: var(--bleu-fonce) !important;
}

#montant_a_regler {
    font-weight: 700;
    color: var(--orange) !important;
    opacity: 1 !important;
    background: #fff !important;
    padding: 0;
    font-size: 1.5rem;
}


/*----------------------------------*/
/* TABLEAU STATS TOUS CLUBS */
/*----------------------------------*/


#statistiques-tous-clubs tr.even {
    background: var(--gris);
}

.wrap.page-stats-clubs {
    width: 98%;
    max-width: 98%;
}

.page-stats-clubs #saisons.tdb-licences {
    margin: 0 auto;
    top: 90px;
}

.page-stats-clubs .dataTables_wrapper .dataTables_filter::before {
    content: 'Rechercher un club' !important;
}

/* LBO - 27/02/2020 - style bouton disabled */
html input.deja_soumis {
	cursor: not-allowed;
	background-color: #d3d3d3 !important;
	color: #808080 !important;
}  
html input.deja_soumis:hover {
	background-color: #d3d3d3 !important;
	color: #808080 !important;
}


/*--------------------------------------------*/
/* OPERATION 07-2020 PAIEMENT PAR MANDAT SEPA */
/*--------------------------------------------*/

.banniere-no-mandat {
    display: none;
    background: #ff0000;
    color: #fff;
    position: fixed;
    top: 0;
    z-index: 823;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 12px 50px 12px 20px; 
}

.banniere-no-mandat.actif {
    display: block;
}

.close-banniere {
    position: absolute;
    top: 10px;
    right: 20px;
    z-index: 6;
    width: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 1.3rem;
    cursor: pointer;
}

header.header-extranet.no-mandat {
    top: 68px;
}

#content.no-mandat {
    padding-top: 68px;
}

#content,
#content.no-mandat,
header.header-extranet,
header.header-extranet.no-mandat {
    -webkit-transition: all .4s;
    transition: all .4s;
}

/*************************/
/* Menu général extranet */
/*************************/

.menu-extranet li.inactif a {
    cursor: default !important;
    color: #dadada !important;
    pointer-events: none;
}

.menu-extranet li.inactif a::before {
    opacity: .3;
}



/*----------------------------------*/
/* FICHE CLUB */
/*----------------------------------*/


.container1170 {
    width: 1170px;
    max-width: 100%;
    margin: 0 auto;
}

.ui-widget.ui-widget-content {
    border: 0;
}

.ui-tabs .ui-tabs-panel {
    padding: 40px 0 0;
}

.ui-widget-content {
    color: inherit;
}

.ui-widget-content a.cta-light {
    color: var(--bleu-clair);
}
    
.ui-widget-header {
    background: #fff;
    border: 0;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: none;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li {
    width: 24%;
    float: none;
    display: inline-block;
    margin: 0;
    background: #fff;
    font-family: var(--cera);
    border: 0;
    padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
    font-family: var(--cera);
    width: 100%;
    padding: 12px 0 !important;
    color: var(--bleu-clair);
    display: block;
    text-align: center;
    background: var(--bleu-light);
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.ui-tabs .ui-tabs-nav li.ui-state-active a {
    background: var(--bleu-clair);
    color: #fff;
}

.ui-tabs .ui-tabs-nav li a:hover {
    
}

.container-flex.ligne-affiliation {
    padding: 8px 0;
    border-bottom: 1px solid #fff;
}

.container-flex.ligne-affiliation.ligne-date,
.container-flex.ligne-affiliation.ligne-montant {
    padding: 8px;
    border: 0;
    background: #fff;
    color: var(--bleu-fonce);
}

.container-flex.ligne-affiliation.ligne-date {
    margin-bottom: 12px;
}

.cta.cta-filet {
    line-height: 32px;
}


.trois-dirigeants {
    margin-bottom: 20px;
    margin-top: 40px;
    position: relative;
    background: #f2f2f2;
}

.trois-dirigeants::before {
    content: 'Sélectionnez vos dirigeants';
    display: block;
    width: 100%;
    font-family: var(--cera);
    color: var(--bleu-clair);
    top: -30px;
    left: 0;
    position: absolute;
    font-size: 1rem;
}

.acf-field-5c8f671330b32 {
    margin-top: 40px !important;
}

.acf-field-5c8f671330b32 .acf-label {
    display: none;
}

.acf-field-5c8f671330b32::before {
    content: 'Entraineurs';
    display: block;
    width: 100%;
    font-family: var(--cera);
    color: var(--bleu-clair);
    top: -30px;
    left: 0;
    position: absolute;
    font-size: 1rem;
}


.ligne-echec-paiement {
    background-color: #c60000 !important;
    color: #fff;
}

.span-paiement.paiement-failed {
    font-weight: bold;
}

a.bleu-clair {
    color: var(--bleu-clair) !important;
}

.ligne-echec-paiement a.bleu-clair {
    color: #fff !important;
    font-weight: bold !important;
}



/*----------------------------------*/
/* POPIN PAIEMENT */
/*----------------------------------*/

.loader-site-popin {
    background: var(--bleu-clair);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 821;
    top: 0;
    left: 0;
}

#loader-wrapper-popin {
    position: relative;
    text-align: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    border: 12px solid #fff;
}

.spinner-popin {
  margin: 320px auto 0;
  width: 70px;
  text-align: center;
}

.spinner-popin > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner-popin .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner-popin .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}


.filet {
    height: 1px;
    margin: 10px 0;
    width: 100%;
}

.fancybox-content {
    max-height : 90%;
    margin: 0 auto;
    padding: 30px !important;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
/*    min-width: 400px; */
    min-height: 300px;
    max-width: 50% !important;
}

.fancybox-bg {

}

.fancybox-is-open .fancybox-bg {
    opacity: .95; 
}

.fancybox-content select {
    background-color: #fff;
    border: 1px solid var(--bleu-clair);
}

button,
button:hover {
    -webkit-transition: all .3s;
    transition: all .3s;
    border: 0;
}

button[disabled],
button[disabled]:hover {
    cursor: not-allowed !important;
    border-color: #dadada;
    background: #dadada;
    color: #fff;
}


/*----------------------------------*/
/* FORMULAIRE CREATION COMPTE */
/*----------------------------------*/


.form-creation-compte input[type=text],
.form-creation-compte input[type=email] {
    background: #fff !important;
    width: 100% !important;
    height: 40px !important;
    margin-bottom: 15px !important;
    border: 0 !important;
}


.form-creation-compte button {
    border: 0 !important;
    background: var(--bleu-clair) !important;
}

.form-creation-compte button:hover {
    background: var(--bleu-fonce) !important;
}




/*--------------------------------------*/
/* DEMANDE DE RENOUVELLEMENT */
/*--------------------------------------*/


#message-affiliation {
    margin: 30px 0;
    border: 4px solid var(--orange);
    padding-left: 90px;
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px; 
}

#message-affiliation::before {
    content: '\e88e';
    display: block;
    position: absolute;
    font-family: 'Material icons';
    color: var(--orange);
    font-size: 4rem;
    top: 40px;
    left: 15px;
}


.process-renouvellement {
    padding: 50px 0;
    width: 100%;
    background: #ecf3fa;
}

.tuto-etapes .etape01::before,
.tuto-etapes .etape02::before,
.tuto-etapes .etape03::before,
.tuto-etapes .etape04::before {
    content: '';
    display: block;
    height: 60px;
    width: 60px;
    margin: 0 auto 20px;
}

.tuto-etapes .etape01::before {
    background: url(img/01-selection.png) center center no-repeat;
    background-size: contain;
}

.tuto-etapes .etape02::before {
    background: url(img/02-validation.png) center center no-repeat;
    background-size: contain;
}

.tuto-etapes .etape03::before {
    background: url(img/03-paiement.png) center center no-repeat;
    background-size: contain;
}

.tuto-etapes .etape04::before {
    background: url(img/04-reception.png) center center no-repeat;
    background-size: contain;
}


.tuto-etapes .etape01::after,
.tuto-etapes .etape02::after,
.tuto-etapes .etape03::after,
.tuto-etapes .etape04::after {
    content: '';
    display: block;
    height: 6px;
    width: 70px;
    background: var(--orange);
    margin: 20px auto 0;
    border-radius: 4px;
}

.plus-infos {
    margin: 40px auto 0;
    width: 30px;
    height: 30px;
    background: var(--orange);
    border-radius: 50%;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.plus-infos::before {
    content: '+';
    font-family: var(--cera);
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 3;
    color: #fff;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 30px;
    font-size: 1.5rem;
}

.plus-infos:hover,
.plus-infos.actif {
    background: var(--bleu-clair);
    -webkit-transition: all .3s;
    transition: all .3s;
}


#info-renouvellement {
    padding-top: 0;
    padding-bottom: 0;
    border-top: 6px solid #fff;
    visibility: hidden;
    height: 0;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#info-renouvellement p {
    display: none;
}

#info-renouvellement.active p {
    display: block;
    -webkit-transition: all .5s;
    transition: all .5s;
}

#info-renouvellement.active {
    margin: 40px 0 0;
    padding-top: 30px;
    visibility: visible;
    height: auto;
    -webkit-transition: all .3s;
    transition: all .3s;
}

tr.dirigeant .bleu-fonce.groupe-licencie {
    position: relative;
}

/*
tr.dirigeant .bleu-fonce.groupe-licencie::before {
    content: 'DIRIGEANT';
    position: absolute;
    display: inherit;
    font-size: .65rem;
    background: var(--orange);
    padding: 2px 8px;
    color: var(--bleu-fonce);
    z-index: 6;
    bottom: 0;
    left: 10px;
    font-weight: bold;
}
*/


tr.dirigeant .bleu-fonce.groupe-licencie::after {
    content: 'DIRIGEANT';
    /*position: absolute;*/
    display: inherit;
    font-size: .65rem;
    background: var(--orange);
    padding: 2px 8px;
    color: var(--bleu-fonce);
    z-index: 6;
    bottom: 0;
    left: 10px;
    font-weight: bold;
    margin-top: 3px;
}

.login-submit input,
.acf-form-submit input {
    border-radius: 40px;
}



/*--------------------------------------*/
/* LISTE DES DEMANDES DE RENOUVELLEMENT */
/*--------------------------------------*/

.cta-inactif,
.cta-inactif:hover,
.cta-inactif a,
.cta-inactif a:hover,
a.cta-inactif,
a.cta-inactif:hover {
    cursor: default !important;
    background: #dadada !important;
    color: #fff !important;
    border-color: #dadada !important;
    pointer-events: none;
}


a.btn-paiement {
    position: relative;
    padding-left: 55px !important;
}

a.btn-paiement i {
    position: absolute;
    z-index: 3;
    top: 6px;
    left: 20px;
    font-size: 22px;
}

a.btn-paiement .pastille-nombre {
    position: absolute;
    z-index: 5;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    right: -10px;
    top: -10px;
    background: var(--orange);
    color: var(--bleu-fonce);
    font-size: 1rem;
    font-family: var(--cera);
    line-height: 28px;
}



table#liste-demandes .apayer {
    border-top: 3px solid var(--bleu-fonce);
    border-bottom: 3px solid var(--bleu-fonce);
}


table#liste-demandes .etat-demande.envoyee {
    
}

table#liste-demandes .etat-demande.envoyee span::before {
    background: var(--bleu-fonce);
}

table#liste-demandes thead span {
    display: block;
    margin: 5px auto -5px;
    background: var(--orange);
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: .9rem;
    color: #fff !important;
    position: relative;
    border-radius: 8px;
}

table#liste-demandes thead span.step::after {
    content: '\e5c5';
    position: absolute;
    display: none;
    font-family: 'Material Icons';
    top: 0;
    left: 4px;
    font-size: 3.3rem;
    color: var(--orange) !important;
    transform: rotate(-90deg);
}


table#liste-demandes td.type-resiliation {
    color: #fff;
    background: var(--bleu-clair);
}

table#liste-demandes td.resiliation-type {
    color: var(--bleu-clair);
    font-weight: 600;
}


/*--------------------------------------*/
/* PASTILLE PAIEMENTS A REGLER */
/*--------------------------------------*/

a.absolute {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 20;
    position: absolute;
}

.rappel-paiement {
    position: fixed;
    z-index: 836;
    bottom: 120px;
    right: 20px;
    width: 100px;
    padding: 10px;
    height: 100px;
    border-radius: 50%;
    background: var(--bleu-fonce);
    color: #fff;
    font-family: var(--cera);
    box-shadow: 0 10px 10px rgba(0,0,0,0.2);
    text-transform: uppercase;
    font-size: .8rem;
    line-height: .9rem;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.rappel-paiement .nombre-demandes {
    color: var(--orange);
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.rappel-paiement:hover {
    background: var(--bleu-clair);
    -webkit-transition: all .3s;
    transition: all .3s;
}

.rappel-paiement a::before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    background: url(img/orange-arrow.png) center center no-repeat #fff;
    border-radius: 50%;
    background-size: contain;
    position: absolute;
    z-index: 12;
    top: -12px;
    left: 0;
}

body.page-template-page-extranet-licences-renouvellement-liste .rappel-paiement,
body.page-template-page-extranet-licences-renouvellement .rappel-paiement {
    display: none;
}

a.cta-light:hover {
    text-decoration: none !important;
}


/*--------------------------------------------*/
/* OPERATION 10-2020 FICHIER HONORABILITE */
/*--------------------------------------------*/


.top-page.top-page-extranet {
    background: url(img/home-slide-natation.jpg) center center no-repeat;
/*    background: var(--bleu-fonce); */
    height: 110px;
    margin-top: 90px;
}

.top-page.top-page-extranet .wrap {
    padding-top: 20px;
}

.top-page.top-page-extranet h1 {
    padding-top: 0;
    font-size: 1.5rem;
    line-height: 1.8rem;
    letter-spacing: 0;
}

.top-page.top-page-extranet h3 {
    font-size: 2rem;
    margin: 0 !important;
    line-height: 2.3rem;
}

.wrap {
    width: 1200px;
}

.portail-licences-club .flex-item-tiers {
    margin-bottom: 40px;
}

.portail-licences-club .flex-item-deux-tiers {
    width: 65%;
    max-width: 100%;
    margin-bottom: 40px;
}

.portail-licences-club .flex-item-tiers::before {
    content: '';
    display: block;
    width: 65px;
    height: 46px;
    margin: 0 auto 15px;
}


.portail-licences-club .flex-item-tiers.menu-licencies::before {
    background: url(img/icone-menu-licencies.png) center center no-repeat;
    background-size: contain;
}

.portail-licences-club .flex-item-tiers.menu-licences::before {
    background: url(img/icone-menu-licences.png) center center no-repeat;
    background-size: contain;
}

.portail-licences-club .flex-item-tiers.menu-honorabilite::before {
    background: url(img/icone-menu-honor.png) center center no-repeat;
    background-size: contain;
}

.portail-licences-club .flex-item-tiers.menu-statistiques::before {
    background: url(img/icone-menu-stats.png) center center no-repeat;
    background-size: contain;
}

.portail-licences-club h3 {
    margin-bottom: 8px;
    margin-top: 0;
}

.portail-licences-club h4 {
    margin-bottom: 20px;
    font-size: 1.3rem;
    line-height: 1.5rem;
    letter-spacing: -0.5px;
}

.menu-licencies {
    
}

ul.menu-portail li {
    display: block;
}

ul.menu-portail li a {
    padding: 20px 20px;
    border-bottom: 1px solid #fff;
    position: relative;
    display: block;
    color: var(--bleu-clair);
    font-weight: bold;
}

ul.menu-portail li a:hover {
    background: var(--bleu-clair);
    color: #fff;
}

ul.menu-portail li a::after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    z-index: 3;
    background: url(img/yellow-arrow.png) center center no-repeat;
    background-size: contain;
    right: 20px;
    top: 35%;
}

ul.menu-portail li a:hover::after {
    right: 28px;
}

ul.menu-portail li:last-child a {
    border-bottom: 0;
}

.titre-page-2020 {
    border-bottom: 4px solid var(--gris);
    padding-top: 30px;
}

.titre-page-2020 h3 {
    margin-bottom: 15px;
    margin-top: 0;
    text-align: left;
    max-width: 60%;
}

.menu-top-2020 {
    border-bottom: 40px solid var(--gris);
}

.menu-top-2020 ul {
    margin-top: -1px;
}

.menu-top-2020 ul li {
    display: inline-block;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
}

.menu-top-2020 ul li a {
    height: 50px;
    line-height: 50px;
    padding: 0;
    color: #bdbdbd;
    display: block;
}

.menu-top-2020 ul li a::after {
    content: '';
    height: 5px;
    width: 100%;
    opacity: 0;
    display: block;
    background: var(--bleu-clair);
}

.menu-top-2020 ul li a.active,
.menu-top-2020 ul li a:hover {
    color: var(--bleu-clair);
}

.menu-top-2020 ul li a.active::after,
.menu-top-2020 ul li a:hover::after {
    opacity: 1;
}
    
.menu-top-2020 ul li.back2020 {
    padding: 0;
}

.menu-top-2020 ul li.back2020 a {
    background: var(--bleu-clair);
    color: #fff;
    padding: 0 30px;
}

.menu-top-2020 ul li.back2020 a::after {
    display: none;
}

.menu-top-2020 ul li.back2020 a::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 12px;
    background: url(img/fleche-back.png) center center no-repeat;
    background-size: contain;
    margin-right: 12px;
}

.menu-top-2020 ul li.back2020 a:hover {
    background: var(--bleu-fonce);
}

.lien-inactif,
.lien-inactif:hover {
    cursor: not-allowed !important;
    /*pointer-events: none;*/
    color: #bdbdbd !important;
    opacity: .7;
}

.lien-inactif:hover::after,
.lien-inactif::after {
    display: none;
}

.menu-portail .lien-inactif,
.menu-portail .lien-inactif:hover {
    background: var(--gris);
}

ul.menu-portail li a.lien-inactif::after {
    display: none;
}


table.tableau-honorabilite {
    font-size: .9rem;
    line-height: 1.1rem;
    width: 100%;
}

table.tableau-honorabilite thead tr {
    background: var(--bleu-clair);
    color: #fff;
}

table.tableau-honorabilite tbody tr {
    border-bottom: 1px solid var(--bleu-light);
}

table.tableau-honorabilite tbody tr:nth-of-type(even) td {
    background: var(--bleu-light);
}


table.tableau-honorabilite tr td {
    padding: 10px 12px;
}

table.tableau-honorabilite thead th {
    padding: 16px 12px;
}

table.tableau-honorabilite a.cta.small {
    font-weight: normal;
    margin: 0 10px;
}

a.cta.cta-filet.small {
    background: #fff;
    color: var(--orange);
    border: 1px solid var(--orange);
}

a.cta.cta-filet.small:hover {
    color: #fff;
    background: var(--bleu-fonce);
}


/*--------------------------------------*/
/* LISTE LICENCIÉS */
/*--------------------------------------*/

body.page-template-page-extranet-honorabilite-ajout #message-affiliation {
    margin: 0 0 30px 0;
}

table.tableau-honorabilite tbody tr {
    position: relative;
}

table.tableau-honorabilite tbody tr.indicateur-honor::after {
    content: '\e2c9';
    display: block;
    position: absolute;
    font-family: 'Material icons';
    font-size: 2rem;
    z-index: 6;
    right: 10px;
    margin-top: 20px;
    color: var(--orange);
}

table.tableau-honorabilite tbody tr.indicateur-honor td {
    background: var(--bleu-fonce) !important;
    color: #fff !important;
    font-weight: bold !important;
}

body.page-template-page-extranet-honorabilite-ajout input[type=submit].disabled,
body.page-template-page-extranet-honorabilite-ajout input[type=submit].disabled:hover,
table.tableau-honorabilite tbody a.disabled,
table.tableau-honorabilite tbody a.disabled:hover {
    cursor: not-allowed !important;
    border-color: #dadada !important;
    background: #dadada !important;
    color: #b1b1b1 !important;
}

.acf-field-5fbb76a8cf763 {
    padding: 20px !important;
    background: var(--gris);
    margin-bottom: 20px;
}

.acf-field-5fbb76a8cf763 label {
    cursor: pointer;
}

table.tableau-honorabilite a.cta.small {
    height: auto;
    padding: 12px;
    line-height: 1rem;
    margin: 0;
}

#acf-field_5fbb81ad3ed5c {
    color: #999 !important;
}

.declenche-tooltip {
    display: none;
    margin-left: 5px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    background: #fff;
    font-size: .75rem;
    border-radius: 50%;
    margin-left: 5px;
    color: var(--bleu-clair);
    position: relative;
}

tr.alerte_certificat .declenche-tooltip {
    display: inline-block;
}

.td-justificatif {
    position: relative;
}

tr.alerte_certificat .td-justificatif .declenche-tooltip::before {
    content: '';
    display: none;
    width: 150px;
    height: auto;
    background: #fff;
    position: absolute;
    top: -5px;
    left: -180px;
    z-index: 3;
    padding: 12px;
    color: #888;
    font-size: .8rem;
    line-height: 1.1rem;
    box-shadow: 0 0 12px rgba(0,0,0,0.2);
    border-radius: 6px;
}

tr.alerte_certificat .td-justificatif .declenche-tooltip:hover::before {
    display: block;
}

.licence-tableau {
    margin: 0 auto;
    position: relative;
}

.licence-tableau::before {
    content: '-';
}

.licence-tableau.download-actif::before {
    content: '\f090';
    display: block;
    font-family: 'Material icons';
    font-size: 1.4rem;
    color: var(--bleu-clair);
}

.licence-tableau.download-actif:hover::before {
    color: var(--orange);
}

.borderradius {
    border-radius: 6px;
}

.paddingzero,
.padding-zero {
    padding: 0 !important;
}

.marginzero,
.margin-zero {
    margin: 0 !important;
}


/*====================================================================*/
/* 30/08/2023 - Connexion formulaire inscription newsletter API Brevo */
/*====================================================================*/

#toTop {
    bottom: 180px !important;
}

.sib_signup_form {
    width: 400px;
    max-width: 90%;
    margin-bottom: 30px;
}

.sib_signup_form a {
    color: #fff !important;
    text-decoration: underline !important;
}

.acceptance-newsletter input {
    cursor: pointer;
}

.sib_msg_disp {
    margin: 20px 0;
    font-weight: bold;
    color: var(--orange);
}

.sib_signup_form input[type=submit] {
    padding: 8px 20px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: var(--orange) !important;
    color: #fff !important;
    font-family: var(--cera) !important;
    letter-spacing: -1px !important;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.sib_signup_form input[type=submit]:hover {
    background: var(--bleu-fonce) !important;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/*====================================================================*/
/* 20/10/2023 - Nouvelle home */
/*====================================================================*/

#search-2 {
    position: relative;
}

#search-2 input#s {
    position: absolute;
    width: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    right: 0;
    top: 0;
}

#search-2.actif input#s {
    border-radius: 5px;
    width: 300px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin-right: 10px;
    padding: 0 12px;
    opacity: 1;
    position: absolute;
    top: 0;
    z-index: 10;
    right: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}


#menu-menu-connexion {
    margin-top: -2px;
}

#menu-menu-connexion li {
    display: inline-block;
    margin-left: -2px;
}


.wrapnew {
    padding: 0 var(--leftright);
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.slidecontent {
    height: calc(100% - 160px);
    position: absolute;
    top: 160px;
    z-index: 6;
    width: 100%;
}

#carrousel-home.owl-carousel {
    width: 100%;
	height: 85vh;
}

#carrousel-even.owl-carousel {
    width: 100%;
	height: 100%;
}

#carrousel-home.owl-carousel .item {
	height: 85vh;
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#carrousel-even.owl-carousel .item {
	height: auto;
    width: 100%;
}

#carrousel-even.owl-carousel .item .img-actu-even {
	height: 350px;
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

#carrousel-home.owl-carousel .item.item-carrousel-defaut {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.hover-carrousel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    opacity: 1;
    transition: all .3s;
    z-index: 5;
}

.module-infos-actu-even {
    max-width: 60%;
    margin-top: 30px;
}

.module-infos-actu-even a:hover {
    text-decoration: underline !important;
}

.item-cat-actu {
    font-family: var(--cera);
    color: var(--bleu-clair);
    font-size: .85rem;
    text-transform: uppercase;
    display: inline-block;
}

.item-cat-actu.bleu-fonce {
    color: var(--bleu-fonce);
}

.item-cat-actu.blanc {
    color: #fff;
}
/*
.item-cat-actu::after {
    content: '.';
    display: inline-block;
    margin: 0 4px;
}
*/
#carrousel-home .owl-nav {
    position: absolute;
    right: var(--leftright);
    bottom: 10vh;
    margin-top: auto;
}

#carrousel-even .owl-nav {
    position: absolute;
    right: 0;
    bottom: 30px;
    margin-top: auto;
}

#carrousel-home .owl-nav button.owl-prev, 
#carrousel-home .owl-nav button.owl-next,
#carrousel-even .owl-nav button.owl-prev, 
#carrousel-even .owl-nav button.owl-next {
    border-radius: 50%;
    background: #fff;
}

#carrousel-home .owl-nav button.owl-prev:hover,
#carrousel-home .owl-nav button.owl-next:hover,
#carrousel-even .owl-nav button.owl-prev:not(.disabled):hover,
#carrousel-even .owl-nav button.owl-next:not(.disabled):hover {
    background: var(--bleu-fonce);
}

#carrousel-home .owl-nav button.owl-prev::before, 
#carrousel-home .owl-nav button.owl-next::before,
#carrousel-even .owl-nav button.owl-prev::before, 
#carrousel-even .owl-nav button.owl-next::before {
    color: var(--bleu-fonce);
}

#carrousel-home .owl-nav button.owl-prev:hover::before,
#carrousel-home .owl-nav button.owl-next:hover::before,
#carrousel-even .owl-nav button.owl-prev:not(.disabled):hover::before,
#carrousel-even .owl-nav button.owl-next:not(.disabled):hover::before {
    color: #fff;
}

#carrousel-even .owl-nav button.owl-prev.disabled,
#carrousel-even .owl-nav button.owl-next.disabled {
    opacity: 0;
    cursor: default;
}

#carrousel-home .owl-dots {
    text-align: center;
    margin-top: -50px;
    position: relative;
}

#carrousel-home .owl-dots .owl-dot {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin: 0 6px;
    border: 2px solid #fff;
    background: rgba(255,255,255,0);
}

#carrousel-home .owl-dots .owl-dot.active {
    background: rgba(255,255,255,1);
}

.container-left-home {
    width: 66% !important;
}

.container-right-home {
    width: 31% !important;
}

.module-actu-home {
    /*width: 48% !important;*/
    margin-bottom: 30px;
}

.module-actu-container-image {
    overflow: hidden;
    position: relative;
    margin-bottom: 15px;
    height: 200px;
    background-color: var(--gris);
    border-radius: 10px;
}

.module-actu-container-image .module-actu-image {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%,-50%) scale(1);
    transform-origin: center center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.module-actu-container-image:hover .module-actu-image {
    transform: translate(-50%,-50%) scale(1.2);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.module-evenementiel-home {
    background: var(--bleu-clair);
}

.module-evenementiel-home .module-compteur {
    text-align: center;
    margin-top: 100px;
    border: 2px solid #fff;
    border-radius: 8px;
    position: relative;
}

.module-evenementiel-home .titre-compteur {
    padding: 10px;
    background: var(--bleu-fonce);
    margin-top: -25px;
    z-index: 3;
    color: #fff;
    width: 90%;
    margin-left: 5%;
}

.module-evenementiel-home #compteur {
    margin-top: 15px;
    margin-bottom: 20px;
}

.module-evenementiel-home #compteur div {
    font-size: 1.6rem;
    display: inline-block;
    margin: 0 5px;
    color: #fff;
    font-weight: bold;
}
            
.module-evenementiel-home #compteur div::after {
    content: '';
    font-size: .8rem;
    text-align: center;
    display: block;
    margin-top: 5px;
    color: #fff;
}
            
.module-evenementiel-home #compteur div.day::after {
    content: 'jours';
}
            
.module-evenementiel-home #compteur div.hour::after {
    content: 'heures';
}
            
.module-evenementiel-home #compteur div.minute::after {
    content: 'minutes';
}
            
.module-evenementiel-home #compteur div.sec::after {
    content: 'sec';
}

.module-evenementiel-home a.cta {
    margin-top: 90px;
}

.container-scroll {
    max-height: 460px;
    overflow-y: auto;
    padding-right: 30px;
}

.module-compet-home {
    padding: 16px 6px;
    border-bottom: 6px solid var(--bleu-light);
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.module-compet-home:hover {
    background: var(--bleu-light);
}

section.section-libre-home {
    padding-top: 50px;
    padding-bottom: 50px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

section.section-libre-home .gmw-ajax-form-container .gmw-submit-button {
    display: none;
}

section.section-libre-home div.gmw-ajax-form-wrapper .gmw-form-field-wrapper.gmw-submit-field-wrapper {
    display: none !important;
}

section.section-libre-home .flex-item-tiers {
    margin-bottom: 0;
}

section.section-libre-home img {
    border-radius: 8px;
}

#gmw-map-wrapper-2 {
    height: 400px !important;
}

.banniere-espace {
    padding: 30px;
    background: var(--bleu-clair);
    color: #fff;
    border-radius: 8px;
    text-align: center;
    position: relative;
    min-height: 400px;
/*    margin-bottom: 40px; */
}

.banniere-espace:hover a.bkg-orange {
    background: var(--bleu-fonce) !important;
}

.banniere-espace .flex-item-tiers {
    width: 33% !important;
    padding: 0 10px;
    margin: 30px 0 !important;
}

.banniere-espace .picto-arg {
    font-family: var(--cera);
    font-size: .8rem;
    line-height: 1rem;
    text-transform: uppercase;
}

.banniere-espace .picto-arg::before {
    content: '';
    display: block;
    margin: 0 auto 15px;
    font-family: 'Material icons';
    font-size: 2rem;
    color: #fff;
}

.banniere-espace .picto-arg.picto-arg-licence::before {
    content: '\ea67';
}

.banniere-espace .picto-arg.picto-arg-club::before {
    content: '\e8d1';
}

.banniere-espace .picto-arg.picto-arg-competition::before {
    content: '\e566';
}

.banniere-espace a.bkg-orange {
    display: inline-block;
}

#menu-menu-reseaux-sociaux-1 li:first-child {
    margin-left: 0 !important
}

.module-newsletter {
    margin-bottom: 40px;
}

section.section-partenaires {
    background: var(--gris);
}

section.section-partenaires img {
    border-radius: 8px;
}

.logo-partenaire-carrousel {
    height: 100px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

#carrousel-partenaires .owl-dots {
    text-align: center;
    margin: 30px auto 0;
    position: relative;
}

#carrousel-partenaires .owl-dots .owl-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 6px;
    border: 1px solid #fff;
    background: var(--bleu-light);
}

#carrousel-partenaires .owl-dots .owl-dot.active {
    background: var(--bleu-clair);
}

footer.footer {
    background: #fff;
    padding: 30px var(--leftright) 30px;
}

footer.footer .filet {
    width: 100%;
    background: var(--bleu-clair);
    margin: 25px 0;
}

body.home footer.footer .filet {
    display: none;
}

footer.footer p {
    font-size: .9rem;
    line-height: 1.3rem;
}

footer.footer a {
    font-size: 1rem;
    line-height: 1.4rem;
    margin-bottom: 10px;
    color: var(--bleu-fonce);
}

footer.footer a:hover {
    text-decoration: underline !important;
}

.menu-rs-footer {
    margin-top: 30px;
}

footer.footer .menu-menu-reseaux-sociaux-container li {
    margin: 0 0 0 15px !important;
    margin-top: 0 !important;
}

footer.footer .menu-menu-reseaux-sociaux-container li:first-child {
    margin-left: 0 !important;
}


footer.footer .menu-menu-reseaux-sociaux-container li a::after {
    content: '';
    display: inline-block;
    font-size: 1rem !important;
    font-family: 'fontAwesome';
    color: #fff !important;
    height: 42px !important;
    width: 42px !important;
    border-radius: 50%;
    background: var(--bleu-fonce);
    /*border: 1px solid #2b95fc !important;*/
    line-height: 42px !important;
    text-align: center;
}

footer.footer .menu-menu-reseaux-sociaux-container {
    margin-bottom: 15px !important;
}

footer.footer .menu-menu-reseaux-sociaux-container li a:hover:after {
    color: #fff !important;
    background: var(--bleu-clair) !important;
}

.liens-bottom-footer li {
    display: inline-block;
    margin-right: 20px;
}

.item-cat-actu.blanc {
    color: #fff;
}

section.articles-connexes .module-actu-container-image {
    height: 220px;
}

section.section-articles .actu-premiere .module-actu-container-image {
    height: 450px;
}

section.section-articles .actus-suite.module-actu-container-image {
    height: 200px;
}

.pagination a,
.pagination-posts a {
    text-decoration: none !important;
    font-family: inherit;
}

.pagination-posts .nombre-pages {
    opacity: .5;
}

.pagination,
.pagination-posts {
    position: relative;
    font-size: 1rem;
    line-height: 1.3rem;
    text-align: center;
    margin: 30px auto 20px;
}

.pagination a,
.pagination span,
.pagination-posts span,
.pagination-posts a {
    display: inline-block;
    margin: 0 6px;
    padding: 6px 9px;
    text-decoration: none;
    width: auto;
    color: var(--bleu-fonce);
    -webkit-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
}

.pagination a:hover,
.pagination-posts a:hover {
    text-decoration: none;
    color: #fff;
    background: var(--bleu-clair);
}

.pagination .current,
.pagination-posts .current {
    font-weight: bold;
    color: #fff;
}

.pagination li {
    border: 0;
    float: none;
    display: inline-block;
}

.pagination span:hover {
    background: inherit !important;
    color: inherit !important;
}

select.select-filtre,
#select-cat-actus {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    margin-bottom: 0;
    cursor: pointer;
}

.container-competitions-futures {
    margin: 30px 0;
}

.module-competition-page {
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    margin-bottom: 25px;
    background: #fff;
    border-radius: 8px;
    cursor: pointer;
    border: 2px solid #fff;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.module-competition-page:hover,
.module-competition-page.actif {
    border: 2px solid var(--bleu-light);
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

.module-competition-page .infos-compet-supp {
    background: var(--bleu-light);
    display: none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.module-competition-page.actif .infos-compet-supp {
    display: block;
}

.icone-action-compet::before {
    content: '\e145';
    font-family: 'Material Icons';
    display: block;
    font-size: 2rem;
    text-align: right;
    color: var(--bleu-clair);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.module-competition-page.actif .icone-action-compet::before {
    content: '\e15b';
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn-reset {
    border: 0;
    color: var(--bleu-fonce);
    background: var(--gris);
    font-size: .85rem;
    margin-top: 12px;
    padding: 6px 12px;
    font-family: inherit;
}

.btn-reset:hover {
    color: var(--bleu-fonce);
    background: #fff;
    text-decoration: underline;
}

.btn-compets-passees {
    color: rgba(0,0,0,0.5);
    cursor: pointer;
}

.btn-compets-passees::before {
    content: '\e835';
    font-family: 'Material Icons';
    display: inline-block;
    vertical-align: middle;
    color: var(--bleu-clair);
    font-size: 1.5rem;
    margin-right: 4px;
}

.btn-compets-passees.actif::before {
    content: '\e834';
}

.container-competitions-passees {
    display: none;
}

.container-competitions-passees.actif {
    display: block;
}

.container-competitions-passees.actif .wrap {
    border-bottom: 8px solid var(--bleu-light);
    padding-bottom: 20px;
    margin-bottom: 40px;
    padding-top: 40px;
}

.infos-single-compet {
    padding: 20px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    border-radius: 8px;
    margin-bottom: 30px;
    border-left: 8px solid var(--orange);
}

body.single-filinfo_type .top-page.top-page-single-actu {
    height: 250px;
    padding-bottom: 50px;
}

.displayblock,
.display-block {
    display: block !important;
}

.displayinlineblock,
.display-inlineblock {
    display: inline-block !important;
}

.wp-video,
.wp-video .wp-video-shortcode {
    width: 100% !important;
}

.postie-post {
    
}

.partage-single-filinfo {
    border: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.container-scroll.container-filinfo-home {
    max-height: 80vh;
    margin-top: 20px;
}


li.cat-fil-info {
    padding: 0 12px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    height: 30px;
    border: 1px solid var(--bleu-light);
    border-radius: 15px;
    line-height: 28px;
    text-align: center;
    font-size: .9rem;
    opacity: 1;
    cursor: pointer;
    background: var(--bleu-light);
    color: var(--bleu-clair);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

li.cat-fil-info:not(.actif):hover {
    opacity: 1;
    border: 1px solid var(--bleu-clair);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

li.cat-fil-info.actif {
    opacity: 1;
    cursor: default;
    background: var(--bleu-clair);
    color: #fff;
}

.module-fil-info {
    padding: 15px 0;
    border-bottom: 1px solid var(--bleu-light);
    position: relative;
}

.module-fil-info:hover .titre-info a {
    text-decoration: underline !important;
}

body.single-filinfo_type .gallery {
    width: 100%;
}

body.single-filinfo_type .gallery .gallery-item {
    width: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

body.single-filinfo_type .gallery .gallery-item img {
    border: 0 !important;
    width: 100% !important;
    height: auto !important;
}

.module-classements-nationaux {
    border-radius: 8px;
    padding: 25px;
    margin: 20px 0;
    background: var(--bleu-light);
    color: var(--bleu-fonce);
}

.module-classements-nationaux ul {
    margin-bottom: 0 !important;
}   

.module-classements-nationaux ul li {
    display: inline-block;
    background: #fff;
    padding: 6px 12px;
    font-size: .85rem;
    font-weight: bold;
    border-radius: 20px;
    margin-right: 15px !important;
    margin-bottom: 15px !important;
    position: relative;
    border: 0 !important;
}

.module-classements-nationaux ul li::after {
    content: '';
    display: none;
}

.module-classements-nationaux ul li:hover p {
    color: #fff !important;
}



/*====================================================================*/
/* 07/2024 - Process nouvelle saison */
/*====================================================================*/

#message-affiliation.process-new-saison {
    margin: 40px 0;
    border: 0;
    padding-left: 90px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    border-radius: 10px;
}

.modules-process {
    margin-top: 30px;
}

.process-new-saison {
    background: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,0.15);
    margin-bottom: 50px;
}

.process-new-saison .module-process {
    border-radius: 14px;
    padding: 25px 20px 20px;
    font-weight: bold;
    border: 2px solid var(--orange);
    margin-top: 15px;
}

.process-new-saison .module-process::before {
    content: '';
    height: 30px;
    width: auto;
    padding: 0 10px;
    position: absolute;
    z-index: 2;
    top: -20px;
    left: 20px;
    border-radius: 8px;
    font-size: .9rem;
    font-weight: bold;
    background: #fff;
    border: 2px solid var(--orange);
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: var(--orange);
    text-transform: uppercase;
}

.process-new-saison .module-process.process01::before {
    content: 'Étape 1';
}

.process-new-saison .module-process.process02::before {
    content: 'Étape 2';
}

.process-new-saison .module-process.process03::before {
    content: 'Étape 3';
}

.process-new-saison .module-process.process04::before {
    content: 'Étape 4';
}

.process-new-saison .module-process:not(.inactif, .done):hover {
    border-radius: 18px;
    border: 2px solid var(--bleu-clair);
}

.process-new-saison .module-process.actif:not(.done):hover {
    border-radius: 18px;
    border: 2px solid var(--bleu-clair);
}

.process-new-saison .module-process.done {
    background: var(--orange);
}

.process-new-saison .module-process.done a {
    cursor: default;
    pointer-events: none;
}

.process-new-saison .module-process.done::before {
    content: '\e5ca';
    font-family: 'Material icons';
    font-size: 1.3rem;
    width: 30px;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    color: var(--bleu-clair);
    border-color: var(--bleu-clair);
}

.process-new-saison .module-process::after {
    content: '\e5df';
    font-family: 'Material icons';
    font-size: 3rem;
    color: var(--orange);
    display: block;
    position: absolute;
    bottom: 30px;
    right: -35px
}

.process-new-saison .module-process.process04::after {
    display: none;
}

.process-new-saison .module-process:not(.actif).inactif {
    opacity: .5;
    background: #eaeaea;
    border-color: transparent;
}

.process-new-saison .module-process:not(.actif).inactif a {
    cursor: default;
    pointer-events: none;
}

.tuto-etapes .etape04::before {
    background: url(img/04-download.png) center center no-repeat;
    background-size: contain;
}

.module-download.module-download-image h5::before {
    content: '\e2c0';
    display: block;
    font-family: 'Material Icons';
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: var(--bleu-clair);
}

.module-download-image img {
    max-width: 100%;
    margin-top: 0 !important;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.module-download-image {
    box-shadow: 0 0 16px rgba(0,0,0,0.15);
    border-radius: 10px;
    overflow: hidden;
}

/*====================================================================*/
/* 10/2025 - FFPM TV */
/*====================================================================*/

.wrapthin {
    width: 967px;
    max-width: 95%;
    padding: 0;
    margin: 0 auto;
}

.content-mediatv {
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
    background: #fff;
    margin: 30px 0;
}

.filtres-mediatv {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    margin: 0 0 40px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

li.cat-mediatv {
    padding: 0 18px;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-block;
    height: 40px;
    border: 2px solid var(--bleu-clair);
    border-radius: 20px;
    line-height: 36px;
    text-align: center;
    font-size: 1rem;
    cursor: pointer;
    background: #fff;
    color: var(--bleu-clair);
    transition: all 0.3s;
}

li.cat-mediatv:not(.actif):hover {
    background: var(--bleu-light);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

li.cat-mediatv.actif {
    cursor: default;
    background: var(--bleu-clair);
    color: #fff;
}

.module-mediatv-img {
    height: 200px;
}

.module-mediatv {
    margin-bottom: 40px;
}

.module-mediatv h4:hover a {
    text-decoration: underline !important;
}

.module-mediatv .container-titre {
    min-height: 80px;
    margin-bottom: 30px;
}

.container-mediatv {
    margin-bottom: 40px;
}

.item-cat-actu.bleu-fonce {
    color: var(--bleu-fonce) !important;
}