.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; } .no-js .owl-carousel {
display: block; } .owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } } .owl-height {
transition: height 500ms ease-in-out; } .owl-carousel .owl-item { }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; } .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-nav [class*='owl-'] {
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #D6D6D6;
display: inline-block;
cursor: pointer;
border-radius: 3px; }
.owl-theme .owl-nav [class*='owl-']:hover {
background: #869791;
color: #FFF;
text-decoration: none; }
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default; }
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px; }
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent; }
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity 200ms ease;
border-radius: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791; }table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/library/css/DataTables-1.10.18/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}}* {
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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.eot);
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.eot?#iefix) format('embedded-opentype'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.woff2) format('woff2'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.woff) format('woff'),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/35B49D_0_0.ttf) format('truetype');
}
@font-face {
font-family: 'FontAwesome';
font-style: normal;
font-weight: normal;
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.eot);
src: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.woff2) format("woff2"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.woff) format("woff"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/fonts/font-awesome/fa-brands-400.ttf) format("truetype"),
url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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-bleu-clair {
background: var(--bleu-clair);
}
.bkg-bleu-light {
background: var(--bleu-light);
}
.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 {
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);
}   .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);
}   #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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}   #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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
}
.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;
}   #toTop {
display: none;
position: fixed; 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;
}   .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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);
}
} #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 {
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 { float: left;
padding: 0 7px;
position: relative;  }
.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; 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; }
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: '\f099' !important;
}
#menu-menu-reseaux-sociaux-1 li a:hover::after {
color: var(--bleu-clair);
background: #fff;
} #nav_menu-4 {
margin-left: 20px;
}
#nav_menu-4,
#nav_menu-4 li {
height: 40px;
}    #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;
}   .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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%;
}   #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;
}   .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 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;
}   .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);
}   .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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_load { }
#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;
}   .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;
} .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
} .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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';  font-size: 1.9rem;
color: #fff; text-align: center;  z-index: 268; -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-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;
} .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;
} .annee-classements::after {
content: '';
display: inline-block;
margin-left: 10px;
height: 55px;
width: 40px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
} .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/bkg-clubs.jpg) center center no-repeat;
background-size: cover;
}
.gmw-results-message {
display: none !important;
}
.pave-club {
min-height: 390px;   
}
a.lien-club {
position: absolute;
bottom: 0;
left: 20px;
}   .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: '\f081';
}
a.share-icone.share-facebook::before {
content: '\f082';
}
a.share-icone.share-linkedin::before {
content: '\f08c';
}
a.share-icone.share-google::before {
content: '\f0d4';
}   .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);
}   .top-page.top-page-single-compet {
width: 100%;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tetiere-competition.jpg) center center no-repeat;
}
section.bkg-image.liens-competitions {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/picto-programme.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.lien-resultats .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/picto-resultats.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.lien-engages .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
}   .top-page.top-page-std {
width: 100%;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tetiere-std.jpg) center center no-repeat;
}
.contenu-flexible {
padding: 20px 0;
}
.module-download {
margin-bottom: 20px;
position: relative;
border-radius: 4px;
margin-right: 2%;
}
.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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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);
}   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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tdb-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-fiches a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-licences a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-competitions a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-documents a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-clubs a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/tdb-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-fiches a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-licences a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences-bleu.png) center center no-repeat;
background-size: contain;
}   
.menu-extranet .item-competitions a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-documents a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents-bleu.png) center center no-repeat;
background-size: contain;
}
.menu-extranet .item-clubs a::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/fiche-club.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-licencie .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licences.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-competitions .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/engagements.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-documents .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/documents.png) center center no-repeat;
background-size: contain;
margin-bottom: 15px;
}
.item-clubs .module-lien-bleu .titre-lien::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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 { 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);
}   .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%;
}   #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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_both.png);
}
table.dataTable thead .sorting_asc {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_asc.png);
}
table.dataTable thead .sorting_desc {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_desc.png);
}
table.dataTable thead .sorting_asc_disabled {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/sort_asc_disabled.png);
}
table.dataTable thead .sorting_desc_disabled {
background-image: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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'; }
.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;
}   #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; }
.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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence-validee.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-non-valides::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/licence.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-homme::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/man.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-femme::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/woman.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-competiteurs::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/competiteur.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-non-competiteurs::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/coffee.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-montant::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/montant.png) center center no-repeat;
background-size: contain;
}
.module-tdb-licence.tdb-montant-valide::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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 { }
.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);
}   #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 { }
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; }
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;
}   .page-etiquettes {
padding-top: 120px;
background: var(--bleu-light);
}   .identite-licencie {
margin-bottom: 40px;
}
.identite-licencie .cta-light { 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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/man.png) center center no-repeat;
background-size: contain;
}
.identite-licencie.licencie-femme h2::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
}   .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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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; 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 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 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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
} 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 { 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; }
.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';
}   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);
}   .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;
}   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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/print.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.changement label::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/changement.png) center center no-repeat;
background-size: contain;
}
.module-lien-bleu.resiliation label::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
}   #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;
} 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;
}   .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-extranet li.inactif a {
cursor: default !important;
color: #dadada !important;
pointer-events: none;
}
.menu-extranet li.inactif a::before {
opacity: .3;
}   .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: 33%;
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;
}   .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-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;
}   .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;
}   #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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/01-selection.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape02::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/02-validation.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape03::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/03-paiement.png) center center no-repeat;
background-size: contain;
}
.tuto-etapes .etape04::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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::after {
content: 'DIRIGEANT'; 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;
}   .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;
}   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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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;
}   .top-page.top-page-extranet {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/home-slide-natation.jpg) center center no-repeat; 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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-licencies.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-licences::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-licences.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-honorabilite::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/icone-menu-honor.png) center center no-repeat;
background-size: contain;
}
.portail-licences-club .flex-item-tiers.menu-statistiques::before {
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/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; 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);
}   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;
}   #toTop {
bottom: 100px !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;
}   #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;
}
.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;
} #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: 280px;
background-color: var(--gris);
}
.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; }
.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); 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;
}   #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(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/04-download.png) center center no-repeat;
background-size: contain;
}@media only screen and (max-width: 1466px) {
html {
font-size: 95%;
-webkit-text-size-adjust: 95%;
-ms-text-size-adjust: 95%;
}
body.home h1,
h1 {
font-size: 4.3rem;
line-height: 4.1rem;
letter-spacing: -2px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 3.75rem;
line-height: 3.6rem;
}
h3 {
font-size: 2.2rem;
line-height: 2rem;
margin-bottom: 25px;
margin-top: 35px;
}
h3.small {
font-size: 1.6rem;
line-height: 1.4rem;
margin-bottom: 20px;
}
h3.big {
font-size: 3.1rem;
line-height: 2.9rem;
letter-spacing: -1px;
margin-bottom: 30px;
}
h4 {
font-size: 1.3rem;
line-height: 1.3rem;
}
h4.big {
font-size: 1.8rem;
line-height: 2rem;
margin-bottom: 20px;
}
h5 {
font-size: 1.1rem;
line-height: 1.1rem;
}
.slider .wrap {
max-width: 90%;
}
#inner-header nav li a {
font-size: .85rem;
}
}
@media only screen and (max-width: 1440px) {
.tableau-renouvellement {
max-width: 94%;
margin: 0 auto
}
body.page-template-page-extranet-licences-renouvellement .bkg-bleu-light {
max-width: 94%;
margin: 0 auto;
}
#inner-header nav li {
padding: 0 8px;
}
}   @media only screen and (max-width: 1320px) {
.spinner {
margin: 150px auto;
}
body.home h1,
h1 {
font-size: 3.7rem;
line-height: 3.5rem;
letter-spacing: -1px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 3.2rem;
line-height: 3.0rem;
}
h3.big {
font-size: 2.4rem;
line-height: 2.3rem;
}
#inner-header nav li {
padding: 0 6px;
}
.zone-top-header a {
font-size: .7rem;
}
#search-2.actif input#s {
width: 260px;
}
#section-engages .tableau-competitions td.engage-date {
display: none;
}
.dataTables_wrapper {
max-width: 100%;    
}
#section-engages .tableau-competitions {
width: 100% !important;    
}
}   @media only screen and (max-width: 1170px) {
#responsive-menu-button.scroll {
top: 12px !important;
}
.flex-item-40,
.flex-item-60 {
width: 50%;
}
.zone-top-header,
#menu-menu-principal {
display: none;
}
#inner-header {
margin-top: 20px;
}
.logo-header {
height: 60px;
}
header.header.scroll #inner-header {
box-shadow: 0 0 30px rgba(0,0,0, 0.2);
margin-top: 0;
}
header.header.scroll {
padding-left: 0;
padding-right: 0;
}
header.header.scroll .logo-header {
height: 60px;
background: url(//ffpentathlon.fr/wp-content/themes/ffpentathlon/img/pentathlon-logo.png) top left no-repeat;
background-size: contain;
}
.owl-carousel .flex-item-deux-tiers,
.owl-carousel .flex-item-tiers {
width: 48%;
}
.image-slide {
min-height: 300px;
}
.owl-carousel .flex-item-tiers .bkg-bleu-clair.big {
font-size: 1rem;
line-height: 1.3rem;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 23% !important;
}
.top-page h1 {
padding-top: 140px;
}
.top-page.top-page-single-actu {
padding-bottom: 30px;
}
#section-engages .tableau-competitions td.engage-sexe,
#section-engages .tableau-competitions td.engage-cat {
display: none;
}
header.header {
padding: 0;    
}
#inner-header {
margin-top: 0;    
}   .container-gauche-espace,
.container-droit-espace {
padding: 20px;    
}
.module-inscription-competition {
margin-bottom: 25px;
}
.mobile-only {
display: block;
}
}      @media only screen and (max-width: 967px) {
.flex-item-50 {
width: 100%;
}
#content.connexion-licencie,
section.connexion-licencie {
min-height: 1px;
}
.part-gauche {
background: #fff;
padding: 20px 0;
}
.part-droite {
padding: 30px 0;
}
.logo-connexion {
height: 70px;
background-size: 70%;
border-radius: 6px;
}
.module-connexion,
.module-creation {
width: 70%;
padding: 0 30px;
}
.module-creation {
padding: 30px;
}
.container-espace .flex-item-moitie {
width: 100%;    
}
}   @media only screen and (max-width: 930px) {
.top-page .wrap,
.slider .wrap {
max-width: 95%;
width: 95%;
}
.top-page {
height: 300px;
}
header.header-extranet.no-mandat {
top: 60px;
}   
#content.no-mandat {
padding-top: 60px;
}
}   @media only screen and (max-width: 800px) {
.slider {
height: 45vh;
}
body.home h1,
h1 {
font-size: 3rem;
line-height: 2.7rem;
letter-spacing: -1px;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 2.6rem;
line-height: 2.4rem;
}
.flex-item-40,
.flex-item-60 {
width: 100%;
}
.flex-item-deux-tiers,
.flex-item-tiers {
width: 100%;
}
.flex-item-moitie {
width: 100%;
margin-bottom: 20px;
}
.flex-item-quart {
width: 48%;
margin-bottom: 20px;
}
.flex-item-tiers,
.flex-item-deux-tiers {
width: 100%;
margin-bottom: 20px;
}
.flex-item-tiers.format-pentathlon {
width: 48%;
}
footer.footer .flex-item-quart {
width: 100%;
text-align: center;
margin-bottom: 30px;
}
footer.footer .flex-item-trois-quart {
width: 100%;
text-align: center;
padding: 0 40px;
}
.fil-instagram .right {
text-align: left;
}
.breadcrumbs {
padding-left: 10px;
padding-right: 10px;
font-size: .8rem;
}
.owl-carousel .flex-item-deux-tiers { width: 100%;
}
.owl-carousel .flex-item-tiers {
width: 100%;
}
.right {
text-align: left;
}
.illustration-image {
display: none;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 31% !important;
}
.megabig {
font-size: 1.6rem;
line-height: 1.5rem;
}
.jour-compet {
padding-left: 25px;
padding-right: 25px;
}
.item-competition .padding30 {
padding: 20px;
}
.item-competition .big {
font-size: 1rem;
line-height: 1.4rem;
}
.carousel-calendrier .owl-nav {
left: -40px;
top: -30px;
}
#saisons {
max-width: 200px;
}
.carousel-calendrier .picto-competition {
display: none;
}
.navigation-post .flex-item-tiers {
width: 48%;
}
.navigation-post a {
font-size: 1rem;
line-height: 1.2rem;
}
header.header-extranet.no-mandat {
top: 90px;
}   
#content.no-mandat {
padding-top: 90px;
}
.menu-top-2020 ul li.back2020 {
width: 100%;
text-align: center;
}
:root {
--height-youtube : 300px;
}
}
@media only screen and (max-width: 800px) {
header.header {
padding: 0;    
}
#inner-header {
margin-top: 0;    
}   .nav-espace .flex-item-moitie {
width: 23%;    
}
.container-gauche-espace,
.container-droit-espace {
width: 100%;
min-height: 1px;
}
.flex-item-moitie.module-espace {
width: 48%;    
}
}   @media only screen and (max-width: 698px) {
#toTop {
display: none !important;
visibility: hidden !important;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 48% !important;
}
.fancybox-content {
padding: 20px !important;
max-width: 98% !important;
}
body.home #content {
padding-top: 75px;    
}   .part-gauche {
padding: 15px 0;
}
.part-droite {
padding: 20px;
}
.logo-connexion {
height: 70px;
background-size: 70%;
}
.module-connexion,
.module-creation {
width: 100%;
padding: 0;
}
.module-creation {
padding: 20px;
}
.module-inscription-competition {
width: 100%;
margin-bottom: 15px;
}
}   @media only screen and (max-width: 600px) {
html {
font-size: 90%;
-webkit-text-size-adjust: 90%;
-ms-text-size-adjust: 90%;
}
#tarteaucitronDisclaimerAlert {
padding: 0 20px;
max-width: 100%;
float: none;
text-align: center;
}
.accepte-tout,
.choix-cookies {
height: 24px !important;
border-radius: 0 !important;
line-height: 24px !important;
padding: 0 15px !important;
margin: 6px auto!important;
font-size: .8rem !important;
float: none;
}
.flex-item-quart {
width: 100%;
}
.flex-item-cinq {
width: 48%;
}
.flex-item-32 {
width: 100%;
}
footer.footer .flex-item-trois-quart {
padding: 0;
}
footer.footer .container-flex-nowrap {
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;
}
footer.footer .container-flex-nowrap .flex-item-std {
width: 21%;
}
h2,
.contenu-single h2,
body.home h2 {
font-size: 2.4rem;
line-height: 2.1rem;
letter-spacing: -1px;
}
.flex-item-tiers.format-pentathlon {
width: 100%;
}
.flex-item-cinq,
div.gmw-ajax-results-wrapper ul.gmw-results-list li.gmw-single-item {
width: 100% !important;
}
section.fil-instagram {
display: none;
}
.slider {
display: none;
}
.image-mobile-only {
display: block;
}
.tableau-renouvellement .surtitre-licence,
.tableau-renouvellement .groupe-licence {
display: none;
}
.rappel-paiement {
display: none;
}
.menu-top-2020 ul li:not(.back2020) {
display: none;
}
.menu-top-2020 {
border: 0;    
}
.titre-page-2020 {
padding-top: 20px;
}
.titre-page-2020 h3 {
font-size: 1.6rem;
line-height: 2rem;
padding: 0 15px;
max-width: 80%;
}
header.header-extranet {
position: relative;
}
header.header-extranet .logo-header {
float: none;
}
.menu-extranet {
float: none;
margin: 5px auto;
text-align: center;
}
.menu-extranet li {
margin: 0 15px;
text-align: center;
}
.top-page.top-page-extranet {
margin-top: 0;    
height: 100px;
}
.wrap {
max-width: 100%;    
}
.top-page.top-page-extranet h1 {
font-size: 1.3rem;
line-height: 1.6rem;
margin-left: 12px;
}
.top-page.top-page-extranet h3 {
font-size: 1.7rem;
line-height: 2rem;
margin-left: 12px !important;
}
body.home h1,
h1 {
font-size: 2.3rem;
line-height: 2.6rem;
}
body.home h1 {
padding-top: 40px;
}
.image-mobile-only {
height: 30vh;
}   .flex-item-moitie.module-espace {
width: 100%;
} .nav-espace .bouton-rubrique {
padding: 12px 6px;
border-radius: 4px;
font-size: .9rem;
line-height: 1.1rem;
}
.nav-espace .bouton-rubrique span::before {
margin: 0 auto;
font-size: 1.5rem;
}
.container-gauche-espace .identite .floatleft,
.container-gauche-espace .identite .floatright {
float: none;
}
.container-espace {
padding-top: 20px;
padding-bottom: 20px;
}
a.cta-download {
padding: 12px 20px 12px 20px;
display: block;
text-align: center;
}
a.cta-download::after {
position: relative;
right: auto;
top: auto;
margin: 8px auto 0;
text-align: center;
}
#section-etape02 .module-lien-bleu {
width: 100%; 
min-height: 200px;
height: auto;
padding: 30px 20px;
}
}   @media only screen and (max-width: 480px) {
.navigation-post a {
padding-left: 0 !important;
padding-right: 0 !important;
}
.navigation-post .nextpost a::before,
.navigation-post .prevpost a::before {
display: none;
}
header.header-extranet.no-mandat {
top: 110px;
}   
#content.no-mandat {
padding-top: 110px;
}
table.tableau-honorabilite thead tr th:nth-of-type(4),
table.tableau-honorabilite tbody tr td:nth-of-type(4) {
display: none;
}
.titre-page-2020 h3 {
max-width: 100%;
}
#responsive-menu-container {
width: 100% !important;    
}
}   @media only screen and (max-width: 420px) {
.cta-espace-licencie {
padding: 8px 20px 8px 40px;
top: 24px;
right: 70px;
}
.cta-espace-licencie::before {
font-size: 1.3rem;
left: 12px;
top: 8px;
}
}@media only screen and (max-width: 1500px) {
.zone-top-header .menu-menu-reseaux-sociaux-container {
display: none;
}
}
@media only screen and (max-width: 1280px) {
.module-actu-container-image {
height: 200px;
}
.module-evenementiel-home .flex-item-tiers,
.module-evenementiel-home .flex-item-deux-tiers {
width: 100%;    
}
.module-evenementiel-home .flex-item-full {
width: 31%;    
}
.module-evenementiel-home .module-compteur,
.module-evenementiel-home a.cta {
margin-top: 0;    
}
.container-second-home .container-left-home,
.container-second-home .container-right-home {
width: 100% !important;
margin-bottom: 40px !important;
}
.section-libre-home .flex-item-tiers {
width: 48%;
}
.section-libre-home .flex-item-tiers:first-child {
width: 100%;
}
}
@media only screen and (max-width: 1170px) {
.slidecontent {
height: calc(100% - 80px);
top: 80px;
margin-top: 0;
}
.cta-espace-club {
display: inline-block !important;
}
.rmp-menu li.resp-espace-clubs a {
background: var(--orange) !important;
color: #fff !important;
font-weight: bold !important;
}
.rmp-menu li.resp-espace-licencie a {
background: var(--bleu-clair) !important;
color: #fff !important;
font-weight: bold !important;
}
section.bkg-image.newsletter .flex-item-tiers,
section.bkg-image.newsletter .flex-item-deux-tiers {
width: 48%;
}
.top-page-single-actu .flex-item-deux-tiers {
padding-left: var(--leftright);    
padding-right: var(--leftright);    
}
.top-page.top-page-actualites {
display: none;
}
section.section-articles {
padding-top: 120px;    
}
}
@media only screen and (max-width: 967px) {
#carrousel-home .owl-nav {
display: none;
}
#carrousel-home .owl-dots .owl-dot {
width: 14px;
height: 14px;
margin: 0 4px;
border: 1px solid #fff;
}
.slidecontent {
height: auto;
top: auto;
bottom: 8vh;
}
.slidecontent .container-flex-end {
-webkit-justify-content: center;     
justify-content: center;     
}
.owl-carousel:not(#carrousel-partenaires) {
height: 60vh;
}
#carrousel-even.owl-carousel {
height: 100%;     
}
#carrousel-home.owl-carousel .item,
.owl-carousel .item:not(.logo-partenaire-carrousel) {
height: 60vh;
}
body.page-template-page-pentathlon .owl-carousel {
height: auto !important;     
}
body.page-template-page-pentathlon .owl-carousel .item  {
height: auto !important;     
}
.container-carrousel h3::before {
display: none;
}
.texte-slide h3 {
margin-top: 0 !important;     
}
.slidecontent .padding30 {
padding: 20px;     
}
.slidecontent .superbig {
font-size: 1.4rem;
line-height: 1.6rem;
}
.container-left-home {
width: 100% !important;
}
.container-right-home {
width: 100% !important;
}
.container-first-home .container-right-home {
order: 0;
}
.container-first-home .container-left-home {
order: 1;
}
.module-actu-container-image {
height: 250px;
}
.module-evenementiel-home .flex-item-full {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.module-evenementiel-home .flex-item-full:nth-of-type(2) {
margin-bottom: 0;
}
.module-evenementiel-home .flex-item-full:nth-of-type(3) {
display: none;
}
.module-evenementiel-home .titre-compteur {
width: 50%;
margin-left: 25%;
}
.module-evenementiel-home .flex-item-deux-tiers {
margin-bottom: 0;     
}
section.bkg-image.newsletter .flex-item-tiers,
section.bkg-image.newsletter .flex-item-deux-tiers {
width: 100%;
}
section.bkg-image.newsletter .flex-item-full {
width: 48%;     
}
section.bkg-image.newsletter .module-newsletter {
margin-bottom: 0;     
}
.section-partenaires .flex-item-tiers,
.section-partenaires .flex-item-deux-tiers {
width: 48%;     
}
.flex-item-moitie.part-left,
.flex-item-moitie.part-right {
width: 100%;     
}
.flex-item-moitie.part-right {
order: 0;
}
.flex-item-moitie.part-left {
order: 1;
text-align: center;
}
.menu-rs-footer {
text-align: center;     
}
.module-derniers-articles .flex-item-deux-tiers.actu-premiere,
.module-derniers-articles .flex-item-tiers.actus-suite {
width: 48%;     
}
section.tous-articles {
padding-top: 0;     
}
#select-cat-actus {
height: 40px;
line-height: 40px;
}
section.tous-articles .flex-item-tiers.module-actu-page {
width: 48%;
margin-bottom: 30px;
}
.top-page {
height: auto;
padding-bottom: 40px !important;
}
.breadcrumbs,
.top-page h1 {
padding-left: var(--leftright);
}
#form-filtre-competitions .flex-item-quart {
width: 31%;
}
#form-filtre-competitions .flex-item-quart.right {
width: 100%;
text-align: center !important;
padding-top: 15px;
}
select.select-filtre {
height: 40px;
line-height: 40px;
}
.infos-compet-supp .flex-item-trois-quart {
width: 100% !important;
}
.flex-item-trois-quart.infos-supp-compet {
width: 100% !important;
}
.infos-compet-supp .flex-item-quart.right {
width: 100%;
margin-bottom: 0;
padding-top: 15px;
}
.container-resultats .owl-carousel,
.container-resultats .owl-carousel .item {
height: auto !important;     
}
.top-page h2 {
padding-top: 120px;     
}
.top-page .flex-item-moitie {
margin-bottom: 0;     
}
.contenu-single-filinfo .flex-item-moitie {
width: 100%;
margin-bottom: 30px;
padding: 0 !important;
}
body.single-filinfo_type .top-page.top-page-single-actu {
height: 50px;     
}
.container-scroll.container-filinfo-home {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 768px) {
#carrousel-home .owl-dots {
margin-top: -35px;
}
.slidecontent {
height: auto;
top: auto;
bottom: 40px;
}
.cta-espace-licencie::before {
top: 10px;    
}
.module-actu-container-image {
height: 180px;
}
.module-actu-home .floatleft,
.module-actu-home .floatright {
float: none;
text-align: left;
}
.section-libre-home .flex-item-tiers {
width: 100%;
}
.section-libre-home .flex-item-tiers .banniere-espace {
min-height: 1px;    
}
section.section-libre-home {
padding-top: 30px;
padding-bottom: 30px;
}
section.bkg-image.newsletter .flex-item-full {
width: 100%;
text-align: center;
}
section.bkg-image.newsletter .module-newsletter {
margin-bottom: 40px;
}
section.bkg-image.newsletter .sib_signup_form {
margin: 0 auto 30px;
}
.section-partenaires .flex-item-tiers,
.section-partenaires .flex-item-deux-tiers {
width: 100%;
text-align: center;
}
footer.footer .flex-item-tiers {
width: 48%;
margin-bottom: 30px;
}
#menu-menu-reseaux-sociaux-1 li a::after {
height: 36px !important; 
width: 36px !important;
line-height: 36px !important;
}
.module-derniers-articles .flex-item-deux-tiers.actu-premiere,
.module-derniers-articles .flex-item-tiers.actus-suite {
width: 100%;     
}
.module-derniers-articles .flex-item-tiers.actus-suite .flex-item-full {
width: 48%;
}
section.section-articles .actu-premiere .module-actu-container-image {
height: 300px;    
}
.zone-filtres h4 {
margin-bottom: 15px !important;    
}
#form-filtre-competitions {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
z-index: 12;
}
body.page-template-page-competitions {
padding-bottom: 80px;    
}
#reset-filtres {
display: none;
}
#form-filtre-competitions .wrap {
width: 100%;
max-width: 100%;
}
#form-filtre-competitions .zone-filtres {
background: var(--bleu-clair);
color: #fff;
}
#form-filtre-competitions .flex-item-quart {
margin-bottom: 0;
}
#form-filtre-competitions .flex-item-quart.right { }
.btn-compets-passees::before,
.btn-compets-passees {
color: #fff;    
}
.infos-compet-base .flex-item-quart.date-compet {
width: 20%;
margin-bottom: 0;
}
.infos-compet-base .flex-item-quart.titre-compet {
width: 35%;
margin-bottom: 0;
}
.infos-compet-base .flex-item-quart.lieu-compet {
width: 30%;
margin-bottom: 0;
}
.infos-compet-base .flex-item-quart.action-compet {
width: 10%;
margin-bottom: 0;
}
.flex-item-trois-quart.infos-supp-compet .flex-item-quart {
width: 48% !important;
}
.container-competitions-futures {
margin-top: 0;   
}
}
@media only screen and (max-width: 600px) {
.module-actu-container-image {
height: 120px;
}
#carrousel-even.owl-carousel .item .img-actu-even {
height: 250px;
}
.module-infos-actu-even {
max-width: 100%;
margin-top: 20px;
}
#carrousel-even .owl-nav {
display: none;
}
.module-derniers-articles .flex-item-tiers.actus-suite .flex-item-full {
width: 100%;
}
#select-cat-actus {
}
.zone-filtres {
position: fixed;
width: 100%;
border-radius: 0 !important;
bottom: 0;
left: 0;
margin-bottom: 0 !important;
z-index: 20;
padding: 15px !important;
}
.zone-filtres h4 {
display: none;
}
body.page-template-page-actualites {
padding-bottom: 80px;    
}
section.tous-articles .flex-item-tiers.module-actu-page {
width: 100%;
margin-bottom: 30px;
}
.module-derniers-articles {
}
.top-page.top-page-actualites {
display: none;
}
section.tous-articles {
padding-top: 20px;    
}
.module-actu-page .module-actu-container-image {
height: 25vh;    
}
section.section-articles {
padding-top: 40px;
}
.infos-compet-base .flex-item-quart.date-compet {
width: 30%;
margin-bottom: 15px;
}
.infos-compet-base .flex-item-quart.titre-compet {
width: 60%;
margin-bottom: 0;
}
.infos-compet-base .flex-item-quart.lieu-compet {
width: 30%;
}
.infos-compet-base .flex-item-quart.action-compet {
width: 10%;
margin-bottom: 0;
margin-top: 20px;
}
}
@media only screen and (max-width: 480px) {
.cta-espace-licencie {
display: none;
}
}
@media only screen and (max-height: 700px) and (orientation: landscape) {
#carrousel-home .owl-nav {
bottom: 5vh;
}
}
@media only screen and (max-height: 600px) and (orientation: landscape) {
#carrousel-home .owl-nav {
bottom: 10vh;
right: auto;
left: var(--leftright);
}
}#gmw-popup-info-window.template-center-white {
padding-top: 35px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
border: 0;
padding: 0;
}
#gmw-popup-info-window.template-center-white .buttons-wrapper {
background: #333;
position: absolute;
top: 0;
left: 0;
padding: 5px 10px;
line-height: 25px;
}
#gmw-popup-info-window.template-center-white .buttons-wrapper span {
color: white;
}
#gmw-popup-info-window.template-center-white span.gmw-draggable {
float: left;
}
#gmw-popup-info-window.template-center-white div.gmw-info-window-inner.popup {
padding: 50px 20px;
}
#gmw-popup-info-window.template-center-white a.title {
font-size: 22px;
}
#gmw-popup-info-window.template-center-white span.address {
font-size: 14px;
}
#gmw-popup-info-window.template-center-white a.gmw-get-directions {
font-size: 13px;
margin-right: 10px;
}
#gmw-popup-info-window.template-center-white ul.gmw-location-meta-wrapper li.field,
#gmw-popup-info-window.template-center-white.widget .gmw-location-meta-wrapper li.field,
#gmw-popup-info-window.template-center-white ul.gmw-xprofile-fields li {
line-height: 24px;
font-size: 14px;
} @media (max-width:600px) {
#gmw-popup-info-window.template-center-white {
width: 100%;
height: 100%;
min-height: 100%;
position: fixed;
top: 0;
left: 0;
}
}