/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Color/Title/Font/link/Listes
    1.1 divi Overwrite
2.0 Navigation
3.0 Header
    3.1 Search Form
4.0 Footer
5.0 Button
6.0 FlexBox
7.0 Pages
    7.1 Home page
    7.2 Page statique
    7.3 Joueurs
    7.4 Page Joueurs
    7.5 Page Les légendes
    7.6 Page Jean Perrin - JSF Academie - Dunky
    7.7 Page Planning d’entrainement
    7.8 Page EasyPass
    7.9 Page Centre de formation - Espoirs Pro A - U18 - U15
    7.10 Page Equipes amateurs
    7.11 Page video
    7.12 Page actualités

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Color/Title/Font/link/Listes
--------------------------------------------------------------*/

/* color */
.color_green_text { color: #1b7838 !important; }
.color_white_text { color: #fff !important; }


/* backgound */
/*.bg_color_pink { background-color: #e94860; }
.bg_color_purple { background-color: #bf3552; }
.bg_color_grey { background-color: #f5f5f5; }*/

body, p, .titre-prochain > h2{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
}
a {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
}
.uppercase{
    text-transform: uppercase;
}

.wrap{
    max-width: 1280px;
}
.not-found{
    margin-top: 100px;
}
.italic_text {
    font-family: 'Lato', Helvetica, Arial, sans-serif;
    font-style: italic;
}
/*table css reset*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0!important;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/*fil ariane*/
#fil_ariane{
    text-align: center;
}
#fil_ariane span, #fil_ariane a{
    color: #646464;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
    font-size: 12px;
    width: 100%;
}
/*************** 1.1 divi Overwrite *************************/
.et_divi_builder #et_builder_outer_content .et_pb_row, .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
    max-width: 1200px !important;
}

/* TITLE */
.title_green_1 .block_title {
    position: relative;
    padding: 20px 0;
    margin-bottom: 40px;
}
.title_green_1 h2, .title_green_1 h3, .title_green_1 h1 {
    font-size: 34px;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900!important;
    color: #1b7838;
}
.title_green_1 .block_title h2, .block_title h3 {
    margin-bottom: 0;
}
.title_white_1 .block_title {
    position: relative;
    padding: 20px 0;
    margin-bottom: 20px;
}

.title_white_1 h2, .title_white_1 h1, .title_white_1 h3{
    font-size: 34px;
    font-weight: bold!important;
    text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-style: italic;
}
.title_white_1 .block_title h2 {
    margin-bottom: 0;
}
.block_title h1, .block_title h2, .block_title h3, .block_title h4 {
    margin-bottom: 0;
}

/* Listes */

ul.list_green li:before, ul.list_white li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 8px;
    position: absolute;
    left: -20px;
    top: 1px;
}
ul.list_green li:before {
    color: #1b7838;
}
ul.list_white li:before {
    color: #fff;
}

ul.list_green li, ul.list_white li {
    list-style: none!important;
    position: relative;
    margin-left: 20px!important;
}
ul.list_green, ul.list_white {
    margin-left: 0px;
}

ul.list_green.cursor, ul.list_white.cursor {
    display: inline-block;
}
.list_green.cursor li, .list_white.cursor li {
    cursor: default;
}

/* Link */

a.link_green:hover {
    color: #197937 !important;
}
a.link_green {
    -webkit-transition: .5s all !important;
    -moz-transition: .5s all !important;
    -o-transition: .5s all !important;
    transition: .5s all !important; 
}
a.link_black:hover {
    color: #000 !important;
}
a.link_black {
    -webkit-transition: .2s all !important;
    -moz-transition: .2s all !important;
    -o-transition: .2s all !important;
    transition: .2s all !important; 
}
/*--- master slider override-----*/
.ms-slide-container{
    height: 100%;
}
.ms-slide{
    position: absolute;
    top: 50%;
    transform: translateY(-50%)!important;
}
/*--------------------------------------------------------------
2.0 Navigation
--------------------------------------------------------------*/
#site-navigation {
    background: rgba(49,133,76,.9);
}
#site-navigation .wrap{
    max-width: 1080px!important;
}
.logo_nav{
    width: 147px;
}
.menu_desktop_area {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.menuAreaDesktop {
    display: -webkit-flex;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

/*Mobile Menu*/
.menuAreaMobile {
    display: none;
    font-size: 20px;
}

#menu_mobile_area {
    display: none;
    width: 100%;
    height: 70px;
    background: #277b41;
    z-index: 10000;
    position: relative;
}
#menu_mobile_area > div {
    height: inherit;
}
.menuBurger {
    width: 25px;
    height: 20px;
    margin-left: 20px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
}
.menuBurger span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.menuBurger span:nth-child(1) {
    top: 0px;
}
.menuBurger span:nth-child(2),.menuBurger span:nth-child(3) {
    top: 8px;
}
.menuBurger span:nth-child(4) {
    top: 16px;
}
.menuBurger.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.menuBurger.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menuBurger.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.menuBurger.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.logoAreaMobile {
    width: 80px;
    position: absolute;
    top: 30px;
    left: calc(50% - 40px);
}
.menuMobileSocial{
    margin: 0;
}
.menuMobileSocial img {
    width: 50%;
}
.menuMobileSocial > li {
    margin-right: 20px;
    list-style: none;
}
#menu_mobile_area.open {
    height: initial;
    opacity: 1;
    z-index: 100;
}
#menu_mobile_area #top-menu-mobile {
    list-style: none;
    margin: 0;
}
#top-menu-mobile > li > ul > li {
    margin: 20px 0;
    position: relative;
}
#top-menu-mobile > li > ul > li:not(:last-child):before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    bottom: -10px;
    -webkit-box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
    box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
}
#top-menu-mobile > li > ul > li:first-child:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100px;
    top: -110px;
    -webkit-box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
    box-shadow: 0px 17px 34px -27px rgba(0,0,0,0.75);
}
#menu_mobile_area #top-menu-mobile > li,
#menu_mobile_modal > ul > li:not(:nth-child(2)) {
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
    position: relative;
}
#menu_mobile_area #top-menu-mobile > li:not(:last-child),
#menu_mobile_modal > ul > li:not(:last-child) {
    border-bottom: 1px solid #fff;
}
#menu_mobile_area #top-menu-mobile > li > a:before{
    content: "\f107";
    display: block;
    color: white;
    font-family: 'FontAwesome';
    position: absolute;
    left: calc(80vw - 30px);
    top: 0;
}
.burger_orange, .burger_orange > a{
    position: relative;
}
.burger_orange:before{
    content: '';
    position: absolute;
    background: #ed8e3f;
    width: 100vw;
    height: 95px;
    top: -5px;
    right: -30px;
}
.burger_orange:not(:last-child):after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -20px;
    right: -30px;
    left: -30px;
    border-left: 50vw solid #ed8e3f;
    border-right: 50vw solid #ed8e3f;
    border-top: 15px solid transparent;
}
.burger_orange:last-child:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 90px;
    right: -40px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 15px solid #ed8e3f;
}
.burger_orange:last-child > a:before{
    content: url(../images/icon/boutique_logo.png);
    position: absolute;
    left: calc(80vw - 30px);
    top: 0;
}
.burger_orange:not(:last-child) > a:before{
    content: url(../images/icon/billeterie_logo.png);
    position: absolute;
    left: calc(80vw - 30px);
    top: 0;
}
#menu_mobile_area #top-menu-mobile > li, #menu_mobile_modal > ul > li > a {
    font-weight: 700;
    font-size: 18px;
}
#menu_mobile_area #top-menu-mobile .sub-menu > li {
    font-weight: 300;
    font-size: 14px;
}
.menuMobileCenter{
    display: none;
    width: 100%;
    height: auto!important;
    background: linear-gradient(90deg, #197937, #094c19);
    padding: 30px;
}
#top-menu-mobile > li > ul {
    display: none;
}
#menu_mobile_area li{
    list-style: none;
}
#menu_mobile_modal a {
    color: #fff;
    padding-left: 20px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    position: relative;
}
#top-menu-mobile > li > ul a {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
    text-transform: none;
}
#top-menu-mobile > li > ul > li > a {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    text-transform: uppercase;
}
/*-----menu desktop-----*/
#masthead {
    position: relative;
    z-index: 2000;
}

#site-navigation{
    position: absolute;
    width: 100%;
    height: 45px;
    padding: 0;
}
#site-navigation .logoArea{
    position: absolute;
    z-index: 99999;
    top: -44px;
}
#site-navigation .wrap{
    padding: 0;
}
#site-navigation .menuAreaDesktop{
    width: 80%;
    height: 45px;
    margin-left: 20%;
}
#site-navigation .menu-main-menu-container{
    height: 100%;
    width: 100%;
}
.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
    display: flex;
}
ul#top-menu > li{
    margin: 0 auto;
}
ul#top-menu > li > a{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
}
#site-navigation ul{
    padding: 0;
    /*     height: 45px; */
    text-align: right;
}
#site-navigation li a{
    color: black;
    font-size: 13px;
    font-weight: 900;
    text-align: center!important;
}
#site-navigation .home img{
    /*   border: solid; */
    margin-top: 8px;
}
ul#top-menu > li > a:before {
    content: "\f107";
    display: block;
    color: white;
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 50%;
}
ul#top-menu > li > a:hover:before{
    display: none;
}
ul#top-menu > li > a{
    color: #fff;
    position: relative;
}
ul#top-menu > li > a:hover{
    color: #dbaa7d;
}
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
    display: none;
}
.main-navigation li {
    /*border-bottom: 1px solid #eee;*/
    position: static!important;
}
#site-navigation ul  {
    z-index: 100;
    padding: 0;
    left: 0;
    width: 100%;
    border: none;
}
nav#site-navigation ul#top-menu > li > ul {
    display: none;
    background: url(../images/icon/menu-down.svg);
    background-size: 100% 100%;
}
#top-menu a{
    color: #ffffff;
}
nav#site-navigation ul#top-menu > li:hover > ul {
    display: flex;
    width: 100vw;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    /*margin-left: -50%;*/
    justify-content: center;
    display: -webkit-flex;
    -webkit-justify-content: center;
    z-index: 10000;
}

nav#site-navigation ul > li > ul  a {
    float: left;
    margin:  5% 3% 0;
    color: #ffffff;
}
nav#site-navigation ul > li:hover > ul a{
    font-weight: normal;
    color: #ffffff;
    font-size: 16px;
    padding:0;
    text-align: left!important;
    position: relative;
    background: none;
}
nav#site-navigation ul > li:hover > ul > li > ul a{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
}
nav#site-navigation ul >li > ul >li > ul {
    width: 100%;
    display: block;
    padding: 0!important;
    background: transparent!important;
    position: inherit;
}
nav#site-navigation ul >li > ul >li > ul:after{
    content: none;
}
#site-navigation .sub-menu .menu-item-has-children > a {
    font-weight: bold;
    font-style: italic;
}
#site-navigation .sub-menu #menu-item-114 .sub-menu  li a {
    width: 100%;
    padding: 0;
    font-weight: normal;
}
nav#site-navigation ul#top-menu > li > ul > li {
    width: 22%;
    max-width: 300px;
    margin-top: 35px;
    padding: 0 30px 0 40px;
    margin-bottom: 80px;
}
.menu-main-menu-container .sub-menu a{
    max-width: 100%;
}
nav#site-navigation ul#top-menu > li > ul > li >a:after{
    content: '';
    display: block;
    border-bottom: 1px solid #fff;
    position: absolute;
    bottom:  0;
    left: 0;
    width: 85px;
}
nav#site-navigation ul#top-menu > li > ul > li >a{
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px!important;
}
.main-navigation ul >li:hover{
    background: none;
}

ul#top-menu ul.sub-menu ul.sub-menu > li > a:before {
    content: "\f105";
    display: block;
    color: white;
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0px;
}

ul#top-menu ul.sub-menu ul.sub-menu > li {
    position: relative !important;
}

nav#site-navigation ul#top-menu ul.sub-menu ul.sub-menu li > a {
    padding-left: 20px;
}
nav#site-navigation ul#top-menu > li > ul > li:not(:last-child) {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    -webkit-box-shadow: 11px 0px 18px -14px rgba(50, 50, 50, 0.9);
    -moz-box-shadow: 11px 0px 18px -14px rgba(50, 50, 50, 0.9);
    box-shadow: 11px 0px 18px -14px rgba(50, 50, 50, 0.9);
}
.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
    display: none;
}
/*--------------------------------------------------------------
3.0 Header
--------------------------------------------------------------*/
.header_top_left svg {
    height: 18px;
    width: 20px;
}
.header_top_left path {
    transition: 0.5s;
}
.header_top_left a:hover path {
    fill: #000000;
}

#header_top { background: #ffffff; }
#header_top .wrap {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1080px!important;
    padding: 0!important;
}
.header_top_left{
    width: 40%;
    height: 45px;
}
.header_top_left a:hover img {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.header_top_left a img{
    transition: .7s;
}
.header_top_left ul{
    height: 100%!important;
    list-style: none;
    padding: 10px;
    text-align: right;
}
.header_top_left ul li{
    display: inline-table;
    margin: 0 5px;
}
.header_top_right{
    /*   border: solid red; */
    width: 50%;
    height: 45px;
    text-align: right;
    margin-right: 15px;
}
.header_top_right div{
    display: inline-table;
    margin: 0 10px;
    width: 160px;
    /*margin: auto;*/
}
.header_top_right div a{
    display: inline-flex;
    width: 100%;
    background: #ed8e3f;
    height: 45px;
/*     transition: all 0.3s; */
}
.header_top_right div a:hover{
    background: #000; /* #d7823c */
    color: #ed8e3f;
}

.link_header {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    background: #ed8e3f;
    padding: 10px 20px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s ;
}

.billeterie_header:before {
    content: url("../images/icon/icon-billeterie.svg");
    position: absolute;
    right: 20px;
    top: 10px;
    width: 25px;
    transition: .3s;
    -webkit-transition: .3s ;
}
.billeterie_header:after {
    content: url("../images/icon/icon-billeterie-orange.svg");
    position: absolute;
    right: 20px;
    top: 10px;
    width: 25px;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s ;
}
.billeterie_header:hover:before, .boutique_header:hover:before {
    opacity: 0;
}
.billeterie_header:hover:after, .boutique_header:hover:after {
    opacity: 1;
}
.boutique_header:before {
    content: url("../images/icon/icon-boutique.svg");
    position: absolute;
    right: 20px;
    top: 10px;
    width: 16px;
    transition: .3s;
    -webkit-transition: .3s ;
}
.boutique_header:after {
    content: url("../images/icon/icon-boutique-orange.svg");
    position: absolute;
    right: 20px;
    top: 10px;
    width: 16px;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s ;
}

.header_top_right p{
    width: 70%;
    font-size: 16px;
    color: #ffffff;
    margin: auto 10px ;
    padding: auto;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
}
.header_top_right img{
    display: block;
    width: 15px;
    height: 22px;
    margin-top: 10px;
    margin-right: 20px
}

.header_top_right .billeterie img{
    display: block;
    height: 22px;
    margin-top: 10px;
    margin-right: 20px;
    width: 25px;
}

/***************************** 3.1 Search Form ********************************/
#modalSearch {
    position: fixed;
    visibility: hidden;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #000000ad;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 300;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

#modalSearch.active {
    visibility: visible;
    opacity: 1;
}

#modalSearch .search_content_form {
    width: 50%;
    position: relative;
}

#toogle_close_search {
    position: absolute;
    right: 25px;
    top: 15px;
    cursor: pointer;
    font-size: 30px;
    color: #b3b3b3;
}

#search_form_menu input {
    border-radius: 50px;
    padding: 20px 70px;
    font-size: 18px;
    color: #b3b3b3;
}

#search_form_menu:before {
    content: "\f002";
    font-family: "FontAwesome";
    position: absolute;
    left: 25px;
    top: 10px;
    font-size: 30px;
    color: #b3b3b3;
}

#search_form_menu input::-webkit-input-placeholder { color: #b3b3b3; }
#search_form_menu input::-moz-placeholder { color: #b3b3b3; }
#search_form_menu input:-ms-input-placeholder { color: #b3b3b3; }
#search_form_menu input:-moz-placeholder { color: #b3b3b3; }

/*--------------------------------------------------------------
4.0 Footer
--------------------------------------------------------------*/
div#footer-content > div{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
}
div#footer-content > div > div {
    width: 23%;
    min-width: 235px;
    z-index: 900;
}
p.footer-content-text {
    font-size: 13px;
}
div.footer-content-lign-down {
    margin-top: 40px;
}
.footer-content-icons-wrap svg {
    width: 35px;
    height: 35px;
}
.footer-content-icons-wrap path {
    transition: 0.5s;
}
.footer-content-icons-wrap a:hover path {
    fill: #000000;
}
footer, footer a, footer p{
    color: #fff;
}
footer p{
    margin: 30px 0;
}
footer h4{
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
    font-weight: normal;
}
div#footer-label > div {
    width: 65%;
    min-width: 170px;
    margin: 0 auto;
}
div#footer-label > div > img {
    width: 100%;
}
div#footer-suivez-nous > div {
    display: flex;
    display: -webkit-flex;
}
div#footer-suivez-nous > div > a:not(:first-child) {
    margin-left: 50px;
}
div#footer-menu > div {
    width: 50%;
    min-width: 122px;
    margin: 0 auto;
}
div#footer-menu > div > h4 {
    position: relative;
    left: -15px;
}
div#footer-menu >div > div {
    margin: 30px 0;
}
#colophon{
    background-image: url("../images/background/terrain-footer-new.png");
    background-repeat: no-repeat;
    background-size: cover;
}
footer .footer-widgets {
    padding: 40px 0 0 0;
}
footer .footer-widgets .widget-area {
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    -webkit-flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .footer-widgets .widget-area > div {
    width: 20%;
    min-width: 250px;
    padding: 15px;
}
#suiveznous li{
    display: inline-flex;
    width: 32%;
}
#suiveznous a{
    margin: auto
}
.widget-title{
    color: #ffffff
}
/*Site info*/

footer .bottomFooter p, footer .bottomFooter a {
    text-align: left;
    color: #ffffff
}
.bottomFooter a {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
}
#media_image-3{
    text-align: center;
    margin-left: 60px;
}
footer .widget-column section:nth-child(1){
    height: 200px;
    margin-bottom: 80px;
}
#footer-content .subscribe-form{
    display: flex
}
#footer-content .subscribe-form > input{
    height: 36px;
    border-radius: 0!important;
}
#footer-content .subscribe-form > input[type="submit"]{
    margin-left: 4px;
    border-radius: 0!important;
    background: #ffffff;
    color: #1b7838;
    font-size: 16px;
    height: 36px;
    text-transform: uppercase;
    padding: 0 15px;
}
.footer-widget-1 div{
    display: inline-flex
}
.footer-widget-2 p{
    color: #ffffff
}
.footer-widget-3 li a{
    color: #ffffff;
    list-style: circle!important;
    position: relative;
}

.footer-widget-3 li {
    list-style: disc;
    color: #ffffff;
    margin-left: 10px
}
footer .footer-content-btn{
    background: #ed8e3f;
    width: 235px;
    display: inline-flex;
    height: 35px;
    color: #ffffff;
    margin-top: 35px;
    font-size: 16px;
    text-transform: uppercase;
    padding: 8px 20px 33px 16px;
    font-weight: bold;
    position: relative;
    font-style: italic;
    z-index: 900;
    min-width: 230px!important;
    -webkit-transition: all 0.2s!important;
    transition: all 0.2s!important;
}
footer .footer-content-btn:hover {
    background: #000;
    color: #ed8e3f !important;
}
footer .footer-content-btn:after{
    content: url("../images/icon/arrow-right.png");
    position: absolute;
    right: 10px
}
footer .footer-content-btn:hover:after {
    content: url(../images/icon/arrow-orange.png);
}

ul#footer-menu > li >a {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
    font-size: 13px;
}
ul#footer-menu > li >a:hover {
    color: white;
    font-size: 14px;
}


/*--------------------------------------------------------------
5.0 Button
--------------------------------------------------------------*/

/*.btnWhite {
    text-align: right !important;
}

.btnWhite input{
    text-transform: uppercase !important;
    border: none !important;
    background: #fff !important;
    padding: 15px 30px !important;
    color: red !important;
    margin: 20px 10px !important;
    border-radius: 4px !important;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    font-size: 16px !important;
    font-weight: 300 !important;
}*/

.green-link, .ms-info > a {
    font-size: 16px;
    color: #1b7838;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    border: 1px solid #1b7838;
    padding: 10px 55px 9px 12px;
    position: relative;
    -webkit-transition: all 0.5s!important;
    transition: all 0.5s!important;
}
.green-link:hover, .ms-info > a:hover {
    background: #1b7838;
    color: white!important;
}
.green-arrow:after, .ms-info > a:after {
    content: url("../images/icon/green_arrow.png");
    position: absolute;
    right: 13px;
    top: 7px;
}
.green-arrow:hover:after, .ms-info > a:hover:after {
    content: url("../images/icon/arrow-right.png");
}
.billetterie:after {
    content: url(../images/icon/icon-billeterie-vert.svg);
    position: absolute;
    right: 15px;
    top: 4px;
    width: 25px;
}
.billetterie:hover:after {
    content: url("../images/icon/icon-billeterie.svg");
}
.recap:after {
    content: url("../images/icon/icone-recap-match-vert.svg");
    position: absolute;
    right: 15px;
    top: 7px;
    width: 25px;
}
.recap:hover:after {
    content: url("../images/icon/icone-recap-match-blanc.svg");
}
.calendrier:after {
    content: url("../images/icon/green-calendrier.png");
    position: absolute;
    right: 15px;
    top: 7px;
}
.calendrier:hover:after {
    content: url("../images/icon/calendrier-blanc.png");
}
.orange-link {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-style: italic;
    background: #ed8e3f;
    padding: 10px 80px 10px 20px;
    position: relative;
    transition: .3s;
    -webkit-transition: .3s ;
}
.white-billeterie:before {
    content: url("../images/icon/icon-billeterie.svg");
    position: absolute;
    right: 20px;
    top: 7px;
    width: 28px;
    transition: .3s;
    -webkit-transition: .3s ;
}
.white-billeterie:after {
    content: url(../images/icon/icon-billeterie-orange.svg);
    position: absolute;
    right: 20px;
    top: 7px;
    width: 28px;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s ;
}
.white-billeterie:hover:before {
    opacity: 0;
}
.white-billeterie:hover:after {
    opacity: 1;
}

.dots, .ms-bullet {
    display: block;
    width: 15px;
    height: 15px;
    position: relative;
    margin: 17px 2px 2px 2px;
    border: 2px solid #1b7838;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
}
.dotsIsActive:hover, .ms-bullet-selected:hover{
    cursor: auto!important;
}
.dotsIsActive, .ms-bullet-selected{
    background: #1b7838!important;
}
.ms-bullet-selected:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: -2px;
    left: -2px;
    border: 2px solid #1b7838;
    background: #1b7838!important;
    border-radius: 50%;
}

/*--------------------------------------------------------------
6.0 FlexBox / Containt
--------------------------------------------------------------*/
.flex{
    display: -webkit-flex;
    display: flex;
    align-items: flex-start;
}
.column {
    flex-direction: column;
}
.space-between {
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.space-around {
    justify-content: space-around;
    -webkit-justify-content: space-around;
}
.content-center {
    justify-content: center;
    -webkit-justify-content: center;
}
.align-center {
    align-items: center;
}
.align-end {
    align-items: flex-end;
}
.flex-wrap{
    flex-wrap: wrap;
}
.display-none{
    display: none;
}
.display-block{
    display: block!important;
}
/*--------------------------------------------------------------
7.0 Pages
--------------------------------------------------------------*/

.header_page {
    padding: 150px 0;
    background-position: bottom !important;
}
.header_page h1 {
    color: #fff;
    margin: 0;
}
.histoire_block_image .content_text_area {
    padding-top: 10px;
}
#header_page_thumbnail_wrap {
    position: relative;
    height: 230px;
    /*overflow: hidden;*/
    z-index: 300;
}
#actualite #header_page_thumbnail_wrap {
    height: 300px!important;
}
#header_page_thumbnail_wrap img {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    min-height: 100%;
    width: 100%;
    object-fit: cover;
    /*min-width: 1094px;*/
    z-index: -1;
}
#actualite #header_page_thumbnail_wrap img {
    bottom: -50px!important;
    min-height: calc(100% + 50px)!important;
}
#header_page_thumbnail_wrap h1 {
    text-align: center;
    color: #fff;
    margin-top: 100px;
}

.img_block_resize .img_area img {
    max-width: 60%;
}
.margin_content_txt .FlexBlocHalf{
    margin-top: 30px;
}

/*------------- accreditation -------------*/
#sidebarAccreditation{
    display: flex;
    align-items: center;
}
#sidebarAccreditation #secondary {
    width: 300px;
    margin-right: 50px;
    height: 375px;
    background: linear-gradient(to left, #ffffff, #e5e5e5);
    position: relative;
}
#sidebarAccreditation #primary{
    width: 60%;
}
#sidebarAccreditation #secondary:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    border-left: 300px solid transparent;
    border-bottom: 30px solid #ffffff;
}
#sidebarAccreditation #secondary:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    border-left: 300px solid transparent;
    border-top: 30px solid #ffffff;
}
/*----------------- staff ---------*/
.dateArrow {
    background: #1b7838;
    height: 10px;
    position: relative;
    margin: 40px 20px 40px 0;
}
.dateArrow:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -15px;
    right: -20px;
    border-left: 30px solid #1b7838;
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
}
#datesDonnadieu {
    position: absolute;
    bottom: 0;
    margin-bottom: 20px;
    font-size: 17px!important;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    color: #1b7838;
    transition: .5s;
    cursor: pointer;
}
#datesDonnadieuWrap{
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
#datesDonnadieu:hover{
    color: #000!important;
    font-size: 20px !important;
}

a#datesDonnadieu:after {
    content: " ";
    font-family: FontAwesome;
    font-size: 12px;
    font-style: normal;
    position: absolute;
    /* top: 14px; */
    right: calc(50% - 2.5px);
    background: #1b7838;
    width: 5px;
    height: 20px !important;
    display: block;
}

#datesDonnadieu.active {
    color: #000 !important;
    font-size: 20px !important;
}

.content_text_date:not(.container_date_1) {
    display: none;
}
.content_text_date  {
    -webkit-transition: all 2s; /* Safari */
    transition: all 2s;
}

blockquote.quote_staff {
   text-align: center;
}

blockquote.quote_staff h4:before {
    content: "\f10d"!important;
    font-family: FontAwesome;
    position: absolute;
    top: -15px;
    left: 5px;
    color: #000;
}
blockquote.quote_staff h4:after {
    content: "\f10e"!important;
    font-family: FontAwesome;
    position: absolute;
    top: -15px;
    right: 5px;
    color: #000;
}
blockquote.quote_staff h4 {
    position: relative;
    color: #000;
    text-align: center;
    margin-top: 20px;
    padding: 0 40px;
    font-size: 22px;
    text-transform: uppercase;
    display: inline-block;
}

/********************** 7.1 Home page *************************************/

/*------------- cover --------------*/
#front-page-cover{
    position: relative;
    /*height: calc(38vw + calc(3vw - 38.4px));*/
    z-index: 250;
}
#front-page-cover > div{
    position: relative;
}
#front-page-cover-container{
    position: absolute;
    height: 534px;
    width: 1280px;
    top: 0;
    left: 0;
}
#front-page-cover-container > div:first-child{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#front-page-cover .ms-view {
    max-height: 534px !important;
}

.ms-slide-info.ms-dir-v {
    right: calc(50% - 640px)!important;
    height: 100%!important;
}
.home-page-slider{
    overflow: hidden;
}
.ms-info{
    position: absolute!important;
    top: 0;
    padding-top: 5vw;
    right: calc(30% - 237px);
    width: 475px;
    height: calc(100% - 5vw);
    /*display: flex;*/
    /*flex-direction: column;*/
    /*justify-content: center;*/
    animation-duration: 1.5s;
    animation-name: slidein;
}
@keyframes slidein {
    from {
        right: -50%;
    }
  
    to {
        right: calc(30% - 237px);
    }
  }
.ms-info:before{
    content: '';
    position: absolute;
    width: 65vw;
    height: 100%;
    background: linear-gradient(to right, #fff, transparent);
    background-size: 100% 100%;
    top: 0;
    left: -2vw;
    transform: skew(10deg, 0deg);
}
@keyframes opacitySlider {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
  }
.ms-info > h1{
    margin-bottom: 0px;
    font-size: 42px;
    position: relative;
    margin-left: 30px;
    margin-top: 0;
    animation-duration: 3s;
    animation-name: opacitySlider;
}
.ms-info > p{
    margin: 0;
    margin-bottom: 20px;
    width: 400px;
    text-align: justify;
    font-weight: bold;
    font-size: 16px;
    margin-left: 30px;
    position: relative;
    animation-duration: 3s;
    animation-name: opacitySlider;
}
.ms-info > a{
    max-width: 100px;
    padding: 8px 55px 7px 12px;
    margin-left: 30px;
    animation-duration: 3s;
    animation-name: opacitySlider;
}
.ms-bullets.ms-dir-h {
    /*opacity: 1!important;*/
    display: block!important;
}
.ms-bullet{
    background: none!important;
    position: relative;
    z-index: 200;
}
#front-page-cover > div:last-child{
    position: absolute;
    left: calc(50% - 27px);
    bottom: -20px;
}

/* Home slider arrow */
.home-page-slider .ms-skin-default  .ms-nav-next,
.home-page-slider .ms-skin-default  .ms-nav-prev {
    background: none !important;
    display: block !important;
    width: 250px;
    height: 100%;
    position: absolute;
    top: 20px;
}

.home-page-slider .ms-skin-default .ms-nav-next { right: -50px; }
.home-page-slider .ms-skin-default .ms-nav-prev { left: -50px; }

.home-page-slider .ms-skin-default .ms-nav-next:after,
.home-page-slider .ms-skin-default .ms-nav-prev:before {
    font-family: "FontAwesome";
    position: absolute;
    top: 40%;
    font-size: 60px;
    color: #1b7838;
}

.home-page-slider .ms-skin-default .ms-nav-next:after {
    content: "\f105";
    right: 45%;
}

.home-page-slider .ms-skin-default .ms-nav-prev:before {
    content: "\f104";
    left: 45%;
}

/*------------ match ------------------------------------------*/
section#common-match{
    z-index: 200;
    position: relative;
    background: white;
}
section#common-match > div {
    width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}
.common-match-container {
    overflow: hidden;
}
section#common-match > div > span {
    display: block;
    width: 50px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 500;
    display: none;
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
section#common-match > div > span:last-child {
    left: auto;
    right: 0;
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.06) 6%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.06) 6%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.06) 6%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
section#common-match > div > span:last-child:before {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 20px;
    top: 35%;
    font-size: 60px;
    color: #1b7838;
    transition: transform 1s;
}
section#common-match > div > span:hover:last-child:before {
    transform: scale(1.2);
}
section#common-match > div > span:nth-child(1):after {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    left: 20px;
    top: 35%;
    font-size: 60px;
    color: #1b7838;
    transition: transform 1s;
}
section#common-match > div > span:hover:nth-child(1):after {
    transform: scale(1.2);
}
div#common-match-content {
    /*width: 300px;*/
    height: 340px;
    text-align: center;
    padding-top: 40px;
    position: relative;
    flex-grow: 1;
    transition: 1s;
}
#cyberlMatchHome .common-match-content-background:nth-child(2){
    background: linear-gradient(to right, #ffffff, #e5e5e5)!important;
}
#cyberlMatchHome .common-match-content-background:nth-child(5),
#cyberlMatchHome .common-match-content-background,
#cyberlMatch .common-match-content-background {
    background: linear-gradient(to right, #e5e5e5, #ffffff);
}
div#common-match-content > div {
    width: 300px;
    margin: 0 auto;
}
div#common-match-content > div {
    margin-bottom: 32px;
}
div#common-match-content > div > span {
    position: absolute;
    text-transform: uppercase;
    top: 70px;
    left: 40%;
    font-size: 13px;
}
div#common-match-left {
    width: 55%;
    border-right: 1px solid #1b7838;
}
div#common-match-left > div > p, div#common-match-left > div > p > a {
    font-size: 22px;
    line-height: 1.2;
    text-transform: uppercase;
    font-weight: normal;
    margin-right: 5px;
    font-family: 'goboldregular', Arial, Helvetica, sans-serif!important;
    margin-top: 10px;
}
div#common-match-left > div > p > a {
    margin-right: 2px!important;
}
.common-match-player, .common-match-player a {
    font-size: 13px!important;
    color: #646464;
    line-height: 1.6!important;
}
div#common-match-left > div,
div#common-match-right > div {
    height: 90px;
    align-self: center;
    position: relative;
}
div#common-match-right > div:first-child:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: calc(50% - 70px);
    width: 140px;
    height: 100%;
    -webkit-box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
    box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
}
div#common-match-right {
    width: 45%;
}
#common-match-right > div > p {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: bold;
    color: #1b7838;
    align-self: flex-end;
    margin: 0;
    font-family: 'gobold_thinregular' !important;
}
#common-match-right > div:nth-child(2) > p {
    color: black;
}
div#common-match-left > div {
    align-self: flex-end;
    text-align: right;
}
#common-match-right > div > img {
    max-width: 65px;
    max-height: 55px;
    margin-top: 10px!important;
}
#home-calendrier .titre{
    display: none;
}
/* #home-calendrier div#common-match-content{
    padding-top: 120px!important;
} */
#home-calendrier section#common-match > div::before, #home-calendrier section#common-match > div::after {
    font-size: 60px!important;
}
#cyberlMatchHome .titre-prochain h2{
    /* position: absolute;
    top: 15%;
    left: 31.3%;
    z-index: 300;
    font-size: 20px;
    font-weight: normal;
    transition: 1s; */
    display: none;
}
#cyberlMatchHome .prochain-match{
    /* background: none; */
    background: linear-gradient(to right, #ffffff, #d8d8d8)!important;

}
#cyberlMatchHome div#common-match-content:nth-child(5) {
    background: linear-gradient(to right, #e5e5e5, #ffffff);
}#cyberlMatchHome .past-match #common-match-right{
     display: block;
     padding: 0;
 }
#cyberlMatchHome .past-match #common-match-right .common-match-right{
    display: block;
    width: 55%;
    padding: 0;
    margin: 0;
    float: left;
}
#cyberlMatchHome .past-match #common-match-right .common-match-right img{
    padding: 0;
    margin: 0;
}
#cyberlMatchHome .past-match #common-match-right .score{
    display: block;
    width: 45%;
    padding: 0;
    margin: 0;
    float: right;
    padding-top: 2%
}
#cyberlMatchHome .past-match #common-match-right .score .big-score{
    font-size: 30px;
    font-family: 'goboldregular', Arial, Helvetica, sans-serif !important;
}

#cyberlMatchHome .past-match #common-match-right .score .win{
    color: #1b7838;
}

#cyberlMatchHome .past-match #common-match-right .score .loose{
    color: #000000;
}
#cyberlMatchHome section#common-match > div > span:last-child:before,
#cyberlMatchHome section#common-match > div > span:nth-child(1):after {
    top: 23%
}

/*------------ news -------------------------------------------*/
section#front-page-news {
    background: linear-gradient(90deg, #094c19, #197937);
    position: relative;
}
div#front-page-news-container > div {
    text-align: center;
    z-index: 1000;
}
div#front-page-news-container > div > h2 {
    font-size: 34px;
    font-weight: bold!important;
    color: #ffffff;
    text-transform: uppercase;
    font-style: italic;
    padding-top: 50px;
    position: relative;
}
.common-article-container{
    background: #ffffff;
    width: 332px;
    height: 582px;
    margin: 10px;
    -webkit-box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.8);
    box-shadow: 0px 10px 35px -13px rgba(0,0,0,0.8);
    z-index: 1000;
}
#une .common-article-container {
    /*width: 400px !important;*/
}
#une .common-article-container > p {
    /*max-width: 350px;*/
}
#une .common-article-container .common-article-excerpt {
    margin-top: 20px;
}

.common-article-container:hover > div:before {
    background: none!important;
}
div#common-article{
    max-width: 1056px;
}
div#common-article > div {
    text-align: center;
    position: relative;
}
.common-article-img-container {
    position: relative;
    /*width: 332px;*/
    width: 100%;
    height: 361px;
    overflow: hidden;
}
.common-article-img-container img {
    width: 315px;
    height: 100%;
    object-fit: cover;
}
#une .common-article-img-container img {
    width: 100% !important; 
}
/* #une .common-article-img-container img {
    width: 332px;
} */
#nav-actualite .common-article-container img {
    height: auto;
}

.common-article-img-container:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    border-left: 400px solid transparent;
    border-bottom: 50px solid #ffffff;
}
.common-article-img-container:before {
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    top: 0;
    left: 0;
    background: rgba(27,120,56,.30);
    transition: 1s;
}
.common-article-category-container {
    position: absolute;
    top: 20px;
    right: -1px;
}
.common-article-category-container > span {
    background: #ffffff;
    color: #1b7838;
    text-transform: uppercase;
    padding: 3px 20px;
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
}
.common-article-category-container > span:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    left: -4px;
    border-top: 11px solid #fff;
    border-bottom: 11px solid #fff;
    border-left: 4px solid transparent;
}
#common-article-container > ul {
    text-align: left;
    height: 548px;
    margin-bottom: 0;
}
#common-article-container > ul > li {
    width: 90%;
    margin: 7px 17px 0 17px;
    padding: 0 0 8px 30px;
    list-style-type: none;
    /*display: none;*/
    transition: .3s;
}
#common-article-container > ul > li:not(:nth-child(6n)){
    -webkit-box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
    box-shadow: 0px 17px 35px -27px rgba(0,0,0,0.8);
}
div#common-article > div > p, #common-article-container > ul > li > p {
    font-size: 13px;
    max-width: 265px;
    margin: 0 auto;
}
div#common-article > div > p >span, #common-article-container > ul > li > p >span {
    text-transform: uppercase;
    color: #646464;
    font-weight: bold!important;
}
div#common-article > div > p.common-article-date > span, #common-article-container > ul > li > p.common-article-date >span {
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
}
#common-article .marg {
    margin: 0 auto;
}
.common-article-title,
#common-article-container > ul > li > h3,
#common-article-container > ul > li > a {
    font-size: 16px;
    text-transform: uppercase;
    font-style: italic;
    max-width: 265px;
    margin: 5px auto;
    padding:  0;
    font-weight: bold!important;
    line-height: 1.1;
    max-height: 41px;
    overflow: hidden;
}
#common-article .common-article-title {
    max-height: 55px;
}
.common-article-title {
    /*font-size: 24px!important;*/
}
#common-article-container > ul > li > a {
    color: #1b7838;
}
.common-article-container .green-link {
    width: initial;
    height: initial;
    padding: 8px 48px 4px 12px;
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}
div#front-page-news-right > div {
    height: auto;
}
#front-page-news-right .common-article-title,
#front-page-news-right #common-article-container > ul > li > a {
    font-size: 13px!important;
}
 #front-page-news-right #common-article-container > ul > li > h3 {
    margin-top: 0;
 }
#common-article-container{
    margin-top: 10px;
    overflow: hidden;
}

/*------------ videos -----------------------------------------*/
#parallaxContainer {
    position: relative;
    z-index: 100;
}
#parallaxContainer > img {
    position: absolute;
    top: -440px;
    left: 50%;
    width: 100%;
    max-width: 1280px;
    transform: translateX(-50%);
}
#parallaxContainer > img:last-child {
    top: -740px!important;
}
section#common-video {
    padding: 80px 0 70px 0;
    background: #ebebeb;
    position: relative;
}
#common-video > div {
    z-index: 200;
    position: relative;
}
div#common-video-container {
    text-align: center;
}
div#common-video-container > h2 {
    text-transform: uppercase;
    font-size: 34px;
    font-style: italic;
    position: relative;
    margin-bottom: 50px;
}
div#common-video-container > div {
    margin: 30px 0;
}
div#common-video-container > div > div {
    margin: 0 10px;
}
section#common-video:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -90px;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    border-bottom: 40px solid #ebebeb;
}
section#common-video:after{
    content: '';
    display: block;
    width: 100%;
    height: 50px;
    position: absolute;
    top: -50px;
    background: #ebebeb;
}
div#common-video-iframe > div > iframe {
    width: 775px;
    height: 522px;
}
div#common-video-iframe > div > div{
    position: relative;
    width: 240px;
    height: 160px;
    margin-bottom: 21px;
    cursor: pointer;
}
div#common-video-iframe > div > div > iframe {
    width: 240px;
    height: 160px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

/*------------ stat -------------------------------------------*/
section#common-stat:before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-bottom: 40px solid #ffffff;
}
.backgroundWhite{
    background: white;
    z-index: 200;
    position: relative;
}
section#common-stat {
    text-align: center;
    position: relative;
    background: url(../images/background/stat.jpg) no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    padding-top: 60px;
    padding-bottom: 200px;
    z-index: 200;
}
#common-stat-container{
    position: relative;
}
#common-stat-container:before{
    content: url('../images/icon/parallax/round.png');
    position: absolute;
    top: calc(50% - 217px);
    left: calc(50% - 640px);
}
div#common-stat-container > h2 {
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900!important;
    color: #1b7838;
    margin-bottom: 60px;
    position: relative;
}
#common-stat-table-container >table {
    border-collapse: unset;
    padding-bottom: 30px;
   border-spacing: 0 16px;
    margin-bottom: 40px;
}
#common-stat-table-container >table > caption {
    font-size: 17px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    text-transform: uppercase;
}
#common-stat-table-container >table th {
    font-size: 16px !important;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    text-align: center;
}
#common-stat-table-container >table > tr > td {
    padding: 10px 0;
}
td > img{
    height: 25px;
    position: absolute;
    right: 80%;
    transform: translateX(50%);
    top: 0;
}
tr.tableHead > th {
    font-weight: bold;
    color: #000;
}
#common-stat-table-container >table td,
#common-stat-table-container >table th,
#common-stat-table-container >table tr {
    font-size: 17px;
    font-weight: normal;
    color: #646464;
}
#common-stat-table-container >table td,
#common-stat-table-container >table th{
    padding: 0 15px!important;
    position: relative;
    text-align: left;
}
#common-stat-table-container >table tr.JeepEliteNanterre92 > td:not(:first-child),
#common-stat-table-container >table tr.JeepEliteNanterre92 > th{
    background: #1b7838;
    color: #fff!important;
    font-weight: 900;
    padding: 0 15px!important;
}/*
#common-stat-table-container >table tr.selected > td:nth-child(2) > div{
    position: relative;
}
#common-stat-table-container >table tr.selected > td:nth-child(2) > div::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -5px;
    border-top: 13px solid #1b7838;
    border-bottom: 14px solid #1b7838;
    border-left: 5px solid transparent;
}*/
#common-stat-table-container >table tr.JeepEliteNanterre92 > td:last-child {
    position: relative;
}
#common-stat-table-container >table tr.JeepEliteNanterre92 > td:last-child::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -5px;
    border-top: 14px solid #1b7838;
    border-bottom: 13px solid #1b7838;
    border-right: 5px solid transparent;
}
#common-stat-table-container >table tr.JeepEliteNanterre92 > th{
    position: relative;
}
#common-stat-table-container >table tr.JeepEliteNanterre92 > th::before{
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -5px;
    border-top: 14px solid #1b7838;
    border-bottom: 13px solid #1b7838;
    border-left: 5px solid transparent;
}
/*player*/
#common-stat-player{
    position: relative;
    padding-top: 100px;
}
#common-stat-player > h3 {
    font-size: 17px;
    color: #1b7838;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#common-stat-player > h3 > span {
    font-size: 42px;
    position: relative;
}
#common-stat-player > h3 > span:before {
    content: '';
    display: block;
    width: 75px;
    border-top: 1px solid #e8843a;
    position: absolute;
    top: 0;
    left: calc(50% - 32px);
}
#common-stat-player > div{
    position: relative;
    z-index: 100;
    height: 327px;
    width: 160px;
}
#common-stat-player > div:before{
    position: absolute;
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    bottom: 0;
    left: 15px;
    transform: skew(-17deg, 0deg);
    background: linear-gradient(to top, #0d4e1c, #ffffff);
    z-index: -1;
}
div.common-stat-player-5 > div:before {
    transform: skew(17deg, 0deg)!important;
    right: 3px!important;
    left: auto!important;
}
#common-stat-player > div > img{
    z-index: 200;
    height: 328px;
    max-width: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}
#common-stat-player > div > p{
    position: absolute;
    bottom: 0;
    width: 133px;
    right: -15px;
    background: url(../images/icon/backPLayer.png);
    color: #fff;
    font-family: 'gobold_thinregular', Arial, Helvetica, sans-serif!important;
    font-size: 32px;
    padding: 4px 14px;
    margin: 0;
    z-index: 200;
}
.common-stat-player-5 > div > p {
    left: 0!important;
    right: auto!important;
    background: url(../images/icon/backPlayer2.png)!important;
}
#common-stat-player > p {
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    background: #197937;
    margin: 0;
    position: relative;
    padding: 5px 0;
    z-index: 200;
}
#common-stat-player > p:before{
    content: '';
    position: absolute;
    background: #197937;
    width: 30px;
    top: 0;
    height: 55px;
    left: -13px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
.common-stat-player-5 >p:before {
    transform: skew(-25deg, 0deg)!important;
}
#common-stat-player > p:after{
    content: '';
    position: absolute;
    background: #197937;
    width: 40px;
    top: 0;
    height: 55px;
    right: -25px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
.common-stat-player-5 >p:after {
    transform: skew(-25deg, 0deg)!important;
}
#common-stat-player > p > span{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    font-size: 16px;
}
#common-stat-player-a:nth-child(2n+1){
    margin-top: 50px;
}
#common-stat-player-a:hover {
    transform: scale(1.03) !important;
}
#common-stat-player > span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 1px;
    border-radius: 50%;
    -webkit-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
}
.common-stat-player-blur-down {
    -webkit-box-shadow: 25px 150px 18px 4px rgba(0,0,0,.4)!important;
    -moz-box-shadow: 25px 150px 18px 4px rgba(0,0,0,.4)!important;
    box-shadow: 25px 150px 18px 4px rgba(0,0,0,.4)!important;
}

/*------- social wall -----------------------------------------*/
section#front-page-social-wall{
    padding-top: 50px;
    background: linear-gradient(90deg, #094c19, #197937);
    position: relative;
    z-index: 200;
}
div#front-page-social-wall-container {
    padding: 10px 150px 60px 150px;
    background-image: url(../images/background/JSFNanterre_transparence.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
div.front-page-social-wall-title-container {
    display: -webkit-flex;
    -webkit-justify-content: space-evenly;
    -webkit-align-items: center;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 40px;
}
.front-page-social-wall-title-container svg {
    width: 35px;
    height: 35px;
}
.front-page-social-wall-title-container path {
    transition: 0.5s;
}
.front-page-social-wall-title-container a:hover path {
    fill: #000000;
}
div.front-page-social-wall-title-container > h2 {
    z-index: 2;
    color: #ffffff;
    font-size: 34px;
    font-style: italic;
    padding: 0!important;
    margin: 0!important;
    position: relative;
}
.grid-item {
    padding: 7px!important;
}

/*----- Nos partenaires----------------------------------*/
.owl-carousel .owl-item img {
    width: auto!important;
}
.owl-carousel .owl-item img{
    /*filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");*/
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.owl-carousel .owl-item img:hover{
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}
section#front-page-partners {
    background: #ebebeb;
    padding: 60px 0;
    position: relative;
}

div#front-page-partners-container {
    text-align: center;
}
div#front-page-partners-container > h2 {
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    color: #646464;
    position: relative;
}
div#lcs_logo_carousel_wrapper {
    margin: 30px 0;
}
.topPointGrey {
    position: relative;
}
.topPointGrey:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    border-bottom: 40px solid #ebebeb;
    z-index: 500;
}

/* #list_partenaire .main-title .test h2 {
    color: red !important;
} */

/********************** 7.2 Page statique *************************************/

.full-containt.block_light, .full-containt.block_light p {
    color: #fff!important;
    font-size: 14px;
}
.full-containt.block_dark, .full-containt.block_dark p {
    color: #000!important;
    font-size: 14px;
}
#histoire_partners {
    padding: 0;
    position: relative;
    /* margin-top: 100px; */
}
.page:not(.home) #content {
    padding-bottom: 0;
}
.histoire_block_image > div > div > div.img_area {
    width: 48%;
}
/*acces-nanterre*/
#acces-nanterre h2{
    color: #1b7838;
}
/*palais-des-sports*/
#palais-des-sports>div>div>div:nth-child(1), #palais-des-sports-2>div>div>div:nth-child(1){
    width: 58%;
    height: 410px;
}
#palais-des-sports>div>div>div:nth-child(2), #palais-des-sports-2>div>div>div:nth-child(2){
    width: 38%;
    padding-top: 10px
}
/*gymnase amateur*/
#stade-romain-rolland h2, #paul-vailland h2{
    font-size: 25px;
}



/*--------------------------------------------------------------
7.3 Joueurs
--------------------------------------------------------------*/
#joueurs-cover{
    height: 564px;
}
#joueurs #fil_ariane.cover{
    display: none;
    margin-top: 60px;
}
#joueurs-cover > div{
    position: relative;
    height: 100%;
}
#joueurs-cover-img {
    position: absolute;
    width: 100%;
    bottom: -48px;
    left: 0;
    height: 612px;
}
#joueurs-cover-img:before {
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.75);
}
#joueurs-cover-img > img {
    height: 100%;
    width: 100%;
}
#joueurs-infos {
    width: 50%;
    height: 100%;
}
#joueurs-cover-content > div {
    display: flex;
}
.joueurs-infos-top{
    position: relative;
    width: 530px;
    float: right;
    height: 300px;
    margin-top: 80px;
}
#joueurs-infos-name {
    position: absolute;
    top: 0;
    right: 0;
    width: 63%;
    display: flex;
}
#joueurs-infos-name > p {
    font-size: 80px;
    margin: 0;
    margin-right: 40px;
    font-family: 'gobold_thinregular', Helvetica, Arial, sans-serif!important;
    color: #1b7838;
}
#joueurs-infos-name > div{
    margin-top: 30px;
}
#joueurs-infos-name > div span{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    font-size: 42px;
}
#joueurs-infos-name > div p,
#joueurs-infos-name > div h1 {
    margin: 0;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    font-style: normal !important;
    font-size: 17px;
    line-height: 1;
}
#joueurs-infos-name > div p{
    text-transform: uppercase;
    margin-top: 10px;
    position: relative;
}
#joueurs-infos-name > div p:before{
    content: '';
    position: absolute;
    top: -8px;
    width: 200px;
    height: 5px;
    background: #1b7838;
}
#joueurs-infos-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    overflow: visible;
}
#joueurs-infos-thumbnail > div > div:before{
    width: 70%!important;
    transform: skew(16deg, 0deg)!important;
    right: 12px!important;
}
#joueurs-infos-thumbnail > div > p {
    height: 35px;
    text-align: center;
    width: 140px;
    float: right;
}
#joueurs-infos-thumbnail > div > p img {
    height: 17px;
    margin: 4px 8px;
}
#joueurs-infos-thumbnail > div > p:before,
#joueurs-infos-thumbnail > div > p:after{
    height: 35px!important;
    width: 24px!important;
}
#joueurs-infos-thumbnail > div > p:after{
    right: -10px;
}
#joueurs-infos-thumbnail div, #joueurs-infos-thumbnail >div > div > img {
    height: 260px!important;
    padding: 0;
}
#joueurs-infos-table {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 48%;
    color: #1b7838;
    line-height: 1.2;
}
#joueurs-infos-table th {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    position: relative;
    z-index: 200;
}
#joueurs-infos-table td {
    font-size: 32px;
    font-family: 'gobold_thinregular', Helvetica, Arial, sans-serif!important;
    letter-spacing: -2px;
}
#joueurs-infos-table tr.joueurs-infos-table-spacing{
    border-top: 40px solid transparent;
}
#joueurs-infos-table tr:nth-child(1) th:nth-child(1):before{
    content: url(../images/joueurs/joueurs_points.png);
    position: absolute;
    top: -13px;
    left: -40px;
    width: auto;
    z-index: -1;
}
#joueurs-infos-table tr:nth-child(1) th:nth-child(2):before{
    content: url(../images/joueurs/joueurs_rebonds.png);
    position: absolute;
    top: -11px;
    right: 22px;
    width: auto;
    z-index: -1;
}
#joueurs-infos-table tr:nth-child(3) th:nth-child(1):before{
    content: url(../images/joueurs/joueurs_passes.png);
    position: absolute;
    top: -13px;
    left: -43px;
    width: auto;
    z-index: -1;
}
#joueurs-infos-table tr:nth-child(3) th:nth-child(2):before{
    content: url(../images/joueurs/joueurs_eval.png);
    position: absolute;
    top: -14px;
    right: 65px;
    width: auto;
    z-index: -1;
}
#joueurs-infos-percent {
    position: relative;
    float: right;
    width: 100%;
    margin-top: 0;
    display: flex;
    justify-content: space-around;
    text-align: center;
}
#joueurs-infos-percent svg {
    width: 150px;
    height: 150px;
    padding: 10px;
    overflow: inherit;
}
#joueurs-infos-percent h3 {
    color: #1b7838;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 0;
}
#joueurs-infos-percent > div  {
    position: relative;
    margin-top: 20px;
}
#joueurs-infos-percent > div:nth-child(2)  {
    margin-top: 60px;
}
#joueurs-infos-percent p {
    position: absolute;
    top: 25px;
    left: 50%;
    transform: translateX(-50%);
    color: #1b7838;
    text-transform: uppercase;
    font-size: 29px;
    font-family:  'goboldregular', Helvetica, Arial, sans-serif!important;
}
#joueurs-infos-percent p > span {
    font-size: 55px;
}
/*----------- joueurs-bio --------------------*/
#joueurs-bio{
    padding-top: 40px;
    padding-bottom: 140px;
}
#joueurs-bio-content{
    margin: 50px auto 0 auto;
    max-width: 850px;
    border-bottom: 5px solid black;
    width: 90%;
}
#joueurs-bio-content p {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    /* font-style: italic!important; */
    position: relative;
    line-height: 1.2;
    margin: 0;
    padding: 0 20px 5px 20px;
}
#joueurs-bio-content p:nth-child(1) {
    font-size: 34px;
    font-style: italic;
}
#joueurs-bio-content span {
    font-family: 'gobold_thinregular', Helvetica, Arial, sans-serif!important;
    font-size: 42px;
}
#joueurs-bio-content p:nth-child(2):before {
    content: url(../images/joueurs/joueurs_age.png);
    position: absolute;
    top: 17px;
    left: -10px;
}
#joueurs-bio-content p:nth-child(3):before {
    content: url(../images/joueurs/joueurs_taille.png);
    position: absolute;
    top: 6px;
    left: -10px;
}
#joueurs-bio-content p:nth-child(4):before {
    content: url(../images/joueurs/joueurs_poids.png);
    position: absolute;
    top: 24px;
    right: -12px;
}
#joueurs-bio-content p:nth-child(5):before {
    content: url(../images/joueurs/joueurs_since.png);
    position: absolute;
    top: 24px;
    left: 110px;
}
/*---------common-photos---------------------------------------------------------*/
#common-photos{
    background: linear-gradient(90deg, #094c19, #197937);
    padding-top: 20px;
    padding-bottom: 100px;
    position: relative;
}
#common-photos h2 {
    text-transform: uppercase;
    font-size: 34px;
    color: white;
    text-align: center;
    position: relative;
    z-index: 200;
}
#common-photos-slider{
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 200;
}
#common-photos-slider > div{
    height: 500px;
    width: 100%;
    transition: 1s;
}
.common-photos-slider-content{
    height: 250px;
    width: 100%;
    padding: 0 5%;
}
.common-photos-slider-content > div {
    height: auto;
    width: auto;
    margin: 5px;
    max-height: 100%;
    max-width: 350px;
    overflow: hidden;
}
.common-photos-slider-content img {
    max-height: calc(100% - 20px);
    /*max-width: calc(100% / 4.1);*/
    margin: 10px 5px;
}
#common-photos-dots-wrap{
    margin-bottom: 20px;
    z-index: 200;
    position: relative;
}
.whiteDotsIsActive{
    background: white;
}
.whiteDotsIsActive:hover{
    cursor: auto!important;
}
#common-photos-dots-wrap > span{
    cursor: pointer;
    display: block;
    width: 10px;
    height: 10px;
    margin: 3px;
    border: 2px solid white;
    border-radius: 50%;
}
/*------ videos -----*/
/* #joueurs #common-video {
    height: 550px;
} */

#joueurs section#common-video {
    padding: 0 0 70px 0;
/*     margin-bottom: 45px; */
}

/*------content------*/
#joueurs-content{
    max-width: 650px;
   /* padding-top: 150px; */
   margin: 100px auto;
   position: relative;
   z-index: 200;
   margin-top: 30px;
}
#joueurs-content h2,
#joueurs-content h3,
#joueurs-content h4 {
    text-transform:uppercase;
    color: #186d33;
    font-size: 34px;
}
#joueurs-content p {
    font-size: 13px;
    line-height: 1.7;
}
/*------parallax-----*/
#joueurs #parallaxContainer img {
    top: 520px;
}
#joueurs #parallaxContainer img:last-child {
    top: -300px!important;
}
/*-------stats----*/
#joueurs-stats{
    position: relative;
    z-index: 200;
}
#joueurs-stats h2{
    text-transform: uppercase;
    font-size: 34px;
    text-align:center;
    position:relative;
    margin-bottom: 70px;
}
#joueurs-stats h2:before {
    content: url(../images/icon/animation/Titre3-haut_animated-black.svg);
    display: block;
    position: absolute;
    width: 250px;
    top: -55px;
    left: calc(50% - 160px);
}
#joueurs-stats h2:after {
    content: url(../images/icon/animation/Titre3-bas_animated-black.svg);
    display: block;
    position: absolute;
    width: 251px;
    top: 20px;
    left: calc(50% - 90px);
}
#joueurs-stats table,
#joueurs-stats th{
    text-align: center;
}
#joueurs-stats > div{
    max-width: 1180px;
}
/*----table-----*/
#joueurs-stats > div {
    overflow: auto;
    padding: 25px 1px 23px 1px;
}
#joueurs-stats table {
    -webkit-box-shadow: 0px 29px 52px -39px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 29px 52px -39px rgba(0,0,0,0.75);
    box-shadow: 0px 29px 52px -39px rgba(0,0,0,0.75);
    min-width: 1150px;
}
#joueurs-stats .tr:nth-child(2n+1):not(:nth-child(1)) {
    background: #eefaf2;
    border-top: 1px solid #eefaf2;
    border-left: 1px solid #eefaf2;
}
#joueurs-stats .tr:nth-child(2n) {
    background: #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
#joueurs-stats .tr:last-child {
    border-bottom: 1px solid #fff;
}
#joueurs-stats .tr:nth-child(1) {
    background: #1b7838;
    color: white;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 700 !important;
}
#joueurs-stats td:hover{
    background: #ed8e3f;
}
#joueurs-stats tr:not(:nth-child(1)):hover {
    border: 1px solid #e0e0e0!important;
}
.td, .th {
    padding: 10px!important;
}
/*------- joueurs partners --------*/
#joueurs #front-page-partners:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    border-bottom: 40px solid #ebebeb;
}
#front-page-partners > .wrap{
    z-index: 200;
    position: relative;
}


/*--------------------------------------------------------------
7.4 Page Joueurs
--------------------------------------------------------------*/
#page_joueurs, #page_espoirs {
    padding-bottom: 0;
    padding-top: 70px;
    margin-top: -110px;
}
#breadcrumbs{
    color: #646464!important;
}
.top_point_partenaires {
    position: relative;
    top: -39px;
    z-index: 500;
}
.top_point_partenaires.full-containt {
    padding:0;
}
#joueurs_partners {
    padding: 0;
}
/* #joueurs_partners section#front-page-partners {
    padding-top: 20px;
} */

.backgroundGreyDeg {
    background: rgb(230,230,230); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(230,230,230,1) 0%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    position: relative;
}
#all-player {
    text-align: center;
    position: relative;
    background: url(../images/background/stat.png), url(../images/background/JSFNanterre_transparence.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top;
    background-size: 100% auto, 100% auto;
    padding-top: 20px;
    padding-bottom: 50px;
    z-index: 200;
}
#all-player:before {
    content: url(../images/icon/dots.png);
    position: absolute;
    top: 143px;
    left: -250px;
    transform: rotate(-36deg);
}

#all-player-container{
    position: relative;
}
div#all-player-container > h2 {
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900!important;
    color: #1b7838;
    margin-bottom: 60px;
    margin-top: 20px;
    position: relative;
}

/*player*/
#player-empty {
    width: 160px;
}
#player-number{
    position: relative;
    padding-top: 100px;
}
#player-number > h3 {
    font-size: 17px;
    color: #1b7838;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
#player-number > h3 > span {
    font-size: 42px;
    position: relative;
}
#player-number > h3 > span:before {
    content: '';
    display: block;
    width: 75px;
    border-top: 1px solid #e8843a;
    position: absolute;
    top: 0;
    left: calc(50% - 32px);
}
#player-number > div{
    position: relative;
    z-index: 100;
    height: 327px;
    width: 160px;
}
#player-number > div:before{
    position: absolute;
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    bottom: -1px;
    left: 15px;
    transform: skew(-17deg, 0deg);
    /* background: linear-gradient(to top, #0d4e1c, #ffffff); */
    z-index: -1;
    background: -moz-linear-gradient(to top, rgba(13,78,28,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(13,78,28,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(13,78,28,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4e1c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
#player-number > div > img{
    z-index: 200;
    height: 328px;
    max-width: 250px !important;
}
/* #player-number > div > p{
    position: absolute;
    bottom: 0;
    width: 133px;
    right: -15px;
    background: url(../images/icon/backPLayer.png);
    color: #fff!important;
    font-family: 'gobold_thinregular', Arial, Helvetica, sans-serif!important;
    font-size: 32px;
    padding: 4px 14px;
    margin: 0;
    z-index: 200;
} */
#player-number > p {
    font-size: 18px;
    color: #fff!important;
    text-transform: uppercase;
    background: #197937;
    margin: 0;
    position: relative;
    /* padding: 5px 0; */
    z-index:  200;
    line-height: 1.3 !important;
    padding-top: 4px;
    height: 55px;
}
#player-number > p:before{
    content: '';
    position: absolute;
    background: #197937;
    width: 30px;
    top: 0;
    height: 55px;
    left: -13px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
#player-number > p:after{
    content: '';
    position: absolute;
    background: #197937;
    width: 40px;
    top: 0;
    height: 55px;
    right: -25px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
#player-number > p > span{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    font-size: 22px;
}

div.player-2, div.player-4 {
    transform: translateY(-50px);
}

#player-number > span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 1px;
    border-radius: 50%;
    -webkit-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
}

/* player right */
div.player-5 > div:before, div.player-4 > div:before {
    transform: skew(17deg, 0deg)!important;
    right: 3px!important;
    left: auto!important;
}

/* .player-5 > div > p, .player-4 > div > p {
    left: 0!important;
    right: auto!important;
    background: url(../images/icon/backPLayer2.png)!important;
} */

.player-5 >p:before, .player-4 >p:before {
    transform: skew(-25deg, 0deg)!important;
}

.player-5 >p:after, .player-4 >p:after {
    transform: skew(-25deg, 0deg)!important;
}

/* player middle */
div.player-3 > div:before {
    transform: skew(0deg, 0deg)!important;
    left: auto!important;
}
div.player-3 {
    transform: translateY(-100px);
}

/* numero */
.block-number-contain { 
    display: block;
    position: absolute;
    bottom: -1px;
    right: 0;
    width: 100px;
    background: rgb(25,120,54); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(25,120,54,1) 0%, rgba(10,79,26,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(25,120,54,1) 0%,rgba(10,79,26,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(25,120,54,1) 0%,rgba(10,79,26,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#197836', endColorstr='#0a4f1a',GradientType=0 ); /* IE6-9 */
    -ms-transform: skew(-20deg)!important;
    -webkit-transform: skew(-20deg)!important;
    transform: skew(-20deg)!important;
    z-index: 200;
}
.block-number-contain.right-skew { 
    -ms-transform: skew(20deg)!important;
    -webkit-transform: skew(20deg)!important;
    transform: skew(20deg)!important;
    right: auto;
}

.block-number {
    -ms-transform: skew(20deg)!important;
    -webkit-transform: skew(20deg)!important;
    transform: skew(20deg)!important;
    overflow: hidden;
}
.block-number-contain.right-skew .block-number {
    -ms-transform: skew(-20deg)!important;
    -webkit-transform: skew(-20deg)!important;
    transform: skew(-20deg)!important;
    overflow: hidden;
}

.block-number p {
    font-size: 32px!important;
    font-family: "gobold_thinregular", Arial, Helvetica, sans-serif!important;
    margin: 0;
}

.block-number:before {
    content: url(../images/icon/diese.png)!important;
    position: absolute;
    left: 0;
    top: -6px;
}

a.hover_player:hover {
    -ms-transform: scale(1.03) !important;
    -webkit-transform: scale(1.03) !important;
    transform: scale(1.03) !important;

    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.hover_player:hover > div {
    box-shadow: 3px 15px 10px -15px #111; 
}

a.hover_player:hover .block-number:before {
    width: 100%!important;
} 
a.hover_player:hover .block-number p {
    font-size: 40px!important;
} 

/*--------------------------------------------------------------
7.4 Page fiche match
--------------------------------------------------------------*/
/*-------- cover ------*/
#match-cover{
    height: 492px;
    position: relative;
}
.match-cover-wrap{
    height: 100%;
    position: relative;
}
#match-cover-img {
    width: 100%;
    height: 107%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
#match-cover-img > img {
    width: 100%;
    min-height: 100%;
    bottom: 0;
    position: absolute;
}
#match-cover-content {
    position: relative;
    width: 100%;
    height: 100%;
}
.match-cover-content-top > div {
    width: 160px;
}
#match-cover-content img{
    max-width: 160px;
    margin-top: 40px;
    max-height: 160px;
}
#match-cover-content p, #match-cover-content h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
}
.match-cover-content-bottom p{
    font-family:  'goboldregular', Helvetica, Arial, sans-serif!important;
}
.match-cover-content-top p{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
}
#match-cover-content h1 {
    font-family:  'gobold_thinregular', Helvetica, Arial, sans-serif!important;
    font-size: 80px;
    margin: 55px 50px 0 50px;
    padding: 0;
}
#match-cover-content span {
    font-size: 22px;
}
#match-cover-content a {
    color: white;
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
}

#match-cover-content a:hover {
    background: #000;
    color: #ed8e3f;
}
.match-cover-content-top {
    padding: 100px;
    padding-top: 145px;
    text-align: center;
}
.match-cover-content-bottom {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
#match-bio #joueurs-infos-percent {
    flex-direction: column;
    align-items: flex-end;
    width: 350px;
    margin-top: 50px;
}
#match-bio #match-bio-right #joueurs-infos-percent {
    align-items: flex-start;
}
#match-bio #joueurs-infos-percent > div {
    margin-top: 0;
    margin-right: 50px;
}
#match-bio #match-bio-right #joueurs-infos-percent > div {
    margin-top: 0;
    margin-left: 50px;
}
#match-bio #joueurs-infos-percent > div:nth-child(2) {
    margin-top: 0;
    align-self: center; 
}
/*---- stats global --- */
#match-bio{
    padding: 40px 0;
    position: relative;
    z-index: 200;
}
#match-bio::before {
    content: '';
    background: url(../images/background/JSFNanterre_transparence.png);
    background-size: 1280px auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    z-index: -1;
}
#match-bio-middle {
    padding-top: 30px!important;
    text-align: center;
    width: 450px;
}
#match-bio-middle > h2 {
    font-family:  'gobold_bolditalic', Helvetica, Arial, sans-serif!important;
    text-transform: uppercase;
    font-size: 34px;
    color: #1b7838;
    margin: 35px 0;
    position: relative;
}
#match-bio-middle > h2:before {
    content: url(../images/icon/animation/Titre1-haut_animated.svg);
    display: block;
    position: absolute;
    width: 90px;
    top: -40px;
    left: calc(50% - 40px);
}
#match-bio-middle > h2:after {
    content: url(../images/icon/animation/Titre1-bas_animated.svg);
    display: block;
    position: absolute;
    width: 80px;
    top: 22px;
    left: calc(50% - 40px);
}
#match-bio-middle > img {
    max-width: 65px;
    max-height: 70px;
    float: right;
    margin: 0px 50px;
}
#match-bio-middle > img:nth-child(2) {
    float: left;
}
#match-bio-middle > div {
    width: 100%;
    height: 80px;
}
#match-bio-middle > div:not(:last-child){
    -webkit-box-shadow: 0px 25px 25px -31px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 25px 25px -31px rgba(0,0,0,0.75);
    box-shadow: 0px 25px 25px -31px rgba(0,0,0,0.75);
}
#match-bio-middle > div p {
    font-family:  'gobold_thinregular', Helvetica, Arial, sans-serif!important;
    font-size: 32px;
    color: #1b7838;
    text-transform: uppercase;
    margin: 0;
    width: 70px;
}
#match-bio-middle > div p:nth-child(2) {
    font-family:  'gobold_bolditalic', Helvetica, Arial, sans-serif!important;
    font-size: 13px;
    color: #000;
    position: relative;
    z-index: 200;
    width: auto;
}
#match-bio-middle > div:nth-child(5n-1) > p:nth-child(2)::before{
    content: url(../images/joueurs/joueurs_rebonds.png);
    position: absolute;
    top: -4px;
    right: -49px;
    width: auto;
    z-index: -1;
}
#match-bio-middle > div:nth-child(5n) > p:nth-child(2)::before{
    content: url(../images/joueurs/joueurs_passes.png);
    position: absolute;
    top: -11px;
    left: -40px;
    width: auto;
    z-index: -1;
}
#match-bio-middle > div:nth-child(5n+1) > p:nth-child(2)::before{
    content: url(../images/joueurs/match_inter.png);
    position: absolute;
    top: -17px;
    right: -39px;
    width: auto;
    z-index: -1;
}
#match-bio-middle > div:nth-child(5n+2) > p:nth-child(2)::before{
    content: url(../images/joueurs/match_balles.png);
    position: absolute;
    top: -6px;
    right: 41px;
    width: auto;
    z-index: -1;
}
#match-bio-middle > div:nth-child(5n+3) > p:nth-child(2)::before{
    content: url(../images/joueurs/joueurs_eval.png);
    position: absolute;
    top: -20px;
    right: -29px;
    width: auto;
    z-index: -1;
}
#match-bio-middle > div p:nth-child(3) {
    color: #000;
}
/* #match #common-video {
    height: 550px;
} */
#match section#common-video {
    padding: 0 0 40px 0;
}

#match #joueurs-stats {
    padding-top: 250px;
}

#commentaires_match_content {
    max-width: 650px;
    margin: 50px auto;
}
#commentaires_match_content p {
    text-align: justify;
}
#commentaires_match_content h3 {
    text-transform: uppercase;
    color: #186d33;
    font-size: 34px;
}

/*----match tables----*/
.joueurs-stats-th {
    text-align: left!important;
}
.joueurs-stats-total {
    font-weight: bold;
}
#match-stats-table-header {
    width: 100%;
    background: #1b7838;
    height: 35px;
}
.match-stats-table-header-adverse{
    background:  #5c5c5c!important;
    margin-top: 50px;
}
.match-table-adverse .tr:nth-child(1){
    background:  #5c5c5c!important;
}
#match-stats-table-header > img {
    max-width: 30px;
    max-height: 35px;
    margin: 8px 10px;
}
.match-stats-Rebonds,
.match-stats-Fautes {
    position: relative;
}
.match-stats-Rebonds:before {
    content: 'Rebonds';
    position: absolute;
    top: -20px;
    left: 20px;
}
.match-stats-Fautes:before {
    content: 'Fautes';
    position: absolute;
    top: -20px;
    left: 18px;
}
/*----parallax match ---*/
#match #parallaxContainer > img {
    top: 300px;
}
/*---match partners ---*/
#match #front-page-partners:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    border-bottom: 40px solid #ebebeb;
}
/*--------------------------------------------------------------
7.4 calendrier match
--------------------------------------------------------------*/
.noPadding{
    padding: 0!important;
}
.page-id-32 > div > p{
    margin: 0;
}
.page-id-32 #front-page-partners:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: -40px;
    border-left: 49vw solid transparent;
    border-right: 49vw solid transparent;
    border-bottom: 40px solid #ebebeb;
}
.page-id-34 .titre h2 {
    font-size: 40px!important;
    line-height: 1.5!important;
}
#CoverNextMatch h1{
    font-size: 42px;
    position: absolute;
    margin: 0;
    top: 80px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
}
#CoverNextMatch .match-cover-content-top {
    align-items: flex-start;
}
#CoverNextMatch a {
    margin-top: 50px;
    position: relative;
    align-self: center;
}
#calendrier{
    background: url(../images/background/JSFNanterre_transparence.png), url(../images/background/calendrierBack.jpg);
    background-size: 1280px auto, 100% auto;
    background-position: top, top;
    background-repeat: no-repeat, no-repeat;
    padding-bottom: 50px;
}
#calendrier h2 {
    text-align: center;
    margin: 50px 0 100px 0;
    text-transform: uppercase;
    color: #1b7838;
    line-height: 1.1;
    position: relative;
    padding: 0;
}
#calendrier-next-match {
    width: 60%;
    min-width: 550px;
}
#search-sidebar-next-match{
    width: 28%;
    position: relative;
    z-index: 200;
}
/*------------- next match -------*/
#calendrier-next-match-month {
    position: relative;
}
#calendrier-next-match-month:not(:last-child) {
    margin-bottom: 150px;
}
#calendrier-next-match-month > h3 {
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 34px;
    font-family: 'gobold_bolditalic', Helvetica, Arial, sans-serif!important;
    color: black;
    z-index: 500;
}
#calendrier-next-match-content > div {
    height: 270px;
    position: relative;
    z-index: 200;
}
#calendrier-next-match-content:nth-child(2n) > div {
    background: linear-gradient(to right, #fff, #e5e5e5);
}
#calendrier-next-match-content:nth-child(2n+1) > div {
    background: linear-gradient(to right, #e5e5e5, #fff);
}
#calendrier-next-match-content{
    position: relative;
}
#calendrier-next-match-content::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50% / 15px;
    -webkit-box-shadow: 0px 7px 10px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 7px 10px -6px rgba(0,0,0,0.75);
    box-shadow: 0px 7px 10px -6px rgba(0,0,0,0.75);
    z-index: -1;
}
#calendrier-next-match-content > div:nth-child(1){
    padding-top: 40px;
}
#calendrier-next-match-content > div > div > img, .calendrier-next-match-content-text {
    align-self: center;
}
.competImageContainer {
    width: 90px;
    text-align: center;
    align-self: center;
    height: 70px;
}
#calendrier-next-match-content a {
    margin: 20px 10px;
    padding: 7px 55px 7px 12px;
}
.calendrier-next-match-content-text {
    text-align: right;
    width: 20%;
}
.calendrier-next-match-content-text > p {
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-size: 22px!important;
    line-height: 1.2;
    margin: 0;
    text-transform: uppercase;
}
.calendrier-next-match-content-text > p > span, .calendrier-next-match-content-text > p > span > a {
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-size: 13px;
    color: #646464;
    padding: 0!important;
    margin: 0!important;
}
.calendrier-next-match-content-logo {
    text-align: center;
    position: relative;
    margin: 0 40px;
}
.calendrier-next-match-content-logo-blur:before{
    content: '';
    position: absolute;
    top: 0;
    left: 48px;
    transform: rotate(30deg);
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
    -moz-box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
    box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
}
.calendrier-next-match-content-logo > p {
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    text-transform: uppercase;
}
#calendrier-next-match-content img {
    max-width: 90px;
    max-height: 70px;
    height: 70px;
}
#calendrier .parallaxSecondImg{
    display: none;
}
#calendrier .parallaxFirstImg{
    top: 275px;
}
.page-id-32 #calendrier {
    overflow: hidden;
    padding-top: 40px;
}

/* Matchs passés */

.calendrier-score-resultat {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 127px;
    padding-top: 40px;
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-size: 35px !important;
}
.calendrier-score-resultat span {
    margin: auto;
}
.calendrier-score-resultat .win, .calendrier-score-resultat-mobile .win_mobile {
    color: #1b7838 !important;
}
.calendrier-score-resultat span:nth-child(2) {
    margin-left: 10px;
    margin-right: 10px;
}
.calendrier-score-resultat-blur:before {
    content: '';
    position: absolute;
    top: 0;
    left: 95px;
    transform: rotate(30deg);
    width: 100%;
    height: 100%;
    -webkit-box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
    -moz-box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
    box-shadow: 25px 0px 25px -31px rgba(0,0,0,0.75);
}
.calendrier-next-match-content-text.score_resultat {
    margin-left: 10px;
}

    /* mobile */
.calendrier-score-resultat-mobile {
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-size: 35px !important;
    display: none;
}
.calendrier-score-resultat-mobile div:nth-child(2) {
    margin-left: 50px;
    margin-right: 50px;
}

/*------------------- search bar ------------*/
#search-labels{
    position: relative;
    text-transform: uppercase;
    padding-left: 50px;
    font-size: 22px;
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-weight: normal;
    color: #797979;
}
#search-labels:before{
    position: absolute;
    left: 0;
    bottom: 0;
    content: url(../images/icon/calendrier.png);
}
.competitions:before {
    content: url(../images/icon/calendrier2.png)!important;
}
#search-sidebar-actu #search, 
#search-sidebar-actu select,
#search-sidebar-next-match #search, 
#search-sidebar-next-match select {
    border-radius: 0;
    border: 1px solid #1b7838;
    position: relative;
    width: 100%;
    font-size: 16px;
    padding: 10px;
    color: #1b7838;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
}
#submit{
    position: absolute;
    top: 6px;
    right: 5px;
    width: 35px;
    height: 35px;
    padding: 0;
}
#submit:focus {
    background: none;
}
#submit:hover{
    background: none;
}
#search-sidebar-actu select,
#search-sidebar-next-match select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
}
.selectContainer, .searchContainer {
    position: relative;
    background: white;
    margin-bottom: 50px;
}
.selectContainer:after, .searchContainer:after {
    content: '';
    border-bottom: 5px solid #1b7838;
    bottom: -10px;
    left: 0;
    width: 100%;
    position: absolute;
}
.searchContainer > input {
    background: none;
}
.searchContainer:before{
    content: '\f002';
    position: absolute;
    top: 5px;
    right: 10px;
    color: #1b7838;
    font-family: 'FontAwesome';
    font-size: 25px;
}
/*--- loader---*/
.loader{
    position: relative;
}
.loader:before{
    content: '';
    position: absolute;
    top: 6px;
    right: 5px;
    width: 35px;
    height: 35px;
    background: url(../images/loading.gif) no-repeat;
    background-size: cover;
    z-index: 5000;
}
.bigLoader{
    position: relative;
}
.bigLoader:after{
    content: '';
    position: absolute;
    top: 100px;
    right: calc(50% - 25px);
    width: 50px;
    height: 50px;
    background: url(../images/loading.gif) no-repeat;
    background-size: cover;
    z-index: 5000;
}
.selectContainer:before{
    content: '\f107';
    position: absolute;
    top: calc(50% - 12.5px);
    right: 15px;
    color: #1b7838;
    font-family: 'FontAwesome';
    font-size: 30px;
}
#checkboxContainer > input {
    width: 13px;
    margin-top: 5px;
    margin-left: 10px;
}
#checkboxContainer{
    position:relative;
    margin-bottom: 50px;
}
#checkboxContainer:after {
    content: '';
    border-bottom: 5px solid #1b7838;
    bottom: -10px;
    left: 0;
    width: 100%;
    position: absolute;
}
#checkboxContainer > div {
    width: 44%;
    margin: 3px 1%;
}
#checkboxContainer > div > label {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    margin-bottom: 0;
}

.search_match_mobile { display: none; }

/*----------------------
competitions
-------------------------*/
.page-id-34 .full-containt:not(:nth-child(3)),
.page-id-35 .full-containt:not(:nth-child(3)) {
    padding: 0;
}
.full-containt .common-match-left:nth-child(1) > p {
    color: #000!important;
}
.full-containt .common-match-left:nth-child(2) > p {
    color: #646464!important;
}
.page-id-34 .FlexBlocHalf > div:nth-child(1),
.page-id-35 .FlexBlocHalf > div:nth-child(1) {
    width: 43%;
    margin: 0 50px;
}
.page-id-34 .FlexBlocHalf > div:nth-child(2),
.page-id-35 .FlexBlocHalf > div:nth-child(2) {
    width: 20%;
    margin: 0 50px;
    min-width: 160px;
}
.page-id-34 .FlexBlocHalf,
.page-id-35 .FlexBlocHalf{
    -webkit-justify-content: center;
    justify-content: center;
}
.page-id-34 #cyberlMatch,
.page-id-35 #cyberlMatch {
    position: relative;
}
.page-id-34 #cyberlMatch:after,
.page-id-35 #cyberlMatch:after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-bottom: 40px solid #ffffff;
    z-index: 500;
}
.page-id-34 #cyberlMatch:before,
.page-id-35 #cyberlMatch:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0px;
    border-left: 50vw solid transparent;
    border-right: 50vw solid transparent;
    border-top: 40px solid #ffffff;
    z-index: 500;
}
.page-id-34 #common-match > div > span:last-child:before,
.page-id-35 #common-match > div > span:last-child:before,
.page-id-34 #common-match > div > span:nth-child(1):after,
.page-id-35 #common-match > div > span:nth-child(1):after {
    top: 41%;
}
#competition-links{
    text-align: center;
    padding-bottom: 40px;
}
#competition-links > a:nth-child(1) {
    padding: 8px 92px 9px 12px;
}
#competition-table {
    padding-top: 50px;
    background: linear-gradient(90deg, #094c19, #197937); 
    position: relative;
}
#competition-table h2{
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
#competition-table h2:before {
    content: url(../images/icon/animation/Titre2-haut_animated-white.svg);
    display: block;
    position: absolute;
    width: 100px;
    top: -55px;
    left: calc(50% - 50px);
}
#competition-table h2:after {
    content: url(../images/icon/animation/Titre2-bas_animated-white.svg);
    display: block;
    position: absolute;
    width: 250px;
    top: 0px;
    left: calc(50% - 125px);
}
.competition-td-img-wrap{
    position: relative;
}
#competition-table .tr:nth-child(2n+1) {
    background: #eefaf2;
    color: #000;
    font-weight: bold;
}
#competition-table .tr:nth-child(2n) {
    background: #fff;
    color: #000;
    font-weight: bold;
}
#competition-table .tr:nth-child(1) {
    background: #000;
    color: white;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 700 !important;
}
#competition-table table {
    position: relative;
    z-index: 200;
    width: 1150px;
    margin: auto;
}
#competition-table td > img {
    top: 10px;
}
.competition-team {
    width: 960px;
}
.competition-selected > td {
    background: #1b7838;
    color: #fff!important;
    position: relative;
}
.competition-selected > td:last-child:before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 10px;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-right: 8px solid white;
}
.competition-selected > td:last-child:after{
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: white;
}
#competition-table tr > th:nth-child(1),
#competition-table tr > td:nth-child(1){
    padding-left: 30px!important;
}
.competition-selected > tr {
    overflow: hidden;
}
.competition-selected > td:nth-child(2):before{
    content: '';
    width: 49px;
    height: 49px;
    position: absolute;
    top: -2px;
    right: 0;
    border-radius: 50%;
    background: white;
}
.competition-selected > td:nth-child(1):before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 10px;
    border-top: 22px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 8px solid white;
}
.competition-selected > td:nth-child(1):after{
    content: '';
    width: 10px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
}
#competition-table .parallaxFirstImg {
    top: 315px;
}
#competition-table .parallaxSecondImg {
    display: none;
}
/*--- actualite--*/
.acf-default-container{
    height: 400px;
}
.acf-default-container > div{
    height: 100%;
    width: 100%;
    text-align: center;
    background-position: bottom !important;
}
#actualite{
    position: relative;
}
#actualite #common-match-content{
    padding-top: 220px!important;
    height: calc(340px + 120px) !important;
}
#actualite #cyberlMatch .titre {
    margin-top: 130px!important;
}
#actualite #fil_ariane {
    top: 360px!important;
}
#actualite > #fil_ariane{
    position: absolute;
    z-index: 500;
    top: 10px;
    left: calc(50% - 48px);
}
#secondary h2 {
    position: relative;
    text-transform: uppercase;
    padding-left: 50px;
    font-size: 22px!important;
    font-family: 'goboldregular', Helvetica, Arial, sans-serif!important;
    font-weight: normal!important;
    color: #797979;
    letter-spacing: 0!important;
}
#secondary #text-4 > h2:before,
#secondary #text-2 > h2:before {
    position: absolute;
    left: 0;
    bottom: 0;
    content: url(../images/icon/flux.png);
}
#secondary #text-2 > h2{
    margin-top: 20px;
}
.categories:before {
    content: url(../images/icon/categories.png)!important;
}
#secondary #text-4 > h2:before {
    content: url(../images/icon/recents.png)!important;
}
#sidebar_article_content {
    margin: 10px 0;
}
#sidebar_article_wrap {
    border-bottom: 5px solid #1b7838;
}
#sidebar_article_content:not(:last-child) {
    border-bottom: 1px solid #cccccc;
}
#sidebar_article_content > div:nth-child(1) {
    width: 120px;
}
#sidebar_article_content > div:nth-child(2) {
    margin-left: 10px;
    width: 65%;
}
#sidebar_article_content img {
    width: 120px;
    height: 82px;
    object-fit: cover;
}
#sidebar_article_content p:nth-child(1) {
    font-size: 13px;
    text-transform: uppercase;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900 !important;
    color: #646464;
    line-height: 0;
}
#sidebar_article_content p:nth-child(2) {
    font-size: 13px;
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 400 !important;
}
#social-feed-container-582 {
    width: 100%!important;
}

.h2_form_contact{
    color: #000;
    text-align: center;
    text-transform: uppercase;
}

.introduction, .introduction p {
    font-weight: 600;
    font-size: 18px !important;
}

.introduction, .introduction {
    font-weight: 600;
    font-size: 18px;
    padding: 40px;
}

.form-col-6 {
    float: left;
    width: 50%;
    padding: 0 10px;
}

.form-col-12 {
    width: 100%;
    padding: 0 10px;
}

form.wpcf7-form select {
    width: 100%;
}

.aligncenter, .txt-center {
    text-align: center;
}

#page_actu_calendrier .titre {
    display: none;
}
#page_actu_calendrier div#common-match-content{
    padding-top: 120px!important;
}
#page_actu_calendrier section#common-match > div::before, #page_actu_calendrier section#common-match > div::after {
    font-size: 60px!important;
}
#page_actu_calendrier .titre-prochain h2 {
    padding-top: 60px;
}
#page_actu_calendrier #cyberlMatchHome section#common-match > div > span:last-child:before,
#page_actu_calendrier #cyberlMatchHome section#common-match > div > span:nth-child(1):after {
    top: 35%;
}

/*--------------------------------------------------------------
7.5 Page Les légendes
--------------------------------------------------------------*/

.img_legendes {
    text-align: center;
}


#common-photos-slider::-webkit-scrollbar { 
    display: none; 
}

nav.navigation.pagination h2 {
    display: none;
}

nav.navigation.pagination span.nav-pagination-before.display-block:before {
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 32px;
    color: #1b7838;
    line-height: 32px;
}

nav.navigation.pagination span.nav-pagination-after.display-block:before {
    content: "\f104";
    font-family: "FontAwesome";
    font-size: 32px;
    color: #1b7838;
    line-height: 32px;
}
nav.navigation.pagination a.next.page-numbers, nav.navigation.pagination a.prev.page-numbers {
    padding: 0;
    background: transparent;
    display: inline-block;
    float: none;
    transform: translateY(4px);
}

.nav-links {
    position: relative;
}

/*--------------------------------------------------------------
7.6 Page Jean Perrin - JSF Academie - Dunky
--------------------------------------------------------------*/

.block_contenu_text {
    width: 80%;
    max-width: 700px;
    padding: 30px 30px 10px;
    margin: 0 auto 30px;
    border: 1px solid #fff;
}
.block_contenu_text h4 {
    text-align: center;
    text-transform: uppercase;
}
.texte_dunky {
    width: 80%;
    margin:auto;
}
.img_dunky {
    text-align: center;
}

/*--------------------------------------------------------------
7.7 Page Planning d’entrainement
--------------------------------------------------------------*/

.block_planning {
    width: 100%;
    height: 230px;
}
.romain_rolland {
    background: url(/wp-content/uploads/2018/09/planning_romain_rolland.jpg) no-repeat top left;
}
.couturier {
    background: url(/wp-content/uploads/2018/09/planning_couturier.jpg) no-repeat top left;
}
.palais_sport {
    background: url(/wp-content/uploads/2018/09/planning_palais_sport.jpg) no-repeat center;
}
.victor_hugo {
    background: url(/wp-content/uploads/2018/09/planning_victor_hugo.jpg) no-repeat bottom;
}
.voltaire {
    background: url(/wp-content/uploads/2018/09/planning_voltaire.jpg) no-repeat bottom;
}
.jean_perrin {
    background: url(/wp-content/uploads/2018/09/planning_jean_perrin.jpg) no-repeat center;
}
.ateliers_mairie {
    background: url(/wp-content/uploads/2018/09/planning_ateliers_mairie.jpg) no-repeat center;
}
#popUpArea_1,
#popUpArea_2,
#popUpArea_3,
#popUpArea_4,
#popUpArea_5,
#popUpArea_6,
#popUpArea_7 {
    display: none;
    padding: 15px;
    position: fixed !important;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
#popUpArea_1.open,
#popUpArea_2.open,
#popUpArea_3.open,
#popUpArea_4.open,
#popUpArea_5.open,
#popUpArea_6.open,
#popUpArea_7.open {
    z-index: 2000;
    opacity: 1;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
}
#popUpArea_1 .wrap,
#popUpArea_2 .wrap,
#popUpArea_3 .wrap,
#popUpArea_4 .wrap,
#popUpArea_5 .wrap,
#popUpArea_6 .wrap,
#popUpArea_7 .wrap {
    position: relative;
    background: #fff;
    width: 100%;
    padding: 30px;
    border: 2px solid #1b7838;
}
#popUpArea_1 #closePopUpPlanning_1,
#popUpArea_2 #closePopUpPlanning_2,
#popUpArea_3 #closePopUpPlanning_3,
#popUpArea_4 #closePopUpPlanning_4,
#popUpArea_5 #closePopUpPlanning_5,
#popUpArea_6 #closePopUpPlanning_6,
#popUpArea_7 #closePopUpPlanning_7 {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    padding: 7px 10px;
    font-size: 22px;
    color: #fff;
    background: #1b7838;
    border-radius: 50%;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(30%, -50%);
}
#popUpArea_1 .wrap .TitlePopUp,
#popUpArea_2 .wrap .TitlePopUp,
#popUpArea_3 .wrap .TitlePopUp,
#popUpArea_4 .wrap .TitlePopUp,
#popUpArea_5 .wrap .TitlePopUp,
#popUpArea_6 .wrap .TitlePopUp,
#popUpArea_7 .wrap .TitlePopUp {
    text-align: center;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 30px;
}

/*--------------------------------------------------------------
7.8 Page EasyPass
--------------------------------------------------------------*/

#block_video_easypass .FlexBlocHalf >div:first-child {
    margin-top: 175px;
}
.center_image .img_area {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;    
}


#front-page-news-right div#common-article-container {
    width: calc(100% - 20px);
}

#front-page-news-left .common-article-container {
    width: calc(50% - 20px);
}

nav.navigation.pagination .dots {
    display: initial;
}


.planning_container {
    position: relative;
}

/*--------------------------------------------------------------
7.9 Page Centre de formation - Espoirs Pro A - U18 - U15
--------------------------------------------------------------*/

.all-player-espoirs {
    text-align: center;
    position: relative;
    background: url(../images/background/stat.png), url(../images/background/JSFNanterre_transparence.png);
    background-repeat: no-repeat, no-repeat;
    background-position: bottom, top;
    background-size: 100% auto, 100% auto;
    padding-top: 20px;
    padding-bottom: 100px;
    z-index: 200;
}
.all-player-espoirs:before {
    content: url(../images/icon/dots.png);
    position: absolute;
    top: 143px;
    left: -250px;
    transform: rotate(-36deg);
}

.all-player-espoirs-container{
    position: relative;
}
div.all-player-espoirs-container > h2 {
    font-size: 34px;
    font-style: italic;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: 900!important;
    color: #1b7838;
    margin-bottom: 60px;
    margin-top: 20px;
    position: relative;
}

.full-containt.block_light .intro_txt_espoirs p{
    color: #000 !important;
    text-align: justify !important;
}

blockquote.quote_espoirs p {
    position: relative;
    text-align: justify;
    margin-top: 20px;
    padding: 0 40px;
    font-size: 16px;
    display: inline-block;
    font-style: normal;
}

blockquote.quote_espoirs p:before {
    content: "\f10d"!important;
    font-family: FontAwesome;
    position: absolute;
    top: -15px;
    left: 15px;
    color: #000;
}
blockquote.quote_espoirs p:after {
    content: "\f10e"!important;
    font-family: FontAwesome;
    position: absolute;
    padding-left: 20px;
    color: #000;
}
blockquote.quote_espoirs.quote_white p:before, blockquote.quote_espoirs.quote_white p:after {
    color: #fff !important;
}
.coach_name {
    text-align: right;
    color: #000;
    font-weight: 700;
    margin-top: 30px;
    padding-right: 40px;
}

.player_espoirs {
    position: relative;
    padding-top: 100px;
    min-width: 160px;
    margin-left: 30px;
    margin-right: 30px;
}

.player_espoirs{
    position: relative;
    padding-top: 35px;
}
.player_espoirs > h3 {
    font-size: 17px;
    color: #1b7838;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.player_espoirs > h3 > span {
    font-size: 42px;
    position: relative;
}
.player_espoirs > h3 > span:before {
    content: '';
    display: block;
    width: 75px;
    border-top: 1px solid #e8843a;
    position: absolute;
    top: 0;
    left: calc(50% - 32px);
}
.player_espoirs > div{
    position: relative;
    z-index: 100;
    height: 327px;
    width: 160px;
}
.player_espoirs > div:before{
    position: absolute;
    content: '';
    display: block;
    width: 80%;
    height: 80%;
    bottom: 0;
    left: 15px;
    transform: skew(-17deg, 0deg);
    /* background: linear-gradient(to top, #0d4e1c, #ffffff); */
    z-index: -1;
    background: -moz-linear-gradient(to top, rgba(13,78,28,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(to top, rgba(13,78,28,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to top, rgba(13,78,28,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4e1c', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}
.player_espoirs > div > img{
    z-index: 200;
    height: 328px;
    max-width: 250px !important;
}

.player_espoirs > p {
    font-size: 18px;
    color: #fff!important;
    text-transform: uppercase;
    background: #197937;
    margin: 0;
    position: relative;
    /* padding: 5px 0; */
    z-index:  200;
    line-height: 1.4 !important;
    padding-top: 6px;
}
.player_espoirs > p:before{
    content: '';
    position: absolute;
    background: #197937;
    width: 30px;
    top: 0;
    height: 55px;
    left: -13px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
.player_espoirs > p:after{
    content: '';
    position: absolute;
    background: #197937;
    width: 40px;
    top: 0;
    height: 55px;
    right: -25px;
    transform: skew(25deg, 0deg);
    z-index: -1;
}
.player_espoirs > p > span{
    font-family: 'Lato', Helvetica, Arial, sans-serif!important;
    font-weight: 900!important;
    font-style: italic!important;
    font-size: 22px;
}

.player_espoirs > span {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100px;
    height: 1px;
    border-radius: 50%;
    -webkit-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    -moz-box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
    box-shadow: 25px 50px 18px 4px rgba(0,0,0,.4);
}

/*--------------------------------------------------------------
7.10 Page Equipes amateurs
--------------------------------------------------------------*/
.hide {
    display:none;
}
#area_noms_u9_1,
#area_noms_u9_2,
#area_noms_u11_1,
#area_noms_u11_2,
#area_noms_u11_3,
#area_noms_u13_1,
#area_noms_u13_2,
#area_noms_u13_3,
#area_noms_u13_4,
#area_noms_u13_F,
#area_noms_u17_1,
#area_noms_u17_2,
#area_noms_u20_1,
#area_noms_u20_2,
#area_noms_seniors_2,
#area_noms_seniors_3  {
    position: relative;
}
#area_noms_u9_1 li:hover,
#area_noms_u11_1 li:hover,
#area_noms_u11_3 li:hover,
#area_noms_u13_2 li:hover,
#area_noms_u13_4 li:hover,
#area_noms_u17_1 li:hover,
#area_noms_u20_1 li:hover,
#area_noms_seniors_2 li:hover {
    color: #197937;
}
#area_noms_u9_2 li:hover,
#area_noms_u11_2 li:hover,
#area_noms_u13_1 li:hover,
#area_noms_u13_3 li:hover,
#area_noms_u13_F li:hover,
#area_noms_u17_2 li:hover,
#area_noms_u20_2 li:hover,
#area_noms_seniors_3 li:hover {
    color: #000;
}
.area_visage {
    position: absolute;
    border: 2px solid #e88b3e;
    border-radius: 40px;
    background: rgba(49,133,76,.3);
    width: 65px;
    height: 65px;
}

/* U9-1 */
#u9-1-1 {
    top: 19%;
    left: 32%;
}
#u9-1-2 {
    top: 16%;
    left: 36.7%;
}
#u9-1-3 {
    top: 22%;
    left: 23.5%;
}
#u9-1-4 {
    top: 41%;
    left: 44%;
}
#u9-1-5 {
    top: 20%;
    left: 41.5%;
}
#u9-1-6 {
    top: 21%;
    left: 47%;
}
#u9-1-7 {
    top: 42%;
    left: 35.5%;
}
#u9-1-8 {
    top: 20%;
    left: 28%;
}
#u9-1-9 {
    top: 41%;
    left: 27.5%;
}
#u9-1-10 {
    top: 44%;
    left: 52%;
}
#u9-1-11 {
    
}
#u9-1-12 {
    top: 44%;
    left: 20%;
}

/* U9-2 */
#u9-2-1 {
    top: 40%;
    left: 52%;
}
#u9-2-2 {

}
#u9-2-3 {
    top: 23%;
    left: 51.5%;
}
#u9-2-4 {
    top: 25%;
    left: 39%;
}
#u9-2-5 {
    top: 25%;
    left: 34.5%;
}
#u9-2-6 {

}
#u9-2-7 {
    top: 38%;
    left: 18%;
}
#u9-2-8 {
    
}
#u9-2-9 {
    top: 23%;
    left: 24.5%;
}
#u9-2-10 {
    top: 40%;
    left: 43%;
}
#u9-2-11 {
    top: 25%;
    left: 29.5%;
}
#u9-2-12 {
    top: 39%;
    left: 26%;
}
#u9-2-13 {
    top: 22%;
    left: 23.5%;
}

/* U11-1 */
#u11-1-1 {
    top: 20%;
    left: 22%;
}
#u11-1-2 {
    top: 40%;
    left: 25.5%;
}
#u11-1-3 {
    top: 18%;
    left: 41.5%;
}
#u11-1-4 {
    top: 39%;
    left: 48.5%;
}
#u11-1-5 {
    top: 39%;
    left: 40.5%;
}
#u11-1-6 {
    top: 39%;
    left: 33.5%;
}
#u11-1-7 {

}
#u11-1-8 {
    top: 18%;
    left: 31%;
}
#u11-1-9 {
    top: 19%;
    left: 26.5%;
}
#u11-1-10 {
    top: 18%;
    left: 46%;
}
#u11-1-11 {
    top: 15%;
    left: 36%;
}
#u11-1-12 {
    top: 38%;
    left: 17.5%;
}

/* U11-2 */
#u11-2-1 {
    top: 20%;
    left: 26.5%;
}
#u11-2-2 {
    top: 40%;
    left: 38%;
}
#u11-2-3 {
    top: 18%;
    left: 22%;
}
#u11-2-4 {
    top: 17%;
    left: 41%;
}
#u11-2-5 {
    top: 40%;
    left: 13%;
}
#u11-2-6 {
    top: 41%;
    left: 55%;
}
#u11-2-7 {
    top: 40%;
    left: 30%;
}
#u11-2-8 {
    top: 18%;
    left: 31%;
}
#u11-2-9 {
    top: 39%;
    left: 46.5%;
}
#u11-2-10 {
    top: 12%;
    left: 36%;
}
#u11-2-11 {
    top: 18%;
    left: 50%;
}
#u11-2-12 {
    top: 37%;
    left: 22%;
}
#u11-2-13 {
    top: 19%;
    left: 45.5%;
}

/* U11-3 */
#u11-3-1 {
    top: 17%;
    left: 41.5%;
}
#u11-3-2 {

}
#u11-3-3 {
    top: 18%;
    left: 26%;
}
#u11-3-4 {
    top: 41%;
    left: 18%;
}
#u11-3-5 {
}
#u11-3-6 {

}
#u11-3-7 {
    top: 39%;
    left: 51.5%;;
}
#u11-3-8 {
    top: 17%;
    left: 31%;
}
#u11-3-9 {
    top: 40%;
    left: 43%;
}
#u11-3-10 {
    top: 19%;
    left: 46.5%;
}
#u11-3-11 {
    top: 40%;
    left: 27%;
}
#u11-3-12 {
    top: 41%;
    left: 35%;
}

/* U13-1 */
#u13-1-1 {
    top: 9%;
    left: 30%;
}
#u13-1-2 {
    top: 9%;
    left: 48%;
}
#u13-1-3 {
    top: 10%;
    left: 25%;
}
#u13-1-4 {
    top: 11%;
    left: 19.5%;
}
#u13-1-5 {
    top: 36%;
    left: 30%;
}
#u13-1-6 {
    top: 6%;
    left: 41.5%;
}
#u13-1-7 {
    top: 40%;
    left: 54.5%;
}
#u13-1-8 {
    top: 36%;
    left: 13.5%;
}
#u13-1-9 {
    top: 37%;
    left: 46%;
}
#u13-1-10 {
    top: 38%;
    left: 22%;
}
#u13-1-11 {
    top: 3%;
    left: 35.3%;
}
#u13-1-12 {
    top: 38%;
    left: 37.5%;
}

/* U13-2 */
#u13-2-1 {

}
#u13-2-2 {
    top: 38%;
    left: 30%;
}
#u13-2-3 {
    top: 39%;
    left: 39%;
}
#u13-2-4 {
    top: 15%;
    left: 25%;
}
#u13-2-5 {
    top: 15%;
    left: 44.5%;
}
#u13-2-6 {

}
#u13-2-7 {
    top: 38%;
    left: 47%;
}
#u13-2-8 {
    top: 11%;
    left: 38%;
}
#u13-2-9 {

}
#u13-2-10 {
    top: 13%;
    left: 31.5%;
}
#u13-2-11 {
    top: 39%;
    left: 21.8%;
}

/* U13-3 */
#u13-3-1 {
    top: 39%;
    left: 43%;
}
#u13-3-2 {
    top: 38%;
    left: 35%;
}
#u13-3-3 {
    top: 38%;
    left: 19%;
}
#u13-3-4 {
    top: 38%;
    left: 27%;
}
#u13-3-5 {
    top: 14%;
    left: 45.5%;
}
#u13-3-6 {
    top: 16%;
    left: 23.5%;
}
#u13-3-7 {
    top: 11%;
    left: 35%;

}
#u13-3-8 {
    top: 38%;
    left: 51.5%;
}
#u13-3-9 {
    top: 16%;
    left: 51.3%;
}
#u13-3-10 {
    top: 14%;
    left: 29%;
}
#u13-3-11 {
    top: 14%;
    left: 40%;
}


/* U13-4 */
#u13-4-1 {
    top: 33%;
    left: 46%;
}
#u13-4-2 {
    top: 23%;
    left: 11%;
}
#u13-4-3 {
    top: 31%;
    left: 15.5%;
}
#u13-4-4 {

}
#u13-4-5 {

}
#u13-4-6 {
    top: 31%;
    left: 38%;
}
#u13-4-7 {
    top: 24%;
    left: 15%;
}
#u13-4-8 {
    top: 18%;
    left: 38.5%;
}
#u13-4-9 {
    top: 31%;
    left: 54%;
}
#u13-4-10 {
    top: 24%;
    left: 23.5%;
}
#u13-4-11 {
    top: 34%;
    left: 23%;
}
#u13-4-12 {

}
#u13-4-13 {

}
#u13-4-14 {
    top: 17%;
    left: 33%;
}
#u13-4-15 {

}
#u13-4-16 {
    top: 24%;
    left: 51%;
}
#u13-4-17 {
    top: 20%;
    left: 47%;
}
#u13-4-18 {
    top: 30%;
    left: 31%;
}

/* U13-F */
#u13-F-1 {
    top: 16%;
    left: 26%;
}
#u13-F-2 {
    top: 12%;
    left: 43%;
}
#u13-F-3 {
    top: 13%;
    left: 49%;
}
#u13-F-4 {
    top: 38%;
    left: 25.3%;
}
#u13-F-5 {
    top: 38%;
    left: 50%;
}
#u13-F-6 {
    top: 31%;
    left: 38%;
}
#u13-F-7 {
    top: 38%;
    left: 41.5%;
}
#u13-F-8 {
    top: 12%;
    left: 31%;
}
#u13-F-9 {
    top: 15%;
    left: 20.3%;
}
#u13-F-10 {
    top: 39%;
    left: 17.5%;
}
#u13-F-11 {
    top: 37%;
    left: 58%;
}
#u13-F-12 {
    top: 11%;
    left: 37.5%;
}
#u13-F-13 {

}
#u13-F-14 {
    top: 37%;
    left: 33.3%;
}
#u13-F-15 {

}

/* U17-1 */
#u17-1-1 {
    top: 34%;
    left: 46%;
}
#u17-1-2 {
    top: 35%;
    left: 30%;
}
#u17-1-3 {

}
#u17-1-4 {

}
#u17-1-5 {

}
#u17-1-6 {
    top: 31%;
    left: 22%;
}
#u17-1-7 {
    top: 9%;
    left: 20.5%;
}
#u17-1-8 {
    top: 8%;
    left: 27.5%;
}
#u17-1-9 {
    top: 9%;
    left: 33.5%;
}
#u17-1-10 {

}
#u17-1-11 {

}
#u17-1-12 {
    top: 11%;
    left: 40%;
}

/* U17-2 */
#u17-2-1 {
    top: 15%;
    left: 17.5%;
}
#u17-2-2 {
    top: 26%;
    left: 20%;
}
#u17-2-3 {
    top: 17%;
    left: 54.5%;
}
#u17-2-4 {
    top: 26%;
    left: 14%;
}
#u17-2-5 {
    top: 16%;
    left: 46.5%;
}
#u17-2-6 {
    top: 27%;
    left: 37.5%;
}
#u17-2-7 {
    top: 13%;
    left: 30.5%;
}
#u17-2-8 {
    top: 15%;
    left: 38.5%;
}
#u17-2-9 {
    top: 15%;
    left: 22%;
}
#u17-2-10 {

}
#u17-2-11 {

}
#u17-2-12 {
    top: 18%;
    left: 8.5%;
}
#u17-2-13 {
    top: 26%;
    left: 43%;
}
#u17-2-14 {
    top: 18%;
    left: 13%;
}
#u17-2-15 {
    top: 13%;
    left: 34.5%;
}
#u17-2-16 {
    top: 26%;
    left: 25.5%;
}
#u17-2-17 {

}
#u17-2-18 {
 
}
#u17-2-19 {
    top: 17%;
    left: 42.5%;
}
#u17-2-20 {
    top: 15%;
    left: 26%;
}
#u17-2-21 {

}
#u17-2-22 {

}

/* U20-1 */
#u20-1-1 {
    top: 32%;
    left: 25.5%;
}
#u20-1-2 {

}
#u20-1-3 {
    top: 13%;
    left: 27%;
}
#u20-1-4 {
    top: 34%;
    left: 49%;
}
#u20-1-5 {
    top: 36%;
    left: 41%;
}
#u20-1-6 {
    top: 32%;
    left: 33.5%;
}
#u20-1-7 {
    top: 13%;
    left: 45.5%;
}
#u20-1-8 {
    top: 34%;
    left: 18%;
}
#u20-1-9 {
    top: 9%;
    left: 33.5%;
}
#u20-1-10 {
    top: 9%;
    left: 33.5%;
}
#u20-1-11 {

}
/* U20-2 */
#u20-2-1 {
    top: 12%;
    left: 49.5%;
}
#u20-2-2 {
    top: 12%;
    left: 30.3%;
}
#u20-2-3 {

}
#u20-2-4 {
    top: 34%;
    left: 23.5%;
}
#u20-2-5 {
    top: 34%;
    left: 53.5%;
}
#u20-2-6 {
    top: 33%;
    left: 45.8%;
}
#u20-2-7 {
    top: 32%;
    left: 38%;
}
#u20-2-8 {

}
#u20-2-9 {

}
#u20-2-10 {

}
#u20-2-11 {
    top: 33%;
    left: 16%;
}
#u20-2-12 {
    top: 8%;
    left: 37%;
}

/* Seniors-2 */
#seniors-2-1 {
    top: 31%;
    left: 45.8%;
}
#seniors-2-2 {
    top: 33%;
    left: 30.5%;
}
#seniors-2-3 {
    top: 13%;
    left: 26.5%;
}
#seniors-2-4 {

}
#seniors-2-5 {
    top: 34%;
    left: 53%;
}
#seniors-2-6 {
    top: 11%;
    left: 33.8%;
}
#seniors-2-7 {

}
#seniors-2-8 {
    top: 15%;
    left: 54%;;
}
#seniors-2-9 {
    top: 13%;
    left: 47.5%;
}
#seniors-2-10 {
    top: 14%;
    left: 19%;
}
#seniors-2-11 {
    top: 34%;
    left: 23.5%;
}
#seniors-2-12 {
    top: 32%;
    left: 16.5%;
}
#seniors-2-13 {

}
#seniors-2-14 {
    top: 13%;
    left: 40.5%;
}
#seniors-2-15 {
    top: 34%;
    left: 38.5%;
}

/* Seniors-3 */
#seniors-3-1 {
    top: 33%;
    left: 29.5%;
}
#seniors-3-2 {

}
#seniors-3-3 {

}
#seniors-3-4 {
    top: 34%;
    left: 37%;
}
#seniors-3-5 {

}
#seniors-3-6 {

}
#seniors-3-7 {

}
#seniors-3-8 {

}
#seniors-3-9 {
    top: 12%;
    left: 33%;
}
#seniors-3-10 {
    top: 12%;
    left: 25.5%;
}
#seniors-3-11 {
    top: 32%;
    left: 22.5%;
}
#seniors-3-12 {
    top: 12%;
    left: 40%;
}
#seniors-3-13 {

}
#seniors-3-14 {
    top: 30%;
    left: 44.5%;
}

/*--------------------------------------------------------------
7.11 Page video
--------------------------------------------------------------*/

.emd-embed-responsive {
    padding-top: 0 !important;
}
div.emd-container .carousel-inner .item.active iframe {
    border: none!important;
    border-radius: 0!important;
    background-color: #fff!important;
    padding: 0 !important;
}
div.emd-container .panel, div.emd-container .thumbnail {
    border-radius: 0!important; 
}

/*--------------------------------------------------------------
7.12 Page actualités
--------------------------------------------------------------*/

#sidebar_article_content > div {
    margin-left: 10px;
}
/*********************************************************************************************/
/***********************************A LA UNE**************************************************/
/*********************************************************************************************/
#une{
    background: linear-gradient(90deg, #094c19, #197937);
}
#une #front-page-news-left{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}
#une #front-page-news-left h2{
    color: #fff
}
#une #common-article{
    width: 100%;
}

/*#une #front-page-news-left::before{
  content: url("../img/animation/new/Titre2-blanc-haut_animated.svg");
}
#une #front-page-news-left::after{
  content: url("../img/animation/new/Titre2-blanc-bas_animated.svg");
}
#une #front-page-news-left h2::after{
  content: url("../img/animation/new/Titre1-blanc-bas_animated.svg");
}*/
#une{
    position: relative;
}
#une #front-page-news-left::before{
    position: absolute;
    width: 100px;
    top: 40px;
    left: calc(50% - 50px);
}
#une #front-page-news-left::after{
    position: absolute;
    width: 200px;
    top: 120px;
    left: calc(50% - 100px);
}
#une #front-page-news-left h2::after{
    position: absolute;
    width: 100px;
    top: 106px;
    left: calc(50% - 50px);
}
#une h2{
    margin-bottom: 60px;
}
#une #common-article{
    width: 1060px;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 100%;
    margin-bottom: -150px;
    overflow: hidden;
    padding-bottom: 10px;
    position: relative;
}
#une #common-article > div > div{
    height: 361px!important;
}
@media only screen and (max-width: 1280px) {
    #une #common-article{
        width: 704px;
    }
}
@media only screen and (max-width: 800px) {
    #une #common-article{
        /* width: 352px; */
        width: 90%;
        flex-direction: row!important;
    }
}

@media only screen and (max-width: 650px) {
    #une #common-article {
        -ms-flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
    }
    .common-article-after, .common-article-before {display: none !important;}
}

.common-article-container{
    transition: 1s;
}
#une > .wrap {
    position: relative;
}
#une > .wrap > span {
    display: block;
    width: 50px;
    height: 100px;
    position: absolute;
    top: 55%;
    left: 0;
    cursor: pointer;
    z-index: 500;
    display: none;
}
#une > .wrap > span:last-child {
    left: auto;
    right: 0;
}
#une > .wrap > span:last-child:before {
    content: "\f105";
    font-family: "FontAwesome";
    position: absolute;
    right: 14px;
    top: 2%;
    font-size: 60px;
    color: white;
}
#une > .wrap > span:nth-child(3):after {
    content: "\f104";
    font-family: "FontAwesome";
    position: absolute;
    left: 14px;
    top: 2%;
    font-size: 60px;
    color: white;
}

/*********************************************************************************************/
/***********************************TOUTE L'ACTU**********************************************/
/*********************************************************************************************/

#nav-actualite{
    padding-top: 200px;
}
#nav-actualite .main-title h1{
    display: block;
    text-align: center;
    width: auto;
    margin: auto;
    color: #1b7838;
}
/*#nav-actualite .main-title::before{
  content: url("../img/animation/new/Titre2-bas_animated.svg");
}
#nav-actualite .main-title::after{
  content: url("../img/animation/new/Titre2-bas_animated.svg");

}
#nav-actualite .main-title h1:before{
  content: url("../img/animation/new/Titre1-bas_animated.svg");
}
#nav-actualite .main-title h1:after{
  content: url("../img/animation/new/Titre2-haut_animated.svg");
}*/

#nav-actualite .main-title {
    position: relative;
}
#nav-actualite .main-title::before{
    position: absolute;
    top: -16px;
    width: 150px!important;
    left: calc(50% - 180px);
}
#nav-actualite .main-title::after{
    position: absolute;
    top: -11px;
    width: 150px!important;
    right: calc(50% - 180px);
    transform: rotate(180deg);
}
#nav-actualite .main-title h1:before{
    position: absolute;
    top: -30px;
    width: 100px!important;
    right: calc(50% - 50px);
    transform: rotate(180deg);
}
#nav-actualite .main-title h1:after{
    position: absolute;
    bottom: -40px;
    width: 100px!important;
    right: calc(50% - 50px);
    transform: rotate(180deg);
}
#nav-actualite>.wrap>.wrap {
    width: 100%;
    padding: 0;
    margin: 0
}
#nav-actualite #primary{
    padding: 0!important;
}
#nav-actualite #primary main{
    width: 100%;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
#nav-actualite .common-article-container {
    width: 332px;
    height: 375px;
}
#nav-actualite .common-article-container img{
    width: 100%
}
#nav-actualite .common-article-img-container{
    height: 157px;
    width: 100%;
}
#nav-actualite .common-article-img-container::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    border-left: 375px solid transparent;
    border-bottom: 50px solid #ffffff;
}

/**********************************************************************************************/
/*************************************POLYGONE*************************************************/
/**********************************************************************************************/
#actualite .svgContainerPoint{
    position: relative;
}
/*-- page media photos --*/
/*-- soliloquy-container --*/
.soliloquy-container {
    margin: auto!important;
    margin-bottom: 75px!important;
}
/*-- page media videos --*/
#uneSingleVideos .common-video{
    padding: 0;
}
#uneSingleVideos .common-video::after{
    display: none;
}
#uneSingleVideos .common-video::before{
    top: -40px;
}
#video_wrap{
    position: relative;
    padding-bottom: 20px;
}
#video_wrap iframe{
    border: none!important;
}
#video_wrap a {
    position: absolute;
    left: 5px;
    bottom: 7px;
    background: #555;
    border-radius: 5px;
    padding: 5px;
    /*opacity: 0;*/
    transition: .5s;
    color: #fff;
}
#video_wrap:hover a {
    opacity: 1;
}
#video_wrap a:hover {
    background: #444;
}
@media (max-width: 800px) {
    #single_videos iframe {
        max-height: 60vw;
    }
}

.footer-content-img-wrap {
    display: flex;
    gap: 20px;
}

.footer-content-img-width {
    width: 105px !important;
}