/* CSS Document */

/*font-family: 'Roboto', sans-serif;*/
/*font-family: 'Open Sans', sans-serif;*/

@font-face {
    font-family: 'big_noodle_titling';
    src: url('fonts/big_noodle_titling.eot');
    src: url('fonts/big_noodle_titling.eot') format('embedded-opentype'),
        url('fonts/big_noodle_titling.woff2') format('woff2'),
        url('fonts/big_noodle_titling.woff') format('woff'),
        url('fonts/big_noodle_titling.ttf') format('truetype'),
        url('fonts/big_noodle_titling.svg#big_noodle_titling') format('svg');
}



/*///////////////////////////////////////*/
/* ///// PAGE TEMPORAIRE ////////////// */
/*/////////////////////////////////////*/

#block-conferencepresse{
    /*width: 50%; */
    text-align: center;
    padding-top: 64px;
    /* float: left; */
    min-height: 430px;
    position: relative;
    z-index: 1000;
}
#block-conferencepresse iframe{
    min-height: 315px;
}

#block-conferencepresse h2{
    font-family: 'Viga', sans-serif;
    font-size: 36px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
    line-height: 22px;
    margin-top: 20px;
    margin-bottom: 40px;
}

/*///////////////////////////////////////*/
/* ///// PAGE TEMPORAIRE ////////////// */
/*/////////////////////////////////////*/

.loader {
    position : fixed;
    z-index: 9999;
    background : #22325c;
    top : 0px;
    left : 0px;
    height : 100%;
    width : 100%;
    cursor : wait;
}

#animation-logo {
    position: absolute;
    left: 50%;
    margin-left: -101px;
    top: 320px;
    width: 250px;
    height: 275px;
}

#animation-logo img {
    position: absolute;
    top: 0;
    left: 0;
}

body.stop-scrolling {
    overflow: hidden;
}

#logo-light {
    opacity: 0.3;
}

#logo-colors {
    /*opacity: 0;*/
    transition: all 1500ms ease-in-out;
}

#logo-colors.show {
    opacity: 1;
}

.spinner1 {
    top: 515px !important;
    left: 50% !important;
    margin-left: -18px !important;
}

#bg-move {
    transition: all 1500ms ease-in-out;
}

#bg-move.move {
    transform: translateY(400px);
}

#custom-loader {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 10000;
    background: #22325c;
}

#mise-en-avant {
    position: relative;
    height: 920px;
    min-height: 850px;
    background: #1a3967;
    background-attachment: fixed;
    background-size: cover;
    margin-bottom: 50px;
    overflow: hidden;
}

#mise-en-avant .wrapper {
    display: flex;
    justify-content: center;
}
.mise-en-avant-bg-1 {
    background: url('../images/interface/banniere-equipe.jpg') no-repeat top center;
}
.mise-en-avant-bg-2 {
    background: url('../images/interface/banniere-2.jpg') no-repeat center right;
}
.mise-en-avant-bg-3 {
    background: url('../images/interface/banniere-3.jpg') no-repeat center right;
}
.mise-en-avant-bg {
    position: absolute;
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
}

#mise-en-avant .raquette {
    position: absolute;
    z-index: 10;
    width: 2500px;
    height: 3116px;
    max-width: inherit;
    right: -1500px;
    top: -2000px;
    background: url(../images/interface/raquette.svg) no-repeat center center;
    background-size: cover;
    clip: auto;
    overflow: hidden;
    /*-webkit-transition: all 10s ease-in-out;*/
    /*-moz-transition: all 10s ease-in-out;*/
    /*-ms-transition: all 10s ease-in-out;*/
    /*-o-transition: all 10s ease-in-out;*/
    /*transition: all 10s ease-in-out;*/
}

#mise-en-avant .raquette.move {
    right: 0;
    transform: rotate(-40deg) scale(1.2);
}

#construction {
    text-align: center;
    padding-top: 320px;
    position: absolute;
    z-index:100;
}

#construction img {
    max-width: 250px;
}

#construction .logo {
    position: absolute;
    z-index: 10;
    top: 50px;
    left: 50%;
    margin-left: -112px;
    max-width: 225px;
    display: none;
}
#construction .logo-1 {
    display: block;
}
#construction .logo-2 { 
    top: 30px;
    margin-left: -98px;
}

#mise-en-avant #bg-logo {
    position: absolute;
    z-index: 10;
    top: 255px;
    width: 480px;
    height: auto;
    background: url(../images/interface/etoiles-light-new.png) no-repeat top center;
    opacity: 0;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -ms-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;
}

#mise-en-avant #bg-logo.show {
    opacity: 1;
}

#mise-en-avant #bg-logo img {
    width: 100%;
    max-height: none;
}

#construction h2 {
    font-family: 'Roboto', sans-serif;
    color: #ffffff;
    text-shadow: 4px 4px #1b1533;
    font-size: 36px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 25px;
    margin-top: -20px;
}

#construction h2 img {
    max-height: 90px;
    margin-left: 30px;
    margin-bottom: -30px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

#construction h2 img:hover {
    transform: rotate(10deg) scale(1.2);
}

#construction p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 25px;
    margin-top: 30px;
}

#construction div {
    display: flex;
    justify-content: center;
}

#construction div img {
    max-height: 110px;
    width: auto;
    margin: 0 30px;
}


#abonnement {
    display: block;
    position: absolute;
    bottom: 60px;
    height: 120px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
}

#abonnement .wrapper-small.show {
    transform: translateX(0);
}

#abonnement .wrapper-small {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    margin-top: -34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    transform: translateX(-3000px);
}

#abonnement #vibrez {
    margin-top: -67px;
    margin-left: -139px;
}

#liens-facebook {
    width: 290px;
    display: flex;
    justify-content: space-between;
}

#abonnement #abo-btn {
    color: #fff;
    font-weight: 900;
    font-style: italic;
    background: #171831;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
    padding: 10px 50px 8px 50px;
    border-radius: 5px;
    border-bottom: solid 3px #8384a7;
    margin-left: 88px;
    white-space: nowrap;
}

#abonnement #abo-btn:hover {
    background: #8384a7;
    border-bottom: solid 3px #171831;
}

/*INFO FLASH ACCUEIL*/
#block-infoflashaccueil {
    width: 95%;
    max-width: 900px;
    margin: 30px auto;
    text-align: center;
    margin-top: 40px;
}

#block-infoflashaccueil p {
    margin-bottom: 15px;
    line-height: 20px;
}

#block-infoflashaccueil p span {
    font-weight: 700;
    color: #d8131a;
}

#block-infoflashaccueil p span.italix {
    font-style: italic;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

/*FACEBOKO*/
#facebook {
    text-align: center;
    margin-bottom: 50px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
    z-index: 10;
    font-style: italic;
    font-size: 24px;
    color: #171831;
}

#facebook a {
    display: inline-block;
    z-index: 10;
    color: #171831;
}
/*PARTENAIRES*/
/*RED TITLE LEFT*/
.red-title-left {
    display: flex;
}

.red-title-left h2 {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-right: 10px;
    background: #1a3761;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
    padding: 7px 0 7px 12px;
}

.red-title-left h2:after {
    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    right: 6px;
    bottom: 6px;
    background: url(../images/interface/red-arrow-right.png) no-repeat;
}

.red-title-left h2 span {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

.red-title-left div {
    height: 1px;
    background: #d9131a;
    width: 100%;
    margin-top: 55px;
}

.surround {
    display: block;
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

a.rnd-btn.red {
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

a.rnd-btn.red:hover {
    background-color: #a3181d;
    border-radius: 0px;
}

/*RED TITLE RIGHT*/
.red-title-right {
    display: flex;
}

.red-title-right h2 {
    position: relative;
    width: 100%;
    max-width: 400px;
    margin-left: 10px;
    background: #171831;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 20px;
    padding: 7px 12px 7px 0;
    text-align: right;
}

.red-title-right h2:after {
    content: "";
    width: 27px;
    height: 27px;
    position: absolute;
    left: 6px;
    bottom: 6px;
    background: url(../images/interface/red-arrow-left.png) no-repeat;
}

.red-title-right h2 span {
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
}

.red-title-right div {
    height: 1px;
    background: #d9131a;
    width: 100%;
    margin-top: 55px;
}

#partenaires-majeurs .partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 70px 0;
    max-width: 1000px;
    margin: 0 auto;
}

#partenaires-medias .partenaires {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 70px 0;
    max-width: 1000px;
    margin: 0 auto;
}

.partenaires a {
    width: 21%;
    margin-bottom: 60px;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
}

#liens-facebook a {
    display: block;
    transform: translateY(-1500px);
}

#liens-facebook a.visible {
    transform: translateY(0);
}

#partenaires-majeurs a img {
    max-height: 85px;
    max-width: 150px;
}

#partenaires-medias a img {
    max-height: 100px;
    max-width: 180px;
}

.partenaires a:hover, #liens-facebook a:hover {
    transform: rotate(10deg) scale(1.2);
}


/*INFOS LIVE HOME*/
#live-home-container {
    margin-top: -20px;
    min-height: 150px;
    margin-bottom: 50px;
}
#live-home-container > div {
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: center;
    width: 80%;
    left: 10%;
}
#live-home-container > div a {
    width: 100%;
    max-width: 900px;
    text-decoration: none;
}
#info-live-home {
    background: #f4f4f4;
    border: solid 5px #f4f4f4;
    padding: 10px 15px 20px 15px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-around;
    transition: 0.2s;
    z-index: 10;
    position: relative;
    text-decoration: none;
    border-bottom: 0;
}


#info-live-home:hover {
    background: #f4f4f4;
}

#info-live-home .titre {
    width: 100%;
    text-align: center;
}

#info-live-home .equipes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 300px;
}

#info-live-home .titre h3 {
    text-transform: uppercase;
    font-family: 'Roboto',sans-serif;
    font-size: 32px;
    color: #d8131a;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 5px;
}

#info-live-home .titre p {
    color: #23325d;
    line-height:18px;
}
#info-live-home  p {
    color: #23325d;
    line-height: 15px;
    font-size: 16px;
}

#info-live-home.now {
    background-color: #22325c;
}
#info-live-home.now .titre h3 {
    color: #fff;

}
#info-live-home.now  p {
    color: #fff;
}

#info-live-home .equipes .equipe {
    display: flex;
    justify-content: center;
    text-align: center;
}

#info-live-home .equipes .equipe img {
    max-height: 75px;
    width: auto;
}

#info-live-home .equipes span {
    font-family: 'Roboto',sans-serif;
    font-size: 60px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
    margin-left: 15px;
    margin-right: 15px;
}

/*///////////////////////////////////////*/
/* //////////////////////////////////// */
/*/////////////////////////////////////*/


/*---masquage admin menu---*/
#toolbar-administration {
    display: none;
}

body.toolbar-tray-open.toolbar-vertical.toolbar-fixed {
    margin-left: 0;
}

body,
.adminimal-admin-toolbar.toolbar-fixed.toolbar-vertical {
    padding: 0 !important;
}

body {
    height: auto !important;
}

/*---fin masquage admin menu---*/

/*///////////////////////////////////////*/
/* ///// Mise en page paragraphes ///// */
/*/////////////////////////////////////*/

.paragraphes {
    padding-bottom: 70px;
}
.page-node-169 .paragraphes {
    padding-bottom: 0px;
}

.para-photo-img {
    display: flex;
    align-items: center;
    justify-content: center;
}

/*photo à droite*/
.pos-photo-3 .para-photos {
    float: right;
    max-width: 40%;
    margin: 20px 0 20px 2%;
}

/*photo à gauche*/
.pos-photo-4 .para-photos {
    float: left;
    max-width: 40%;
    margin: 20px 2% 20px 0;
}

/*photo en haut et en bas*/
.pos-photo-1 .para-photos,
.pos-photo-2 .para-photos {
    display: flex;
    flex-wrap: wrap;
}

.pos-photo-1 .para-photos:after,
.pos-photo-2 .para-photos:after {
    content: '';
    clear: both;
}

.pos-photo-1.nb-photos-1 .para-photos .para-photo,
.pos-photo-2.nb-photos-1 .para-photos .para-photo {
    max-width: 50%;
    margin: 15px auto 0;
}

.pos-photo-1.nb-photos-2 .para-photos .para-photo,
.pos-photo-2.nb-photos-2 .para-photos .para-photo {
    float: left;
    width: 47%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-3 .para-photos .para-photo,
.pos-photo-2.nb-photos-3 .para-photos .para-photo {
    float: left;
    width: 30%;
    margin: 0 1.5%;
}

.pos-photo-1.nb-photos-4 .para-photos .para-photo,
.pos-photo-2.nb-photos-4 .para-photos .para-photo,
.pos-photo-1.nb-photos-more .para-photos .para-photo,
.pos-photo-2.nb-photos-more .para-photos .para-photo {
    margin: 0 20px 20px 0;
}


.pos-photo-1.nb-photos-more .para-photos .para-photo:nth-child(4n+1),
.pos-photo-2.nb-photos-more .para-photos .para-photo:nth-child(4n+1) {
    clear: both;
}

img[data-align="center"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img[data-align="right"] {
    float: right;
}

img[data-align="left"] {
    float: left;
}

.paragraphes table tr td {
    padding: 10px;
    border: 1px solid #eee;
}

.paragraphes table {
    margin-bottom: 30px;
    width: 50%;
}

.paragraphes ul li {
    padding-left: 15px;
    font-size: 17px;
    color: #484848;
    line-height: 28px;
}

.paragraphes ul li:before {
    content: '• ';
    color: #22325c;
}

.paragraphes ul li ul li:before {
    content: '• ';
    color: #a8b7dc;
}

/* Fin paragraphes */

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

body p {
    font-size: 17px;
    color: #484848;
    line-height: 28px;
}

body a {
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    color: #d9131a;
    text-decoration: none;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

#scroll-element-1 {
    content: "";
    width: 201px;
    height: 545px;
    position: fixed;
    background: url('../images/interface/scroll-element-1.png') no-repeat center;
    z-index: -1;
    left: 5%;
}

#scroll-element-2 {
    content: "";
    width: 248px;
    height: 194px;
    position: fixed;
    background: url('../images/interface/scroll-element-2.png') no-repeat center;
    z-index: -1;
    right: 5%;
}

/*--- HEADER ---*/
header{
    position: fixed;
    width: 100%;
    height: 65px;
    top: 0;
    left: 0;
    background-color: rgba(34, 46, 79, 1);
    z-index: 1000;
}
header .block-logoheader{
    float: left;
    display: flex;
    align-items: center;
    padding-left: 16px;
    padding-top: 20px;
}

header .block-logoheader img {

}

header .block-reseauxheader {
    float: right;
    width: auto;
    height: 65px;
    display: flex;
    align-items: center;
    padding: 0 12px;
}

header .block-reseauxheader a,
#block-footerdescription .reseaux-footer a {
    margin: 0 7px;
    color: #fff;
    text-decoration: none;
    text-align: left;
}

header .block-reseauxheader a:hover,
#block-footerdescription .reseaux-footer a:hover {
    transform: rotate(10deg) scale(1.2);
}

header .block-reseauxheader a .fa,
#block-footerdescription .reseaux-footer a .fa {
    width: 25px;
    height: 25px;
    border-radius: 5px;
}
header .block-reseauxheader a.facebook .fa,
#block-footerdescription .reseaux-footer a.facebook .fa {
    /*background: #38599a;*/
    padding-top: 4px;
    padding-left: 5px;
    font-size: 18px;
}

header .block-reseauxheader a.twitter .fa,
#block-footerdescription .reseaux-footer a.twitter .fa {
    /*background: #54aeef;*/
    padding-top: 4px;
    padding-left: 4px;
    font-size: 18px;
}

header .block-reseauxheader a.youtube .fa,
#block-footerdescription .reseaux-footer a.youtube .fa {
    /* background: #ce1a19;*/
    padding-top: 4px;
    padding-left: 3px;
    font-size: 18px;
}

header .block-reseauxheader a.instagram .fa,
#block-footerdescription .reseaux-footer a.instagram .fa {
    /*background: #e53e5f;*/
    padding-top: 3px;
    padding-left: 4px;
    font-size: 19px;
}
header .block-reseauxheader a.linkedin .fa,
#block-footerdescription .reseaux-footer a.linkedin .fa {
    /*background: #e53e5f;*/
    padding-top: 3px;
    padding-left: 4px;
    font-size: 19px;
}

header .block-superfish {
    float: right;
    width: auto;
}
header .block-reseauxheader a.billetterie {
    display: inline-block;
    background-color: #cd191c;
    text-align: center;
    text-decoration: none;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}
header .block-reseauxheader a.billetterie:hover {
    transform:none;
	background-color: rgb(204,168,89,1);
}

header .block-superfish a.billetterie {
    display: inline-block;
    background-color: #cd191c;
    text-align: center;
    text-decoration: none;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    height: inherit;
}
#para-tarifs-des-matchs .para-desc a{
	display: inline-block;
    background-color: #cd191c;
    text-align: center;
    text-decoration: none;
    padding: 2px 31px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    height: inherit;
}
#para-tarifs-des-matchs .para-desc a:hover{
	background-color: rgb(204,168,89);
}
#superfish-main ul {
    top: 65px;
    min-width: 250px;
}

#superfish-main ul li {
    background-color: rgba(23, 24, 49, 0.9);
    border-bottom: solid 1px grey;
}

#superfish-main ul li:last-of-type {
    border-bottom: none;
}

header .block-superfish ul li a .menu-home{
    width: 18px;
}
header .block-superfish ul li a .menu-home::before{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -9px;
    content: '';
    display: block;
    width: 18px;
    height: 65px;
    background-image: url('../images/interface/menu-home.svg');
    background-repeat: no-repeat;
    background-position: center;
}

/*--- HOMEPAGE ---*/

/* Underline From Center */





/*--- CONTENT ---*/

main {
    clear: both;
}

main .slider-content{
    height: 800px;
	background-image: url('../images/interface/bgslider.jpg');
    background-color: #2d3754;
	background-position: center 4px;
}
main .slider-content .swiper-slide {
    height: 800px;
    background-repeat: no-repeat;
    background-position: center;
   /* background-size: cover;*/
}
main .slider-content .swiper-slide#slide-video {
    /*    display: flex;
        align-items: center;
        padding-top: 85px;
        overflow: hidden;*/
}
main .slider-content .swiper-slide .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
main .slider-content .swiper-slide .bloc-content{
	height: 800px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	  justify-content: center;
	text-align: center;
    padding-bottom: 70px;
	margin-top: 60px;
    /*position: relative;
    float: right;
    
    margin-right: 0px;
    padding: 0 70px;
    width: 450px;
    max-width: 100%;
	display: none;*/
}
main .slider-content .swiper-slide .bloc-content .imgSlide{
	    height: 490px;
    background-repeat: no-repeat;
    background-position: center;
}
main .slider-content .swiper-slide .bloc-content::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  /*  background-color: rgba(24, 39, 67, 0.86);*/
    -webkit-transform: skew(-5deg);
    -moz-transform: skew(-5deg);
    -o-transform: skew(-5deg);
    transform: skew(-5deg);
}
main .slider-content .swiper-slide .bloc-content > div{
    position: relative;
}
main .slider-content .swiper-slide .bloc-content .blockTitre{
    transform: rotate(-5deg);
}
main .slider-content .swiper-slide .bloc-content .titre{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: #ffffff;
    font-weight: 900;
    text-transform: uppercase;
    font-style: normal;
    /*border: 2px solid rgb(204,168,89,1);*/
    background-color: #d8131a;
    padding: 8px;
    text-align: center;
    -webkit-transform:skew(-5deg);
    -moz-transform:skew(-5deg);
    -o-transform:skew(-5deg);
    tranform:skew(-5deg);
	    display: inline-block;
	padding: 7px 40px;

}
main .slider-content .swiper-slide .bloc-content .titre div{
    -webkit-transform:skew(+5deg);
    -moz-transform:skew(+5deg);
    -o-transform:skew(+5deg);
    tranform:skew(+5deg);
}
main .slider-content .swiper-slide .bloc-content .titre::after{
    /*	content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 74px 74px;
        border-color: transparent transparent #d9131a;
        transition: 250ms ease-in-out all;*/
}
main .slider-content .swiper-slide .bloc-content .description p{
    font-size: 17px;
    color: #ffffff;
    font-weight: 400;
    margin: 0px 0 20px 0;
    line-height: 22px;
}
main .slider-content .swiper-slide .bloc-content .lien a{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    padding: 8px 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

main .slider-content .swiper-slide .bloc-content .lien a:hover {
    background-color: rgb(204,168,89);
    border-radius: 0px;
}
main .slider-content .swiper-pagination{
    position: absolute;
    top: -90px;
    right: 285px;
    z-index: 99;
}
main .slider-content .swiper-pagination .swiper-pagination-bullet{
    width: 18px;
    height: 18px;
    background-color: #fff;
    border: 3px solid #fff;
    opacity: 1;
    margin-left: 8px;
}
main .slider-content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #22325c;
}

.layout-content{
    /*  background-image: url('../images/interface/bg-home.png');*/
    background-repeat: no-repeat;
    background-position: 50% 0px;
}

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

#reduce-calendrier {
    display: none;
}

#reduce-calendrier,
#expand-calendrier {
    text-align: center;
    margin-bottom: 10px;
}

#reduce-calendrier span,
#expand-calendrier span {
    cursor: pointer;
    font-weight: 700;
    color: #22325c;
    transition: 0.2s;
    text-transform: uppercase;
}

#reduce-calendrier span:hover,
#expand-calendrier span:hover {
    color: #d9131a;
}

/*///////////////////////////////////////*/
/* ///// TITRE DE PAGE //////////////// */
/*/////////////////////////////////////*/

#block-cep-lorient-theme-page-title {
    overflow: hidden;
}

.block-titre {
    min-height: 285px;
    background: url(../images/interface/bg-joueur.jpg) no-repeat center  -15px;
    background-size: cover;
}

/*TITRE PAGE MATCH*/
.block-titre.match .wrapper {
    min-height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.block-titre.match .wrapper h1 {
    font-size: 28px;
    font-weight: 900;
    color: #fff;
    font-style: italic;
    margin-bottom: 3px;
    text-transform: uppercase;
    line-height: 36px;
}

.block-titre.match .wrapper h2 {
    font-size: 28px;
    font-weight: 900;
    color: #a8b7dc;
    font-style: italic;
    margin-bottom: 3px;
    text-transform: uppercase;
    line-height: 36px;
}

.block-titre.match .wrapper h1 span {
    color: #b3b3b3;
}

#score-title {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #efefef;
    border: solid 15px #fff;
    width: 95%;
    max-width: 550px;
    margin-top: 40px;
}

#score-title h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-shadow: 2px 2px #a8b7dc;
}

#score-title.sticky-desktop {
    position: fixed;
    top: 25px;
    left: 0;
    width: 100%;
    justify-content: center;
    max-width: 100%;
    border: none;
    z-index: 100;
    transform: translateY(-200px);
}

#score-title.sticky-desktop.open {
    transition: 0.2s;
    transform: translateY(0);
}

#score-title.sticky-desktop img {
    max-height: 70px;
    margin-left: 10px;
    margin-right: 10px;
}



/*TITRE PAGE DE CONTENU*/
.block-titre.contenu .wrapper {
    min-height: 280px;
    display: flex;
    align-items: flex-end;
}

.block-titre.contenu .wrapper h1 {
    font-size: 44px;
    font-weight: 900;
    color: #fff;
    width: 100%;
    text-align: left;
    font-style: italic;
    padding-bottom: 10px;
    text-transform: uppercase;
    line-height: 44px;
    max-width: 1200px;
}

/*TITRE PAGE JOUEUR NM1*/
.block-titre .wrapper {
    min-height: 320px;
    /*background: url('../images/interface/bg-joueur.jpg') no-repeat center;*/
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    overflow: hidden;
}

.block-titre .wrapper h1#entete-joueur {
    position: relative;
    width: 95%;
    max-width: 600px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 44px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 3px #111223;
    margin: 0 0 27px 170px;
}

.block-titre.joueur_nm1 .wrapper {
    min-height: 400px;
}

.block-titre .wrapper h1 {
    position: relative;
    width: 95%;
    max-width: 600px;
    font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-size: 44px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 3px #111223;
    margin: 0 0 27px 0px;
}

#entete-joueur .numero-fiche {
    position: absolute;
    font-family: 'big_noodle_titling';
    left: -110px;
    font-weight: 400;
    text-shadow: none;
    font-style: normal;
    font-size: 325px;
    bottom: -70px;
    color: #9f9f9f;
    opacity: 0.26;
}

/*///////////////////////////////////////*/
/* ///// BREADCRUMBS ////////////////// */
/*/////////////////////////////////////*/

#block-breadcrumbs {
    margin-top: 10px;
}

#block-breadcrumbs li a.capitalize {
    text-transform: capitalize;
}

.breadcrumb li:before {
    content: "";
    width: 5px;
    height: 8px;
    position: absolute;
    left: -10px;
    color: #3194cb;
    top: 8px;
    background: url('../images/interface/arrow-breadcrumbs.png') no-repeat center;
}

.breadcrumb li {
    position: relative;
    padding-right: 15px;
}

.breadcrumb li a {
    font-size: 14px;
    color: #5c5c5c;
    text-decoration: none;
}

.breadcrumb li a:hover {
    text-decoration: underline;
}

/*///////////////////////////////////////*/
/* /////// PAGE LIVE de MATCH /////////////////// */
/*/////////////////////////////////////*/

.page-node-type-live .title-content h1{
    margin: 0 auto 180px auto;
    width: inherit;
    text-align: center;
    max-width: inherit;
}
.node--type-live .tabLive{
    width: 45%;
    margin: -135px auto 20px;
    border-top: 14px solid #e6e6e6;
    padding: 20px;
    background-color: #fff;
    height: 150px;
    display: flex;
    border-right: 14px solid #e6e6e6;
    border-left: 14px solid #e6e6e6;
}
.node--type-live .tabLive .logo{
    float: left;
    margin: 6px 0 0 0;
}


.node--type-live .tabLive .team{
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    color: #22325c;
    font-weight: 900;
    display: block;
    float: left;
    flex: 1 1;
    text-align: center;
    margin-top: 35px;
}
.node--type-live .tabLive .score{
    font-family: 'Roboto',sans-serif;
    font-size: 44px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-shadow: 2px 2px #a8b7dc;
    flex: 0.75 0.5 auto;
    text-align: center;
    display: block;
    float: left;
    margin-top: 20px;
}
.node--type-live .video iframe{
    height: -webkit-fill-available;
}
.node--type-live .tabInfo{
    width: 45%;
    margin: -34px auto 20px;
    /* padding: 20px; */
    background-color: #fff;
    /*height: 70px;*/
    border-bottom: 14px solid #e6e6e6;
    border-right: 14px solid #e6e6e6;
    border-left: 14px solid #e6e6e6;
}
.node--type-live .tabInfo a {
    display: block;
    margin-top: 15px;
    padding: 5px;
}

.node--type-live .tabInfo .period{
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    color: #22325c;
    font-weight: 900;
    /* display: block; */
    /* float: left; */
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}

.node--type-live .tabInfo .time{
    font-family: 'Roboto',sans-serif;
    font-size: 20px;
    color: #22325c;
    font-weight: 900;
    /* display: block; */
    /* float: left; */
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
/*///////////////////////////////////////*/
/* ///// FICHE MATCH ////////////////// */
/*/////////////////////////////////////*/

.node--type-match {
    width: 95%;
    max-width: 950px;
    margin: 50px auto 100px auto;
    text-align: justify;
}

.node--type-match .socials-media {
    float: right;
    margin-top: -50px;
}

.node--type-match h2,
.node--type-match h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-shadow: 2px 2px #a8b7dc;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.node--type-match .para-item {
    margin-bottom: 30px;
}

.para-photo-legende {
    margin: 8px 0 15px 0;
    text-align: center;
    color: #d9131a;
    font-weight: 600;
    font-size: 16px;
    text-transform: lowercase;
}

/*Actus associées*/
#block-views-block-actualites-block-page-match h2 {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}
/*- Statistiques Tab -*/

.node--type-match .stats{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}
.node--type-match .stats thead{
    background-color: #1d274d;
    color: #fff;
}
.node--type-match .stats thead.teamName{
    background-color: #d9131a;
}
.node--type-match .stats thead td{
    padding: 20px 10px;
    text-align: center;
}
.node--type-match .stats thead.teamName td{
    padding: 10px 10px;
    text-align: center;
    font-weight: 700;
}
.node--type-match .stats tbody td{
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 10px 0;
    border-bottom: 1px solid #dadada;
}
.node--type-match .stats tbody td.name{
    text-align: left;
    padding: 5px;
}
.node--type-match .stats tbody tr.tot{
    font-weight: 700;
    color: #d9131a;
}
.node--type-match .stats tbody tr.odd{
    background-color: #f1f1f1;

}

/*///////////////////////////////////////*/
/* ///// LISTE DES JOUEURS //////////// */
/*/////////////////////////////////////*/

#block-views-block-historique-page{
    position: relative;
    padding-bottom: 100px;
}
#block-views-block-historique-page .acces-annee{
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    padding: 30px 0 0 20px;
}
#block-views-block-historique-page .acces-annee::before{
    position: absolute;
    top: 0px;
    left: 0px;
    content: '\f050';
    width: 30px;
    height: 30px;
    background-color: #d9131a;
    border-radius: 100%;
    font-family: "FontAwesome";
    font-size: 12px;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
}
#block-views-block-historique-page .acces-annee::after{
    position: absolute;
    top: 24px;
    left: 8px;
    bottom: 0;
    content: '';
    border-left: 2px solid #d9131a;
}
#block-views-block-historique-page .acces-annee .annee{
    padding: 3px 0;
}
#block-views-block-historique-page .acces-annee .annee a{
    color: #22325c;
    font-size: 16px;
    font-weight: 900;
    font-style: italic;
    line-height: 20px;
    text-decoration: none;
}
#block-views-block-historique-page .acces-annee .annee a.active {
    color: #d9131a;
}
#block-views-block-historique-page .histo-list{
    position: relative;
    margin: 80px 0 0 110px;
    border-left: 40px solid #22325c;
}
#block-views-block-historique-page .histo-list::before{
    position: absolute;
    top: -23px;
    left: -40px;
    content: '';
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: -1;
    background: #22325c;
}
#block-views-block-historique-page .histo-list::after{
    position: absolute;
    bottom: -18px;
    left: -40px;
    content: '';
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 18px solid #22325c;
}
#block-views-block-historique-page .histo-list .histo-annee{
    position: relative;
    margin: 0 0 20px 0;
}
#block-views-block-historique-page .histo-list .histo-annee::before{
    position: absolute;
    top: 20px;
    left: -15px;
    content: '';
    width: 31px;
    height: 31px;	
    background: url('../images/interface/menu-home.png') no-repeat center;
    background-color: #22325c;
    border: 5px solid #ffffff;
    border-radius: 100%;
}
#block-views-block-historique-page .histo-list .histo-annee::after{
    position: absolute;
    top: 35px;
    left: 15px;
    width: 18%;
    content: '';
    border-top: 2px solid #d9131a;
}
#block-views-block-historique-page .histo-list .histo-annee .col-annee{
    position: relative;
    float: left;
    width: 20%;
    padding: 18px 20px 0 0;
    text-align: right;
    z-index: 1;
}
#block-views-block-historique-page .histo-list .histo-annee .col-annee .annee{
    display: inline-block;
    background-color: #ffffff;
    padding: 4px 10px;
    color: #003576;
    font-size: 24px;
    font-weight: 900;
    font-style: italic;
    line-height: 28px;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements{
    position: relative;
    float: left;
    width: 70%;
    padding: 0 0 0 10px;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement{
    margin: 10px 0;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement .evt-photo{
    float: left;
    padding: 0 20px 0px 0;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement .evt-photo img{
    display: block;
    border: 1px solid #dde4ec;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement .evt-titre{
    color: #003576;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 8px 0 0 0;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement .evt-desc{
    color: #282828;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    line-height: 20px;
}
#block-views-block-historique-page .histo-list .histo-annee .evenements .evenement .evt-desc p{
    font-size: 16px;
    margin: 0;
}

/*///////////////////////////////////////*/
/* ///// LISTE DES JOUEURS //////////// */
/*/////////////////////////////////////*/

.view-id-joueurs .block-haut {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    z-index: 12;
    position: relative;
    margin-bottom: 25px;
}
.view-id-joueurs .form--inline {
    display:flex;
}

.view-id-joueurs .form--inline .form-select {
    cursor: pointer;
}

.view-id-joueurs .view-filters {
    margin-bottom: 20px;
}

.view-id-joueurs .form--inline .js-form-item {
    display: flex;
    margin-left: 20px;
    align-items: center;
    margin-top: 0;
}

.view-id-joueurs .form--inline .js-form-item .form-required {
    margin-right: 10px;
}

.view-id-joueurs .form--inline .js-form-item .form-required:after {
    display: none;
}

.view-id-joueurs .form--inline .form-actions {
    display: none;
}

.view-id-joueurs,
#block-views-block-copie-de-joueurs-page {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 100px auto;
}

#block-abonnementbilletterie{
	margin-top: 60px;
}


#block-abonnementsaisonpagebilletterie .field--name-body{
	border: 1px solid #22325c;
}
#block-abonnementsaisonpagebilletterie .field--name-body .promo{
	font-size: 23px;
    text-align: center;
    padding: 20px 0;
    color: #cc171a;
    font-weight: bold;
}
#block-views-block-billetterie-block-1 h2,
#block-abonnementsaisonpagebilletterie h2,
#block-views-block-joueurs-page h2,
#block-views-block-copie-de-joueurs-page h2 {
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.view-id-joueurs .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
/*---- Billetterie ----------------*/
#block-views-block-billetterie-block-1 .equipeM{
    display: flex;
    justify-content: center;

}
#block-views-block-billetterie-block-1 .equipeD{
    text-align: center;
    min-height: 170px;
    color: #22325c;
    font-family: 'Roboto';
    font-weight: bold;
    margin: 0 45px;
}
#block-views-block-billetterie-block-1 .equipeD .imgE{
    min-height: 110px;
}
.view-id-billetterie .equipes {
    display: flex;
    justify-content: center;
}
.view-id-billetterie .views-row {
    border: 1px solid #22325c;
	    margin-top: 33px;
}
.view-id-billetterie .views-row .rappel{
    text-align: right;
    color: #f00;
    margin: 0 10px 10px 0;
}
section#shop{
    padding: 0 !important;
}
.view-id-billetterie .views-row .date{
font-family: 'Oswald';
    font-size: 24px;
        color: #fff;
    background-color: #cca859;
    font-weight: 900;
    text-transform: uppercase;
	text-align: center;
	padding: 10px 0;
}
.view-id-billetterie .equipes .equipe {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin: 25px 25px;
}
.view-id-billetterie .equipes .equipe .logo {
    margin-bottom: 10px;
}
.view-id-billetterie .equipes .equipe .logo img {
    height: 100px;
    width: auto;
}
.view-id-billetterie .equipes .equipe .nom-equipe {
    color: #22325c;
    font-family: 'Roboto';
    font-weight: bold;
}
/*---------------- End Billetterie -------------*/


#block-views-block-copie-de-joueurs-page .view-content,
#block-views-block-organigramme-page .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

#block-views-block-organigramme-page .view-content .fiche-staff:first-of-type {
    margin-left: 400px;
    margin-right: 400px;
}

.view-id-joueurs .view-content .fiche-joueur,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff,
#block-views-block-organigramme-page .view-content .fiche-staff {
    position: relative;
    width: 100%;
    max-width: 350px;
    height: 200px;
    text-decoration: none;
    margin-bottom: 80px;
}


.view-id-joueurs .view-content .fiche-joueur .photo,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .photo,
#block-views-block-organigramme-page .view-content .fiche-staff .photo {
    position: absolute;
    left: -50px;
    bottom: 0;
    z-index: 10;
    height: 200px;
    display: flex;
    align-items: flex-end;
}
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .photo{
    left:-9px;
}
.view-id-joueurs .view-content .fiche-joueur .photo img,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .photo img,
#block-views-block-organigramme-page .view-content .fiche-staff .photo img{
    max-height: 210px;
    max-width: 217px;
}

.view-id-joueurs .view-content .fiche-joueur .numero-joueur {
    position: absolute;
    top: -5px;
    left: 70px;
    font-family: 'Oswald';
    font-size: 110px;
    color: #e8e8e8;
    font-weight: 800;
}

.view-id-joueurs .view-content .fiche-joueur .lien-bas,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .lien-bas,
#block-views-block-organigramme-page .view-content .fiche-staff .lien-bas {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 315px;
    background-color: #f4f4f4;
    box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);
    padding: 15px 10px 30px 65px;
}

#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .lien-bas,
#block-views-block-organigramme-page .view-content .fiche-staff .lien-bas {
    padding: 20px 10px 20px 90px;
}

.view-id-joueurs .view-content .fiche-joueur .lien-bas:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    border-style: solid;
    transition: 250ms ease-in-out all;
    border-width: 0px 0 50px 45px;
    border-color: transparent transparent #22325c;

}

.view-id-joueurs .view-content .fiche-joueur .lien-bas .nom-joueur,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .lien-bas .nom-staff,
#block-views-block-organigramme-page .view-content .fiche-staff .lien-bas .nom-staff {
    font-family: 'Roboto', sans-serif;
    font-style: italic;
    font-size: 19px;
    color: #171831;
    text-transform: uppercase;
    font-weight: 900;
}

.view-id-joueurs .view-content .fiche-joueur .lien-bas .poste,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .lien-bas .poste,
#block-views-block-organigramme-page .view-content .fiche-staff .lien-bas .poste {
    text-transform: capitalize;
    font-size: 17px;
    color: #484848;
    font-weight: 300;
    margin-top: 5px;
}

.view-id-joueurs .view-content .fiche-joueur .hover-joueur,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .hover-joueur,
#block-views-block-organigramme-page .view-content .fiche-staff .hover-joueur {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 28px 5px 5px 5px;
    color: #fff;
}

.view-id-joueurs .view-content .fiche-joueur .hover-joueur .txt-fiche,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .hover-joueur .txt-fiche,
#block-views-block-organigramme-page .view-content .fiche-staff .hover-joueur .txt-fiche {
    position: absolute;
    font-size: 14px;
    font-weight: 300;
    right: 32px;
    bottom: 6px;
    display: none;
}

.view-id-joueurs .view-content .fiche-joueur .hover-joueur .fa,
#block-views-block-copie-de-joueurs-page .view-content .fiche-staff .hover-joueur .fa,
#block-views-block-organigramme-page .view-content .fiche-staff .hover-joueur .fa {
    z-index: 10;
}

.view-id-joueurs .view-content .fiche-joueur:hover .lien-bas:before {
    width: 100%;
    border-width: 0 0 25px 0;
}

.view-id-joueurs .view-content .fiche-joueur:hover .txt-fiche {
    display: block;
}

/*///////////////////////////////////////*/
/* ///// FICHE JOUEUR ///////////////// */
/*/////////////////////////////////////*/

.node--type-joueur-nm1 {
    padding-bottom: 150px;
}

.node--type-joueur-nm1 .wrapper {
    display: flex;
    justify-content: space-between;
}

.node--type-joueur-nm1 h3 {
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

/*BLOCK GAUCHE JOUEUR*/
.node--type-joueur-nm1 #block-gauche-joueur {
    margin-top: -280px;
    width: 450px;
    margin-right: 50px;
}

.node--type-joueur-nm1 #stats-joueur {
    background: #f4f4f4;
    padding: 20px 20px 50px 15px;
    box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.node--type-joueur-nm1 #stats-joueur span.stat {
    width: 33.33%;
    max-width: 130px;
    text-align: center;
    font-size: 56px;
    color: #d9131a;
    font-family: 'big_noodle_titling';
    font-weight: 400;
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    margin-bottom: 10px;
}

.node--type-joueur-nm1 #stats-joueur span.stat span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #898989;
    line-height: 18px;
}

.node--type-joueur-nm1 #photo-joueur {
    position: relative;
}

/*BLOCK DROITE JOUEUR*/

#block-droite-joueur {
    width: 60%;
}

#block-droite-joueur h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}

#presentation-joueur {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 35px;
}

#presentation-joueur div {
    width: 50%;
    display: flex;
    align-items: center;
    border-top: solid 1px #eef1f5;
    border-left: solid 1px #eef1f5;
    padding: 12px 15px;
}

#presentation-joueur div:nth-child(2n+2) {
    border-right: solid 1px #eef1f5;
}

#presentation-joueur div:nth-child(5), #presentation-joueur div:nth-child(6) {
    border-bottom: solid 1px #eef1f5;
}

#presentation-joueur div p {
    font-size: 16px;
    font-weight: 300;
    color: #898989;
    min-width: 150px;
    text-transform: uppercase;
}

#presentation-joueur div span {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    color: #0d4c6d;
}

#block-droite-joueur .description p,
#block-droite-joueur .description ul,
#block-droite-joueur .description ul li {
    line-height: 24px;
    font-size: 16px;
    font-weight: 300;
    color: #484848;
}

#block-droite-joueur .description ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

#block-droite-joueur .description ul li {
    padding-left: 15px;
}

#block-droite-joueur .description ul li:before {
    content: '• ';
}

/*///////////////////////////////////////*/
/* ///// PAGE BOUTIQUE //////////////// */
/*/////////////////////////////////////*/

#block-views-block-produits-page .view-content {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

#block-views-block-produits-page .view-content .views-row {
    width: 280px;
    box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);
    margin-right: 20px;
    margin-bottom: 20px;
    text-decoration: none;
}

#block-views-block-produits-page .view-content .views-row .photo-produit img {
    transition: all 400ms ease-in-out;
}

#block-views-block-produits-page .view-content .views-row:hover .photo-produit img {
    transform: scale(1.5) rotate(10deg);
}

#block-views-block-produits-page .view-content .views-row .photo-produit {
    height: 180px;
    width: 100%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

#block-views-block-produits-page .view-content .views-row .titre-produit {
    display: flex;
    justify-content: space-between;
    padding: 20px 15px;
    background: #f4f4f4;
}

#block-views-block-produits-page .view-content .views-row .titre-produit .titre {
    font-size: 17px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    color: #282828;
}

#block-views-block-produits-page .view-content .views-row .titre-produit .prix {
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 900;
    color: #d70003;
}

/*///////////////////////////////////////*/
/* ///// CLASSEMENT PAGE ////////////// */
/*/////////////////////////////////////*/

#block-views-block-classement-page .views-row {
    display: flex;
    width: 100%;
    border-top: solid 1px #e3e7ee;
    border-right: solid 1px #e3e7ee;
    border-left: solid 1px #e3e7ee;
    min-height: 100px;
}

#block-views-block-classement-page .views-row:last-of-type {
    border-bottom: solid 1px #e3e7ee;
}

#block-views-block-classement-page .views-row.entete {
    min-height: 60px;
    background: #22325c;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    font-size: 19px;
}

#block-views-block-classement-page .views-row .equipe {
    width: 45%;
    display: flex;
    align-items: center;
}

#block-views-block-classement-page .views-row .equipe .nom-equipe {
    color: #22325c;
    font-weight: 400;
    font-size: 17px;
    text-transform: uppercase;
}

#block-views-block-classement-page .views-row .equipe .nom-equipe strong {
    font-size: 22px;
}

#block-views-block-classement-page .views-row .equipe .position {
    padding-left: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 44px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

#block-views-block-classement-page .views-row .equipe img {
    max-width: 80px;
    margin-left: 40px;
    margin-right: 20px;
}

#block-views-block-classement-page .views-row.entete .equipe {
    justify-content: center;
}

#block-views-block-classement-page .views-row .pourcent-victoires {
    width: 15%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#block-views-block-classement-page .views-row .matchs-joues,
#block-views-block-classement-page .views-row .matchs-gagnes,
#block-views-block-classement-page .views-row .matchs-perdus,
#block-views-block-classement-page .views-row .points {
    width: 10%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#block-views-block-classement-page .views-row.info .pourcent-victoires,
#block-views-block-classement-page .views-row.info .matchs-joues,
#block-views-block-classement-page .views-row.info .matchs-gagnes,
#block-views-block-classement-page .views-row.info .matchs-perdus,
#block-views-block-classement-page .views-row.info .points {
    color: #22325c;
    font-weight: 900;
    font-size: 22px;
    font-style: italic;
}

/*///////////////////////////////////////*/
/* ///// PAGE EVENEMENTS ////////////// */
/*/////////////////////////////////////*/

#block-views-block-evenements-partenaires-page {
    margin-top: 30px;
    margin-bottom: 100px;
}

#block-views-block-evenements-partenaires-page .views-row {
    display: flex;
    margin-bottom: 50px;
}

#block-views-block-evenements-partenaires-page .views-row .image {
    position: relative;
    width: 100%;
    max-width: 300px;
    height: 160px;
    background: #f2f2f2;
    margin-right: 30px;
}

#block-views-block-evenements-partenaires-page .views-row .image::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 74px 74px;
    border-color: transparent transparent #d9131a;
    transition: 250ms ease all;
}

#block-views-block-evenements-partenaires-page .views-row .image:hover::before {
    width: 100%;
    border-width: 0 0 36px 0;
}

#block-views-block-evenements-partenaires-page .views-row .txt-fiche {
    display: none;
    text-transform: uppercase;
    transition: 250ms ease all;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    font-style: italic;
}

#block-views-block-evenements-partenaires-page .views-row .image:hover .txt-fiche {
    display: inline-block;
}

#block-views-block-evenements-partenaires-page .views-row .image:hover .hover-event {
    background-position: 10px 0;
}

#block-views-block-evenements-partenaires-page .views-row .hover-event {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 16px 12px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;
    transition: 300ms  ease-in-out all;
    background-image: url(../images/interface/fleches-news.png);
    background-repeat: no-repeat;
    background-position: -310px 0;
}

#block-views-block-evenements-partenaires-page .views-row .content .date {
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #22325c;
}

#block-views-block-evenements-partenaires-page .views-row .content h3 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 900;
    font-style: italic;
    color: #282828;
    text-transform: uppercase;
}

#block-views-block-evenements-partenaires-page .views-row .content .desc {
    font-size: 17px;
    color: #484848;
    line-height: 28px;
    margin-top: 15px;
}

#block-views-block-evenements-partenaires-page .views-row .content .read-more {
    display :block;
    margin-top: 10px;
    text-align: right;
    font-size: 17px;
    color: #d9131a;
}

/*///////////////////////////////////////*/
/* ///// PAGE DE CONTENU + EVENEMENTS / */
/*/////////////////////////////////////*/

.node--type-contenu,
.node--type-evenement-partenaires {
    text-align: justify;
}

.node--type-evenement-partenaires {
    padding-bottom: 100px;
}

.field--type-text-with-summary {
    margin-top: 0px;
}

.field--type-text-with-summary p {
    font-style: italic;
    line-height: 22px;
    font-size: 16px;
    margin-bottom: 10px;
}

.para-item {
    margin-top: 50px;
}

.para-item h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}
.para-item h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    color: #d9131a;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0 0px 0;
}


.para-item p{
    margin: 0 0 0 10px;
}

.node--type-evenement-partenaires .photo-node-event {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.node--type-evenement-partenaires .photo-node-event img {
    max-width: 320px;
}

.node--type-evenement-partenaires .date-event {
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    color: #d9131a;
    text-align: center;
    margin-bottom: 20px;
}

.node--type-evenement-partenaires ul li {
    padding-left: 15px;
    font-size: 17px;
    color: #484848;
    line-height: 28px;
}

.node--type-evenement-partenaires ul li:before {
    content: '• ';
    color: #22325c;
}

.node--type-evenement-partenaires ul li ul li:before {
    content: '• ';
    color: #a8b7dc;
}

.node--type-evenement-partenaires ul li ul li ul li:before {
    content: '→ ';
    color: #a8b7dc;
}


/*///////////////////////////////////////*/
/* ///// FICHE EQUIPE AMATEUR ///////// */
/*/////////////////////////////////////*/

.node--type-equipe-amateur {
    padding-bottom: 100px;
}

.node--type-equipe-amateur .wrapper {
    display: flex;
}

.node--type-equipe-amateur #block-gauche-equipe {
    width: 100%;
    max-width: 450px;
    border: solid 10px #fff;
    margin-top: -100px;
    margin-right: 40px;
}

#block-droite-equipe {
    width: 100%;
    max-width: 800px;
}

.node--type-equipe-amateur h3 {
    font-size: 16px;
    color: #898989;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 10px;
}

.node--type-equipe-amateur p.joueurs {
    /*text-transform: capitalize;*/
    color: #0d4c6d;
    text-transform: capitalize;
}

.node--type-equipe-amateur span.entraineur {
    text-transform: uppercase;
    color: #0d4c6d;
}

.node--type-equipe-amateur h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
    margin-top: 50px;
}

.node--type-equipe-amateur table {
    width: 100%;
    max-width: 1100px;
    margin: 20px auto;
}

.node--type-equipe-amateur table td {
    border: solid 1px #eef1f5;
    padding: 10px 15px;
}

.node--type-equipe-amateur table td.nom-equipe {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

.node--type-equipe-amateur table td.date {
    text-align: center;
    font-size: 18px;
    color: #22325c;
    font-weight: 300;
}

.node--type-equipe-amateur table td.equipe {
    font-size: 18px;
    color: #22325c;
    text-transform: uppercase;
}

.node--type-equipe-amateur table td.equipe span {
    color: #d8131b;
}

.node--type-equipe-amateur table td.resultat {
    font-size: 18px;
    font-weight: 900;
    color: #22325c;
    text-align: center;
}
/*///////////////////////////////////////*/
/* ///// PAGE Entrainements AMATEURS ////// */
/*/////////////////////////////////////*/

#block-views-block-sections-amateurs-block-1 .view-display-id-block_1{
    width: 100%;
    max-width: 850px;
    margin: 0 auto 100px auto;
}

#block-views-block-sections-amateurs-block-1 h2{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}
#block-views-block-sections-amateurs-block-1 h3{
    border-bottom: 1px solid #7a9cf2;
    margin: 20px 0 6px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 1px 1px #a8b7dc;
    padding: 10px 0px;
    /* background-color: #22325c;*/
    padding-left: 20px;
}
#block-views-block-sections-amateurs-block-1 .views-row{
    display: flex;
}
#block-views-block-sections-amateurs-block-1 .views-col{
    float: left;
    background-color: #f2f2f2;
    padding: 10px;
    text-align: center;
    margin: 15px 20px;
}
#block-views-block-sections-amateurs-block-1 .views-field{
    font-size: 17px;
    color: #484848;
    line-height: 28px;
}
#block-views-block-sections-amateurs-block-1 .views-field .jour{
    font-weight: 900;
    text-transform: inherit;
}

/*///////////////////////////////////////*/
/* ///// PAGE RESULTATS AMATEURS ////// */
/*/////////////////////////////////////*/

.block-titre.equipe_amateur  .wrapper h1{
    text-align: left;
    max-width: inherit;
    margin: 0 0 20px 475px;
}

/*///////////////////////////////////////*/
/* ///// PAGE RESULTATS AMATEURS ////// */
/*/////////////////////////////////////*/

#block-pageresultatsamateurs {
    width: 95%;
    max-width: 1200px;
    margin: 50px auto 100px auto;
}

#block-pageresultatsamateurs h2,
#block-pagehorairesentrainement h2{
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

#block-pageresultatsamateurs table {
    width: 100%;
    max-width: 1100px;
    margin: 40px auto;
}

#block-pageresultatsamateurs table td {
    border: solid 1px #eef1f5;
    padding: 10px 15px;
}
#block-pageresultatsamateurs table td.nom-equipe {
    width: 30%;
    position: relative;
}
#block-pageresultatsamateurs table td.nom-equipe span.nom {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 1px 1px #a8b7dc;
}

#block-pageresultatsamateurs table td.date {
    text-align: center;
    font-size: 18px;
    color: #22325c;
    font-weight: 300;
}

#block-pageresultatsamateurs table td.equipe {
    font-size: 18px;
    color: #22325c;
    text-transform: uppercase;
}

#block-pageresultatsamateurs table td.equipe span {
    color: #d8131b;
    font-style: italic;
    font-weight: 900;
}

#block-pageresultatsamateurs table td.resultat {
    font-size: 18px;
    font-weight: 900;
    color: #22325c;
    text-align: center;
}

#block-pageresultatsamateurs table td.lien-equipe {
    padding: 0;
    position: relative;
    width: 23%;
}
#block-pageresultatsamateurs table tr td.nom-equipe:hover .resume::before{
    width: 52%;
    border-width: 0px 0 38px 25px;
}
#block-pageresultatsamateurs table td .resume span{
    display: none;
}
#block-pageresultatsamateurs table  tr td.nom-equipe:hover .resume span{
    display: inline;
}
#block-pageresultatsamateurs table td .resume::before{
    width: 16%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0px 0 38px 52px;
    border-color: transparent transparent #22325c;
    transition: 200ms ease-in-out all;
}
#block-pageresultatsamateurs table td .resume .lien-bas {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 8px 5px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;
    transition: 100ms ease all;
    background-image: url(../images/interface/fleches-news.png);
    background-repeat: no-repeat;
    background-position: -310px 0;
}
#block-pageresultatsamateurs table tr td.nom-equipe:hover .resume .lien-bas{
    padding: 8px 8px 11px 0;
}
#block-pageresultatsamateurs .lien-equipe{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}
#block-pageresultatsamateurs .lien-equipe:hover{
    background-color: #a3181d;
    border-radius: 0px;
    padding: 8px 45px;
}
#block-pageresultatsamateurs .footerP{
    text-align: center;
}
/*///////////////////////////////////////*/
/* ///// Test Résultat AMateur ////////////// */
/*/////////////////////////////////////*/

.view-matchs-amateur{
    margin: 50px 0 0 0;
}



/*///////////////////////////////////////*/
/* ///// PAGE CALENDRIER ////////////// */
/*/////////////////////////////////////*/

#block-views-block-matchs-page,
#block-views-block-classement-page {
    width: 95%;
    max-width: 1200px;
    margin: 50px auto 100px auto;
}

#block-views-block-matchs-page .views-row {
    display: flex;
    width: 100%;
}

#block-views-block-matchs-page .views-row {
    border-top: solid 1px #e3e7ee;
    border-right: solid 1px #e3e7ee;
    border-left: solid 1px #e3e7ee;
}

#block-views-block-matchs-page .view-content a {
    text-decoration: none;
    display: block;
}
#block-views-block-matchs-page .view-content a.billetterie{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #d9131a;
    text-decoration: none;
    padding: 6px 10px 7px 10px;
    font-size: 17px;
    font-weight: bold;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-flex;
    margin-top: 10px;
}
#block-views-block-matchs-page .view-content a.billetterie:hover{
    background: #22325c;
}
#block-views-block-matchs-page .view-content a .hover-match {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #22325c;
    color: #fff;
}

#block-views-block-matchs-page .view-content a:hover {
    background: #f5f5f5;
}

#block-views-block-matchs-page .view-content > .views-row:last-of-type {
    border-bottom: solid 1px #e3e7ee;
}

#block-views-block-matchs-page .match-score h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #22325c;
    font-weight: 400;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

#block-views-block-matchs-page .match-score h3 span {
    font-weight: 900;
}

#block-views-block-matchs-page .match-score {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 35%;
    border-right: solid 1px #e3e7ee;
    padding: 20px;
    padding: 7px 20px;
    min-height: 70px;
}
#block-views-block-matchs-page .nextmatch{
    background-color: #ffffe8;
}
#block-views-block-matchs-page .matchPass{
    background-color: #f2f2f2;
}

#block-views-block-matchs-page .date-match {
    width: 19%;
    border-right: solid 1px #e3e7ee;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #d8181a;
    font-weight: 700;
    font-size: 17px;
}
#block-views-block-matchs-page .date-match .date{
    text-align: center;
}
#block-views-block-matchs-page .date-match .next{
    color: #d9131a;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    font-style: italic;
    text-align: center;
    margin-bottom: 10px;
    border: 1px solid #d9131a;
}

#block-views-block-matchs-page .match-score.nextmatch {
    padding: 20px;
    min-height: 90px;
}

#block-views-block-matchs-page .match-score.nextmatch img {
    max-width: 100px;
    max-height: 100px;
}

#block-views-block-matchs-page .match-score img {
    max-width: 60px;
    max-height: 60px;
}

#block-views-block-matchs-page .match-equipe {
    position: relative;
    width: 49%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-left: 25px;
}

#block-views-block-matchs-page .lien-match {
    position: relative;
    width: 10%;
}
#block-views-block-matchs-page .match-equipe .txt-fiche{
    display: none;
    transition: 100ms ease all;
}

#block-views-block-matchs-page .match-equipe .resume::before{
    width: 10%;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-style: solid;
    border-width: 0px 0 71px 60px;
    border-color: transparent transparent #22325c;
    transition: 200ms ease-in-out all;
}
#block-views-block-matchs-page a:hover .match-equipe .resume::before{
    width: 122px;
    border-width: 0px 0 71px 60px;

}
#block-views-block-matchs-page a:hover .match-equipe .resume .txt-fiche{
    display:inline;
}
#block-views-block-matchs-page a:hover .match-equipe .lien-bas{
    padding: 4px 8px 15px 0;
}


#block-views-block-matchs-page .match-equipe  .lien-bas{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 8px 5px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;
    transition: 100ms ease all;
    background-image: url('../images/interface/fleches-news.png');
    background-repeat: no-repeat;
    background-position: -310px 0;
}
/*.#block-views-block-matchs-page .lien-match .lien-bas:hover{
    background-position: 10px 0;
}*/
#block-views-block-matchs-page .lien-match span {
    /*   position: absolute;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       display: flex;
       justify-content: center;
       align-items: center;
       text-align: center;
       color: #fff;
       background: #22325c;
       text-transform: uppercase;
       font-style: italic;
       font-weight: 700;
       line-height: 20px;*/
}

#block-views-block-matchs-page .match-equipe .date {
    font-weight: 400;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #22325c;
    margin-bottom: 10px;
}

#block-views-block-matchs-page .match-equipe .date span {
    font-weight: 700;
    color: #d8181a;
}

#block-views-block-matchs-page .match-equipe .equipes {
    text-transform: uppercase;
    font-size: 16px;
    color: #22325c;
}


/*///////////////////////////////////////*/
/* ///// Vidéo Accueil ////////// */
/*/////////////////////////////////////*/

#block-videopresentationducep{
    text-align: center;
    margin: 0px 50px 0px 0;
}
#block-videopresentationducep iframe{
    border: 1px solid #000;
    padding: 10px;
    margin-top: 50px;
}

/*///////////////////////////////////////*/
/* ///// Convocation PAGE /////////// */
/*/////////////////////////////////////*/
#block-views-block-convocations-block-1{
    margin: 40px 0 100px 0;
}
#block-views-block-convocations-block-1 table {
    width: 100%;
    text-align: center;
    border: 1px solid #c8cfdf;
}
#block-views-block-convocations-block-1 table thead tr{
    background-color: #22325c;
    color: #fff;

}
#block-views-block-convocations-block-1 table  tr{

    border-bottom: 1px solid #c8cfdf;

}
#block-views-block-convocations-block-1 table thead th,
#block-views-block-convocations-block-1 table td{
    padding: 10px;
}
#block-views-block-convocations-block-1 table td.views-field-title{
    border-bottom: 1px solid #7a9cf2;
    margin: 20px 0 6px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 1px 1px #a8b7dc;
    padding: 10px 0px;
    /* background-color: #22325c; */
    padding-left: 20px;
}
/*///////////////////////////////////////*/
/* ///// Bloc DON ACCUEIL /////////// */
/*/////////////////////////////////////*/
#block-faitesundon {
    margin: 150px 0px 70px 0;
    clear: both;
}
#block-faitesundon .field--name-body {
    display: flex;
    justify-content: center;

}
#block-faitesundon .field--name-body iframe{
    margin: 10px 0 0 0;
}

/*///////////////////////////////////////*/
/* ///// ANNONCE ACCUEIL /////////// */
/*/////////////////////////////////////*/

#block-nouveauprojet{
    float: right;
    /*width: 54%;*/
    margin-top: 72px;
}
#block-nouveauprojet .field--type-text-with-summary p{
    line-height: 26px;
    font-size: 20px;
}

/*///////////////////////////////////////*/
/* ///// Programme de Match /////////// */
/*/////////////////////////////////////*/
.node--type-programme-de-match h2{
	font-size: 24px;
    text-align: center;
    margin: 30px 0;
}


/*///////////////////////////////////////*/
/* ///// CLASSEMENT ACCUEIL /////////// */
/*/////////////////////////////////////*/

.block-cep-lorient-classement-home-block{
    position: relative;
    z-index: 1;
    float: left;
    width: 44%;
    padding: 8px 30px 8px 8px;
margin-bottom: 0px;
    margin-top: -40px;
}

.block-cep-lorient-classement-home-block .classement-home{
    background-color: #f4f4f4;
    /*box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);*/
    padding: 20px 30px 65px 30px;;
    position: relative;
    min-height: 450px;
    display: block;
    text-decoration: none;
    border: 1px solid #b7c0d6;
}

.block-cep-lorient-classement-home-block .classement-home:hover .lien-classement span::before{
    border-color: transparent transparent rgba(23, 24, 49, 0.5); 
}
main .titre-section-home{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    color: rgba(34, 46, 79, 1);
    font-weight: 900;
    text-transform: uppercase;
    line-height: 30px;
    margin-top: 20px;
    border: 2px solid rgb(204,168,89,1);
    padding: 12px;
    margin-bottom: 60px;
    text-align: center;
    -webkit-transform:skew(-5deg);
    -moz-transform:skew(-5deg);
    -o-transform:skew(-5deg);
    tranform:skew(-5deg);
    width: 30%;
}
main .view-id-medias_video .blockTitre,
main #block-newsdelapagedaccueil .blockTitre,
main #block-classementcourtdelapagedaccueil .blockTitre,
main #block-statsjoueursdelapagedaccueil-2 .blockTitre{
    transform: rotate(-5deg);
}
#block-newsdelapagedaccueil .blockTitre .titre-section-home{
    color: rgba(255,255,255,1.00);
}
main #block-classementcourtdelapagedaccueil .blockTitre .titre-section-home{
    width: 52%;
    margin-bottom: 0px;
    margin-top: 0;
}
main #block-statsjoueursdelapagedaccueil-2 .blockTitre .titre-section-home{
    width: 35%;
    margin-bottom: 60px;
    margin-top: 0;
}
main .titre-section-home div{
    -webkit-transform:skew(+5deg);
    -moz-transform:skew(+5deg);
    -o-transform:skew(+5deg);
    tranform:skew(+5deg);
}
main .blockTitre div.titre2{
    font-size: 24px;
    color: #fff;
    background-color: #cca859;
    padding: 0 20px;
    -webkit-transform:skew(-5deg);
    -moz-transform:skew(-5deg);
    -o-transform:skew(-5deg);
    tranform:skew(-5deg);
    margin-left: 38px;
    width: 30%
}
.block-cep-lorient-classement-home-block .classement-home .list-classement{
    border-top: 1px solid #c8cfdf;
    margin: 30px 0 0 0;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #22325c;
    font-weight: 400;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement{
    display: flex;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid #c8cfdf;
    padding: 10px 0;
}

.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement.ligne-cep{
    font-weight: 700;
    color: #d8131a;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-logo{
    width: 14%;
    padding-right: 10px;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-logo img{
    display: block;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-position{
    width: 8%;
    font-size: 19px;
    font-weight: 700;
    font-family: 'big_noodle_titling';
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement.ligne-cep .ligne-position{
    font-size: 25px;
    font-family: 'big_noodle_titling';
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-titre{
    width: 50%;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-resultats{
    width: 20%;
}

.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-resultats span {
    font-size: 19px;
}
.block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-pct{
    width: 10%;
}
.block-cep-lorient-classement-home-block .classement-home .lien-classement{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 67px;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
}
.block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 67px 67px;
    border-color: transparent transparent #22325c;
    transition: 250ms ease all;
}



.block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas .fa {
    z-index: 1;
}
.block-cep-lorient-classement-home-block .classement-home:hover .lien-classement div.lien-bas::before{
    /*border-width: 0 0 74px 0px;*/
}
.block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas::hover::before{
    border-color: transparent transparent rgba(23, 24, 49, 0.5); 
}
.block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas{
    position: relative;
    display: flex;
    width: 67px;
    height: 67px;
    font-size: 16px;
    letter-spacing: 0px;
    color: #fff;
    text-decoration: none;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 11px 13px 0;
    transform: translateX(135px);
    transition: all 300ms ease-in-out;
    /*    background-image: url('../images/interface/fleches-classement.png');
        background-repeat: no-repeat;
        background-position: 100% 100%;*/
}

.block-cep-lorient-classement-home-block .classement-home .lien-classement span {
    z-index: 1;
    padding-top: 37px;
    overflow: hidden;
    background:  #22325c;
    color: #fff;
    width: 135px;
    transform: translateX(135px);
    transition: all 300ms ease-in-out;
    margin-left: -1px;
}

.block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas {

}

.block-cep-lorient-classement-home-block .classement-home:hover .lien-classement div.lien-bas,
.block-cep-lorient-classement-home-block .classement-home:hover .lien-classement span {
    transform: translateX(0);
}

.block-cep-lorient-classement-home-block .classement-home .lien-classement span i{
    position: relative;
}

.block-cep-lorient-matchs-home-block{
    padding: 20px;
    margin-top: -1px;
    margin: 20px auto 0 auto;
    z-index: 2;
    background-color: #f5f5f5;
    border: 2px solid #b7c0d6;
	position: relative;
	/*float: right;*/
	width: 55%;
}
/*.block-cep-lorient-matchs-home-block .matchs-home{
	display: flex !important;
}*/
.block-cep-lorient-matchs-home-block .last-match.last{
    padding: 30px 0 0 0px;
    border-left: 1px dotted #f5f5f5;
}
.block-cep-lorient-matchs-home-block .titre-last-match{
font-family: 'Oswald';
    font-size: 28px;
    color: #cea959;
    font-weight: 900;
    text-transform: uppercase;
}
.block-cep-lorient-matchs-home-block .last-match.alone img,
.block-cep-lorient-matchs-home-block .last-match img {
    max-height: 95px;
    max-width: 115px;
}
.block-cep-lorient-matchs-home-block .last-match.alone {
padding-bottom: 29px;
    border-bottom: 1px solid #b7c0d6;
}


.block-cep-lorient-matchs-home-block .report{
    background-color: #f00;
    color: #fff;
    padding: 10px;
    text-align: center;
    font-weight: bold;
}
.block-cep-lorient-matchs-home-block .last-match.alone a.cal {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 300;
    background: #22325c;
    text-decoration: none;
    padding: 6px 10px 7px 10px;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-flex;

}
.block-cep-lorient-matchs-home-block .last-match.alone a.cal:hover{
    border: 1px solid #fff;
    background: #cca859;
}
.block-cep-lorient-matchs-home-block .last-match.alone a.billet {
    font-family: 'Roboto', sans-serif;
    color: #fff;
    background: #d9131a;
    text-decoration: none;
    padding: 6px 10px 7px 10px;
    font-size: 17px;
    font-weight:bold;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-flex;

}
.block-cep-lorient-matchs-home-block .last-match.alone a.billet:hover{
    background: #22325c;
}
.block-cep-lorient-matchs-home-block .last-match.alone a.liveActif{
    text-decoration: none;
}
.block-cep-lorient-matchs-home-block .last-match.alone a .lien-bas {
    margin-left: 10px;
}
.block-cep-lorient-matchs-home-block .last-match .titre-last-match{
    padding-right: 5px;
    letter-spacing: 3px;
    padding-bottom: 20px;
	margin-top: 20px;
}

.block-cep-lorient-matchs-home-block .last-match.alone .titre-last-match{
    text-align: right;
    padding-left: 15px;
}
.block-cep-lorient-matchs-home-block .last-match.alone .box-last-match {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.block-cep-lorient-matchs-home-block .last-match.alone .box-last-match.live{
    border-top: 0;
    border: solid 5px #f4f4f4;
    border-bottom: 0;
    padding: 10px;
    margin: -10px 0 0 0;
    z-index: 10;
    position: relative;
}
.block-cep-lorient-matchs-home-block .last-match.alone .box-last-match.live .titre-last-match{
    display: none;
}
.block-cep-lorient-matchs-home-block .last-match.alone .box-last-match.live .titre-last-match{
    font-size: 50px;
}

.block-cep-lorient-matchs-home-block .titre-last-match span{
    display: inline-block;
    width: 11px;
    height: 15px;
    vertical-align: middle;
    background-image: url('../images/interface/fleche-last-match.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.block-cep-lorient-matchs-home-block .last-match.alone .titre-last-match span {
    background-image: url('../images/interface/fleche-next-match.png');
}
.block-cep-lorient-matchs-home-block .last-match .box-last-match{
    display: flex;
}
.block-cep-lorient-matchs-home-block .last-match .box-last-match .match{
    display: flex;
    align-items: center;
    flex: 1;
	    margin-top:0px;
}
.block-cep-lorient-matchs-home-block .last-match .box-last-match .match .score{
    font-family: 'Oswald', sans-serif;
    font-size: 44px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;

    flex: 1 1 auto;
    text-align: center;
}
.block-cep-lorient-matchs-home-block .last-match.alone .box-last-match .match .score {
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px;
}
.block-cep-lorient-matchs-home-block .last-match .box-last-match .match .team-logo{
    flex: 1 1 auto;
    text-align: right;
}
.block-cep-lorient-matchs-home-block .last-match .box-last-match .match .team-logo2{
    text-align: left;
    margin-left: 10px;
}
.block-cep-lorient-matchs-home-block .last-match .detail-match{
    margin: 10px 0 0 0 ;
    /*background-color: #22325c;*/
    text-align: right;
    border-radius: 3px;
    border: 1px solid #fff;
    display: inline-flex;
}
.block-cep-lorient-matchs-home-block .last-match .detail-match::before{
    /*content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 67px 67px;
        border-color: transparent transparent #22325c;
        transition: 250ms ease all;*/
}
.block-cep-lorient-matchs-home-block .last-match .detail-match a{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    font-weight: 300;
    background: #22325c;
    text-decoration: none;
    padding: 5px;
    font-size: 16px;

    border: 1px solid #22325c;
    display: block;
}
.block-cep-lorient-matchs-home-block .last-match .detail-match a:hover{
    border: 1px solid #fff;
    background: #cca859;
}
.block-cep-lorient-matchs-home-block .last-match .detail-match a span{
    margin-left: 5px;
}

.block-cep-lorient-matchs-home-block .last-match .detail-match a .lien-bas {
    margin-left: 10px;
}



.block-cep-lorient-matchs-home-block .next-match{
    margin: 5px 0 0 0;
    text-align: center;
}
.block-cep-lorient-matchs-home-block .billetterie{
    margin: 25px 0 0 0;
    text-align: center;
}
.block-cep-lorient-matchs-home-block .next-match .titre-last-match{
    color: #e7ebf8;
    text-align: right;
    letter-spacing: 3px;
}
.block-cep-lorient-matchs-home-block .next-match .matchs{
    position: relative;
    background-color: rgba(34, 50, 92, 0.5);
    border-radius: 6px;
    margin-top: -20px;
    padding: 15px 0;
}
.block-cep-lorient-matchs-home-block .next-match .matchs .swiper-container{
    margin: 0 40px;
}
.block-cep-lorient-matchs-home-block .next-match .matchs .match{
    display: flex;
    align-items: center;
    justify-content: space-around;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #22325c;
    font-weight: 300;
    border-right: 1px solid #2d3b63;
}
.block-cep-lorient-matchs-home-block .next-match .matchs .match .date-match{
    text-align: left;
}
.block-cep-lorient-matchs-home-block .next-match .matchs .match .date-match .date{
    font-weight: 700;
}
.block-cep-lorient-matchs-home-block .next-match .matchs .swiper-button-prev-calendrier,
.block-cep-lorient-matchs-home-block .next-match .matchs .swiper-button-next-calendrier{
    background: none;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-cep-lorient-matchs-home-block .next-match .lien-calendrier,
.block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier {
    text-align: right;
    padding-top:5px;
    width: 100%;
}

.block-cep-lorient-matchs-home-block .next-match .lien-calendrier a,
.block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier a{
    font-family: 'Roboto', sans-serif;
    color: #fff;
    display:inline-block;
    font-weight: 300;
    background: #22325c;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    font-size: 15px;
    border-radius: 3px;
    border: 1px solid #fff;
}
.block-cep-lorient-matchs-home-block .next-match .lien-calendrier a:hover{
    background: #132044;
    border: 1px solid #22325c;
    border-radius: 0px;
}
.block-cep-lorient-matchs-home-block .next-match .lien-calendrier a::after{
    content: '\f105\f105\f105';
    font-family: "FontAwesome";
    font-size: 16px;
    margin-left: 5px;
}

.block-views-blockannonces-block-haut,
.block-views-blockannonces-block-bas{
    margin: 40px 0;
    text-align: center;
}

#block-statsjoueursdelapagedaccueil{
    clear: both;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs{
    display: flex;
    justify-content: space-around;
    margin: 30px 0;
	flex-wrap: wrap;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur{
    position: relative;
    width: 300px;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur .numero-joueur{
    position: absolute;
    top: 44px;
    left: 186px;
    font-family: 'Oswald';
    font-size: 130px;
    color: #e8e8e8;
    font-weight: 800;
    z-index: -1;
    transition: all 400ms ease-in-out;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur .photo{
    position: relative;
}

.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur .photo img{
    display: block;
    margin: 0 auto;
    transition: all 500ms ease-in-out;
}

.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a:hover .photo img {
    /*transform: rotateY(180deg);*/
}

.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a:hover .joueur .numero-joueur {
    z-index: 1000;
    opacity: 0.7;
    font-size: 150px !important;
}

.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail{
    position: relative;
    display: block;
    background-color: #f4f4f4;
    /* box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);*/
    padding: 20px 30px 45px 30px;;
    text-decoration: none;
    border: 1px solid #b7c0d6;
}


.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 74px 74px;
    border-color: transparent transparent #22325c;
    transition: 300ms  ease-in-out all;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a{
    text-decoration: none;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a:hover .joueur div.detail::before{
    width: 100%;
    border-width: 0 0 35px 0;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .nom-joueur{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    color: #171831;
    font-weight: 900;
    font-style: italic;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat{
    display: flex;
    align-items: flex-end;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat-val{
    font-family: 'Oswald';
    font-size: 45px;
    color: #222e4f;
    font-weight: 600;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat-txt{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #201e30;
    font-weight: 300;
    font-style: italic;
    text-transform: uppercase;
    margin: 0 0 8px 10px;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .lien-bas{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 9px 16px 10px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;
    background-image: url('../images/interface/fleches-joueurs.png');
    background-repeat: no-repeat;
    background-position: -310px 0;
    border-bottom: 0px solid #201e30;
    z-index: 2;
}


.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a:hover .joueur div.detail .lien-bas{
    background-position: 10px 0;
    transition: 350ms  ease-in-out all;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .lien-bas .txt-fiche{
    display: none;
    text-transform: uppercase;
    transition: 250ms ease all;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a:hover .joueur div.detail .lien-bas .txt-fiche{
    display: inline-block;
}

.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .lien-equipe{
    text-align: center;
    margin: 30px 0 30px 0;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .lien-equipe a{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    border: 1px solid #fff;
}
.block-cep-lorient-stats-joueurs-block .stats-joueurs-home .lien-equipe a:hover{
    background-color: #cca859;
    border-radius: 0px;
    padding: 8px 40px;
    border: 1px solid #cca859;
}

.news-content{
    background-color: #222e4f;
    clear: both;
    min-height: 900px;
    padding: 0px 0;
    position: relative
}
#block-newsdelapagedaccueil{
    margin-top: 30px;
}
.news-content .bgContent{
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 18%;
    background-image: url(../images/interface/bg-news.png);
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
}
.news-content .bgContent2{
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-size: 18%;
    background-image: url(../images/interface/bg-news.png);
    opacity: 0.1;
    position: absolute;
    width: 100%;
    height: 100%;
}
.news-content .news-home .list-actus{
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0;
}
.news-content .news-home .list-actus .actu{
    width: calc(25% - 20px);
    margin-right: 20px;
    margin-bottom: 20px;
}
.news-content .news-home .list-actus .actu a{
    position: relative;
    display: block;
    background-color: #f4f4f4;
    /*   box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);*/
    text-decoration: none;
    min-height: 285px;
    border: 1px solid #b7c0d6;
}
.news-content .news-home .list-actus .actu a:hover{
}
.news-content .news-home .list-actus .actu a::before{
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 74px 74px;
    border-color: transparent transparent #cd191c;
    transition: 250ms ease-in-out  all;
}
.news-content .news-home .list-actus .actu a:hover::before{
    width: 100%;
    border-width: 0 0 36px 0;
}
.news-content .news-home .list-actus .actu a .detail{
    padding: 20px 25px 45px 25px;
}
.news-content .news-home .list-actus .actu a .detail .titre{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #222e4f;
    font-weight: 700;
    font-style: italic;
    /*text-transform: uppercase;*/
    margin: 5px 0 0 0;
}
.news-content .news-home .list-actus .actu a .detail .infos .date{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #22325c;
    font-weight: 300;
    text-transform: uppercase;
}
.news-content .news-home .list-actus .actu a .detail .infos .cat{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    background-color: #282828;
    border-radius: 10px;
    padding: 1px 8px;
    text-transform: uppercase;
}
.news-content .news-home .list-actus .actu a .detail .lien-bas{
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 9px 16px 10px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;

    background-image: url('../images/interface/fleches-news.png');
    background-repeat: no-repeat;
    background-position: -310px 0;
}

.news-content .news-home .list-actus .actu a:hover .detail .lien-bas{
    background-position: 10px 0;
    transition: 300ms  ease-in-out all;
}
.news-content .news-home .list-actus .actu a .detail .lien-bas .txt-fiche{
    display: none;
    text-transform: uppercase;
    transition: 250ms ease all;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
.news-content .news-home .list-actus .actu a:hover .detail .lien-bas .txt-fiche{
    display: inline-block;
}
.lien-actualites{
    text-align: center;
    margin: 30px 0 30px 0;
}
.lien-actualites a{
    display: inline-block;
    background-color: #cd191c;
    text-align: center;
    text-decoration: none;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    /*   border: 1px solid #fff;*/
}
.lien-actualites a:hover{
    background-color: #cca859;
    border-radius: 0px;
    padding: 8px 40px;
    border: 1px solid #cca859;
}
/*///////////////////////////////////////*/
/* ///// EQUIPES AMATEURS ///////////// */
/*/////////////////////////////////////*/

#block-pageamateurs {
    margin: 50px auto 100px auto;
}

#block-pageamateurs .amateur-cat {
    margin-bottom: 60px;
}

#block-pageamateurs .amateur-cat .amateur-cat-titre {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #181932;
    font-weight: 300;
    font-style: italic;
    padding: 0 0 4px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #d9131a;
}
#block-pageamateurs .amateur-cat .amateur-cat-titre span{
    display: block;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    color: #181932;
}

#block-pageamateurs .amateur-cat .part{
    margin: 10px 20px 0 0;

}
#block-pageamateurs .amateur-cat .amateur-cat-titre span::after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url('../images/interface/rect-partenaire-red.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 2px;
}

#block-pageamateurs .amateur-cat .list-part {
    display: flex;
    flex-wrap: wrap;
}
#block-pageamateurs .amateur-cat .list-part .photo{
    transition: 250ms ease all;	
}
#block-pageamateurs .amateur-cat .list-part .photo:hover {
    transition: 250ms ease all;
    opacity: 0.7;
}

#block-pageamateurs .amateur-cat .list-part .equipe-titre {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 1px 1px #a8b7dc;
}
/*///////////////////////////////////////*/
/* ///// Offre de match ////////////////// */
/*/////////////////////////////////////*/


#para-tlchargez-notre-dossier-de-partenariat-et-nos-offres a{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    border: 1px solid #fff;
}
#para-tlchargez-notre-dossier-de-partenariat-et-nos-offres a:hover{
    background-color: #a3181d;
    border-radius: 0px;
    padding: 8px 40px;
    border: 1px solid #a3181d;
}





/*///////////////////////////////////////*/
/* ///// PARTENAIRES & Organigramme////////////////// */
/*/////////////////////////////////////*/

#block-pagepartenaires,
#block-pageorganigramme{
    width: 95%;
    max-width: 1200px;
    margin: 50px auto 100px auto;
}

.partenaires-content{
    background-image: url('../images/interface/bg-partenaires.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 616px;
}
.partenaires-content .partenaires-home{
    padding: 80px 0 40px 0;
}
.partenaires-content .partenaires-home .list-partenaires{
    display: flex;
    flex-wrap: wrap;
}
.partenaires-content .partenaires-home .list-partenaires .partenaires-cat,
#block-pagepartenaires .partenaires-cat,
#block-pageorganigramme .organigramme-cat
{
    margin: 0 20px 30px 0;
    clear: both;
}

#block-pagepartenaires .partenaires-cat:last-of-type .list-part {
    text-align: center;
    /*display: block;*/
    /*column-count: 3;*/
}

#block-pagepartenaires .partenaires-cat:last-of-type .list-part .part {
    padding: 30px;
    border: 1px solid #ccc;
    min-height: 170px;
    margin: 17px;
    max-width: 21%;
}

#block-pagepartenaires .partenaires-cat:last-of-type .list-part a,
#block-pagepartenaires .partenaires-cat:last-of-type .list-part p {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 700;
    color: #484848;
}

#block-pagepartenaires .partenaires-cat:last-of-type .list-part a:hover {
    color: #d9131a;
}

.partenaires-content .partenaires-home .list-partenaires .list-part,
#block-pagepartenaires .partenaires-cat .list-part {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.partenaires-content .partenaires-home .list-partenaires .list-part .part,
#block-pagepartenaires .partenaires-cat .list-part .part {
    flex: 1 1 auto;
    padding: 20px 50px;
    text-align: center;
}

#block-pagepartenaires .partenaires-cat .list-part .part img,
.partenaires-content .partenaires-home .list-partenaires .list-part .part img {
    transition: all 300ms ease-in-out;
}

#block-pagepartenaires .partenaires-cat .list-part .part:hover img,
.partenaires-content .partenaires-home .list-partenaires .list-part .part:hover img {
    transform: rotate(10deg) scale(1.2);
}

#block-pagepartenaires .partenaires-cat.autres .list-part .part:hover img{
    transform: none;
}

#block-pagepartenaires .partenaires-cat .list-part .part {
    margin-top: 15px;
    margin-bottom: 10px;
}
.partenaires-content .partenaires-home .list-partenaires .partenaires-cat .partenaires-cat-titre,
#block-pagepartenaires .partenaires-cat .partenaires-cat-titre,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #cca859;
    font-weight: 300;
    font-style: italic;
    padding: 0 0 4px 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #cca859;
}

#block-pagepartenaires .partenaires-cat .partenaires-cat-titre,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre {
    border-bottom: 1px solid #d9131a;
}

#block-pagepartenaires .partenaires-cat .partenaires-cat-titre,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre{
    color: #181932;
}
.partenaires-content .partenaires-home .list-partenaires .partenaires-cat .partenaires-cat-titre span,
#block-pagepartenaires .partenaires-cat .partenaires-cat-titre span,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre span{
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
}

#block-pagepartenaires .partenaires-cat .partenaires-cat-titre span,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre span{
    color: #181932;
}
.partenaires-content .partenaires-home .list-partenaires .partenaires-cat .partenaires-cat-titre span::after,
#block-pagepartenaires .partenaires-cat .partenaires-cat-titre span::after,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre span::after
{
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    background-image: url('../images/interface/rect-partenaire-blue.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-left: 2px;
}

#block-pagepartenaires .partenaires-cat .partenaires-cat-titre span::after,
#block-pageorganigramme .organigramme-cat .organigramme-cat-titre span::after{
    background-image: url('../images/interface/rect-partenaire-red.png');
}
.partenaires-content .lien-partenaires,
#block-pagepartenaires .lien-partenaires {
    text-align: center;
    margin: 30px 0 30px 0;
}
.partenaires-content .lien-partenaires a,
#block-pagepartenaires .lien-partenaires a{
    display: inline-block;
    background-color: #cd191c;
    text-align: center;
    text-decoration: none;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 0 20px;
}

.partenaires-content .lien-partenaires a:hover,
#block-pagepartenaires .lien-partenaires a:hover{
    background-color: #cca859;
    border-radius: 0px;
}

#block-pageorganigramme .organigramme-cat .list-org{
    width: 70%;
    margin: 9px auto;
    position: relative;
}
#block-pageorganigramme .list-org .photo {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
    height: 200px;
    display: flex;
    align-items: flex-end;
}
#block-pageorganigramme .list-org .photo img {
    max-height: 200px;
    max-width: 165px;
}
#block-pageorganigramme .organigramme-cat .list-org .org{
    font-size: 16px;
    color: #003576;
    font-weight: 900;
    margin: 20px 0 8px 14px;
    text-transform: uppercase;
    float: left;
    width: 48%;
    text-align: center;
}
#block-pageorganigramme .organigramme-cat .list-org .org .role{
    font-size: 16px;
    color: #484848;
    font-weight: 400;
    text-transform: initial;
}

/*-- Catégorie Bureaux --*/
#block-pageorganigramme .organigramme-cat.cat-290 .list-org .org{
    background-color: #f4f4f4;
    padding: 20px 35px 15px 172px;
    float: left;
    width: 48%;
    text-align: center;
    position: relative;
    margin: 89px 7px 43px;
}
#block-pageorganigramme .organigramme-cat.cat-290 .list-org .org .role{
    display: block;

}

/*///////////////////////////////////////*/
/* ///// NODE MEDIA PHOTO ///////////// */
/*/////////////////////////////////////*/

.node--type-photo-contenu,
.view-id-medias_video {
    /*padding-top: 60px;*/
    padding-bottom: 0px;
}

.path-frontpage .view-id-medias_video {
    z-index: 20;
    position: relative;
}

.path-frontpage main .view-id-medias_video .titre-section-home {
    background: #fff;
}

.node--type-photo-contenu .gal-photos .photos,
.view-id-medias_video .gal-photos .photos {
    display: flex;
    flex-wrap: wrap;
}

.node--type-photo-contenu .gal-photos .photos .photo,
.view-id-medias_video .gal-photos .photos .photo {
    margin: 0 20px 20px 0;
}

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

.view-actualites .filtres-actu{
    float: right;
}
.view-actualites .filtres-actu .filtres-titre{
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #606060;
    font-weight: 300;
    margin: 20px 0 8px 14px;
}
.view-actualites .filtres-actu .filtres-choix{
    display: flex;
}
.view-actualites .filtres-actu .filtres-choix a{
    position: relative;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 24px;
    background-color: #22325c;
    display: block;
    border-radius: 15px;
    padding: 0 15px 0 35px;
    text-decoration: none;
    text-transform: uppercase;
    margin: 0 7px;
    height: 25px;
}
.view-actualites .filtres-actu .filtres-choix a.u1{
    background-color: #a24949;
}
.view-actualites .filtres-actu .filtres-choix a.presse{
    background-color: #676c7a;
}
.view-actualites .filtres-actu .filtres-choix a.partenaires{
    background-color: #4d76e2;
}
.view-actualites .filtres-actu .filtres-choix a.club{
    background-color: #282828;
}
.view-actualites .filtres-actu .filtres-choix a.resume{
    background-color: #e65b22;
}
.view-actualites .filtres-actu .filtres-choix a::before{
    content: '';
    position: absolute;
    top: 4px;
    left: 5px;
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    border-radius: 10px;
}
.view-actualites .filtres-actu .filtres-choix a::after{
    content: '';
    position: absolute;
    top: 2px;
    left: 5px;
    width: 23px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.view-actualites .filtres-actu .filtres-choix a.active::after{
    background-image: url('../images/interface/check-actus.png');
}
.view-actualites .filtres-actu .filtres-choix a.amateurs::after{
    background-position: 0 -30px;
}
.view-actualites .filtres-actu .filtres-choix a.presse::after{
    background-position: 0 -60px;
}
.view-actualites .filtres-actu .filtres-choix a.partenaires::after{
    background-position: 0 -90px;
}
.view-actualites .filtres-actu .filtres-choix a.club::after{
    background-position: 0 -120px;
}
.view-actualites .filtres-actu .filtres-choix a.resume::after{
    background-position: 0 -150px;
}

.view-actualites .list-actus,
.view-id-medias_photo .list-galeries,
.view-id-medias_video .list-videos {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0;
}

.view-id-medias_video .list-videos  .picto-video {
    position: absolute;
    top: 35px;
    left: 89px;
    transition: 0.2s;
    opacity: 0.5;
}

.view-id-medias_video .list-videos .link:hover .picto-video {
    transform: scale(1.1);
}
.view-actualites .list-actus .actu,
.view-id-medias_photo .list-galeries .galerie,
.view-id-medias_video .list-videos .video {
    width: 100%;
    max-width: 278px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.view-actualites .list-actus .actu a,
.view-id-medias_photo .list-galeries .galerie a,
.view-id-medias_video .list-videos .video .link {
    position: relative;
    display: block;
    background-color: #f4f4f4;
    /* box-shadow: 0 0 8px rgba(100, 100, 100, 0.5);*/
    text-decoration: none;
    min-height: 350px;
    border: 1px solid #b7c0d6;
}

.view-actualites .list-actus .actu a::before,
.view-id-medias_photo .list-galeries .galerie a::before,
.view-id-medias_video .list-videos .video .link::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 74px 74px;
    border-color: transparent transparent #cd191c;
    transition: 300ms  ease-in-out all;
}
.view-actualites .list-actus .actu a:hover::before,
.view-id-medias_photo .list-galeries .galerie a:hover::before,
.view-id-medias_video .list-videos .video .link:hover::before {
    width: 100%;
    border-width: 0 0 36px 0;
}
.view-actualites .list-actus .actu a .detail,
.view-id-medias_photo .list-galeries .galerie a .detail,
.view-id-medias_video .list-videos .video .link .detail {
    padding: 20px 20px 45px 25px;;
}
.view-id-medias_video .list-videos .video .link .detail {
    min-height: 120px;
}
.view-actualites .list-actus .actu a .detail .titre,
.view-id-medias_photo .list-galeries .galerie a .detail .titre,
.view-id-medias_video .list-videos .video .link .detail .titre {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #222e4f;
    font-weight: 700;
    font-style: italic;
    /*text-transform: uppercase;*/
    margin: 5px 0 0 0;

}
.view-actualites .list-actus .actu a .detail .infos .date,
.view-id-medias_photo .list-galeries .galerie a .detail .infos .date,
.view-id-medias_video .list-videos .video .link .detail .infos .date {
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #22325c;
    font-weight: 300;
    text-transform: uppercase;
}
.view-actualites .list-actus .actu a .detail .infos .cat{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
    background-color: #282828;
    border-radius: 10px;
    padding: 1px 8px;
    text-transform: uppercase;
}
.view-actualites .list-actus .actu a .detail .lien-bas,
.view-id-medias_photo .list-galeries .galerie a .detail .lien-bas,
.view-id-medias_video .list-videos .video .link .detail .lien-bas {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 16px;
    color: #ffffff;
    padding: 8px 16px 10px 0;
    width: 100%;
    text-align: right;
    line-height: 16px;
    transition: 250ms ease all;
    background-image: url('../images/interface/fleches-news.png');
    background-repeat: no-repeat;
    background-position: -310px 0;
}
.view-actualites .list-actus .actu .link:hover .detail .lien-bas,
.view-actualites .list-actus .actu a:hover .detail .lien-bas,
.view-id-medias_photo .list-galeries .galerie a:hover .detail .lien-bas,
.view-id-medias_video .list-videos .video .link:hover .detail .lien-bas {
    background-position: 10px 0;
}
.view-actualites .list-actus .actu a .detail .lien-bas .txt-fiche,
.view-id-medias_photo .list-galeries .galerie a .detail .lien-bas .txt-fiche,
.view-id-medias_video .list-videos .video .link .detail .lien-bas .txt-fiche {
    display: none;
    text-transform: uppercase;
    transition: 250ms ease all;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 400;
}
.view-actualites .list-actus .actu a:hover .detail .lien-bas .txt-fiche,
.view-id-medias_photo .list-galeries .galerie a:hover .detail .lien-bas .txt-fiche,
.view-id-medias_video .list-videos .video .link:hover .detail .lien-bas .txt-fiche {
    display: inline-block;
}
.view-actualites .lien-actualites{
    text-align: center;
    margin: 30px 0 30px 0;
}
.view-actualites .lien-actualites a{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

/* Actualité détail */
.block-titre.actualite .wrapper{
    justify-content: flex-start;
    padding-left: 400px;
}
.block-titre.actualite .wrapper h1{
    font-size: 24px;
    text-align: left;
}

.node--type-actualite .actu-top .actu-photo{
    float: left;
    border: 10px solid #ffffff;
    margin: -60px 20px 10px 0;
}
.node--type-actualite .actu-top .actu-detail{
    padding: 20px 0 40px 0;
}
.node--type-actualite .paragraphes{
    margin: 0 0 40px 0;
}
.node--type-actualite .actu-top .infos .date{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #22325c;
    font-weight: 300;
    text-transform: uppercase;
}
.node--type-actualite .actu-top .infos .cat{
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 300;
    background-color: #282828;
    border-radius: 15px;
    padding: 4px 28px;
    text-transform: uppercase;
    margin: 0 0 0 16px;
}
.node--type-actualite .actu-top .socials-media{
    position: absolute;
    top: 0;
    right: 0;
}
.node--type-actualite .actu-top .actu-desc{
    margin: 31px 0;
    line-height: 25px;
}

.node--type-actualite .gal-photos{
    margin: 40px 0 40px 0;
}
.node--type-actualite .gal-photos .gal-photos-titre{
    margin: 0 0 15px 0;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}
.node--type-actualite .gal-photos .photos{
    display: flex;
    flex-wrap: wrap;
}
.node--type-actualite .gal-photos .photos .photo{
    margin: 0 20px 20px 0;
}
.node--type-actualite .gal-photos .gal-photos-lien{
    text-align: center;
    margin: 20px 0;
}
.node--type-actualite .gal-photos .gal-photos-lien a{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;

}



/*--- FOOTER ---*/

footer {
    clear: both;
    color: #fff;
    background-color: #161620;
    padding-top: 0.1px;
}
.accueil-temp footer {
    background-color: #242727;
}

footer .reseaux-footer{
    margin: 30px 0;
    text-align: center;
}
footer .reseaux-footer a{
    margin: 0 18px;
}


footer .menu-footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0 30px 0;
}
footer .menu-footer .menu-group{
    position: relative;
    width: 33.33%;
    text-align: center;
    line-height: 20px;
    padding: 20px 0 20px 0;
}
footer .menu-footer .menu-group::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 1px;
    background-color: #2c2c3b;
}
footer .menu-footer .menu-group .lien-rub,
footer .menu-footer .menu-group .lien-rub a {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
}
footer .menu-footer .menu-group .lien-rub a:hover {
    text-decoration: underline;
}
footer .menu-footer .menu-group .ssmenu a {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #878787;
    font-weight: 300;
}

footer .menu-footer .menu-group .ssmenu a:hover {
    color: #fff;
}



#contact-cep {
    background: #3c3b3b;
    text-align: center;
    padding: 30px;
}


#contact-cep a, 
#contact-cep p {
    color: #fff;
    font-size: 16px;
}

footer .gl-copy {
    padding: 15px 0;
    text-align: center;
    font-size: 13px;
    line-height: 22px;
    border-top: 1px solid #2c2c3b;
}

footer .gl-copy img {
    margin-bottom: -5px;
}

footer .gl-copy a {
    color: #fff;
}

/*///////////////////////////////////////*/
/* //////// CONTACT BOUTIQUE ////////// */
/*/////////////////////////////////////*/

#contact-boutique {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 100px;
    padding-top: 100px;
}

#contact-boutique h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 36px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    text-shadow: 2px 2px #a8b7dc;
}

#contact-boutique p {
    font-size: 17px;
    color: #484848;
    font-weight: 300;
    margin-bottom: 10px;
}

#contact-boutique .intro {
    width: 100%;
}

#contact-boutique .form-contact-boutique {
    width: 50%;
}

#contact-boutique .infos-contact-boutique {
    width: 50%;
    padding-left: 50px;
    padding-top: 22px;
}

#contact-boutique .infos-contact-boutique {
    /*text-transform: uppercase;*/
    color: #22325c;
    font-size: 24px;
    font-weight: 400;
}

#contact-boutique .infos-contact-boutique span {
    font-weight: 900;
    font-style: italic;
    font-size: 30px;
}

#contact-boutique #edit-submit,
#block-contactblock-2 #edit-submit,
#contact-message-commande-boutique-form #edit-submit,
#contact-message-devnir-partenaire-form #edit-submit,
.btnOffre
{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 30px 20px 0 20px;
    border: none;
}

/*///////////////////////////////////////*/
/* //////// DEBUT FORMULAIRE ////////// */
/*/////////////////////////////////////*/

.form-composite > legend,
.label,
label,
fieldset:not(.fieldgroup) > legend,
summary, .fieldgroup:not(.form-composite) > legend {
    font-size: 16px;
    text-transform: uppercase;
    color: #848484;
}

.form-item, .form-actions {
    margin-top: 15px;
    margin-bottom: 0;
}

main form .field--type-file,
main form .field--string-long {
    position: relative;
    width: 100%;
    clear: both;
}

main form .form-item input {
    font-size: 16px;
}

main form fieldset,
main form .field--type-string-long,
main form .field--type-file {
    float: left;
    width: 100%;
    margin: 10px 1.5% 10px 1.5%;
    clear: both;
}

main form .field--type-string,
main form .field--type-email,
main form .field--type-entity-reference,
main form .field--type-telephone,
main form .field--type-list-integer.field--widget-options-select {
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 1.5% 10px 1.5%;
    clear: none;
}

main form .form-item.form-type-checkbox,
main form .form-item.form-type-radio {
    float: left;
    width: 100%;
    margin: 10px 1.5% 10px 1.5%;
}

main form fieldset .form-item.form-type-checkbox,
main form fieldset .form-item.form-type-radio {
    width: 22%;
}

main form .form-item.form-type-checkbox:nth-child(4n+1),
main form .form-item.form-type-radio:nth-child(4n+1) {
    clear: both;
}

main form .field--type-string label,
main form .field--type-email label,
main form .field--type-telephone label,
main form .field--type-list-integer.field--widget-options-select label,
main form .field--type-entity-reference label {
    position: absolute;
    top: 26px;
    left: 15px;
    color: #848484;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

main form .field--type-string-long label {
    margin-bottom: 10px;
    margin-left: 15px;
    display: block;
}

main form .field--type-string .hasText label,
main form .field--type-email .hasText label,
main form .field--type-entity-reference .hasText label,
main form .field--type-telephone .hasText label,
main form .field--type-list-integer.field--widget-options-select label {
    top: -3px;
    font-size: 12px;
}

main form .field--type-string .form-item,
main form .field--type-email .form-item,
main form .field--type-entity-reference .form-item,
main form .field--type-telephone .form-item,
main form .field--type-list-integer.field--widget-options-select .form-item {
    /*padding-top: 16px;*/
}

main form .form-actions {
    width: 100%;
    clear: both;
    float: none;
    text-align: center;
}

/*-couleurs-*/
input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
input.form-number,
input.form-color,
input.form-file,
input.form-date,
input.form-time,
select,
textarea.form-textarea {
    padding: 8px 0;
    border: none;
    outline: 0;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
    border: solid 1px #dfe1e6;
    border-radius: 7px;
    padding: 5px 15px;
}

input.form-file {
    -webkit-box-shadow: inset 0 0 0 0 #838383;
    box-shadow: inset 0 0 0 0 #838383;
}

.form-managed-file input.form-submit {
    color: #fff;
    background-color: #22325c;
    border: none;
}

.ajax-progress-throbber .throbber {
    background: transparent url(../images/interface/ring-alt.gif) no-repeat 0 center;
    padding: 10px;
}

input.form-autocomplete:focus,
input.form-text:focus,
input.form-tel:focus,
input.form-email:focus,
input.form-url:focus,
input.form-search:focus,
input.form-number:focus,
input.form-color:focus,
input.form-date:focus,
input.form-time:focus,
select:focus,
textarea.form-textarea:focus,
.hasText input.form-autocomplete,
.hasText input.form-text,
.hasText input.form-tel,
.hasText input.form-email,
.hasText input.form-url,
.hasText input.form-search,
.hasText input.form-number,
.hasText input.form-color,
.hasText input.form-date,
.hasText input.form-time,
.hasText select,
.hasText textarea.form-textarea {
    -webkit-box-shadow: inset 0 -3px 0 0 #22325c;
    box-shadow: inset 0 -3px 0 0 #22325c;
}

textarea.form-textarea {
    height: 50px;
    font-size: 16px;
    background: transparent;
}

.hasText textarea.form-textarea {
    height: 150px;
}

input.form-autocomplete,
input.form-text,
input.form-tel,
input.form-email,
input.form-url,
input.form-search,
select {
    width: 100%;
    background: transparent;
    min-height: 38px;
}

input.form-number,
input.form-date {
    min-height: 38px;
}

input[type=checkbox]:checked,
input[type=checkbox]:disabled:checked,
input[type=radio]:checked,
input[type=radio]:disabled:checked {
    background-color: #000;
}

input[type=checkbox]:hover,
input[type=checkbox]:focus,
input[type=radio]:hover,
input[type=radio]:focus {
    border: 1px solid #000;
}

input[type=checkbox],
input[type=radio] {
    margin: 0 10px 0 0;
}

input[type=checkbox]:before,
input[type=radio]:before {
    font-family: 'FontAwesome';
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -2px;
    padding-top: 1px;
    text-align: center;
    background: #fff;
    font-size: 11px;
    color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

input[type=radio]:before {
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

input[type=checkbox]:checked:before,
input[type=radio]:checked:before {
    content: "\f00c";
    color: #003374;
    border: 2px solid #003374;
}

input[type=radio]:checked:before {
    content: "\f111";
}

/*///////////////////////////////////////*/
/* //////// FIN FORMULAIRE //////////// */
/*/////////////////////////////////////*/


/*///////////////////////////////////////*/
/* //////// PACK 4 matchs //////////// */
/*/////////////////////////////////////*/


.page-node-4042 h1{
    font-family: 'Oswald', sans-serif;
    font-size: 36px;
    color: #22325c;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.page-node-4042 .para-item h3{
    display: contents;
}

/*///////////////////////////////////////*/
/* //////// PAGE APP //////////// */
/*/////////////////////////////////////*/

.page-node-type-page-app .block-titre{
    min-height: inherit;
}
.page-node-type-page-app .block-titre .wrapper{
    min-height: 120px;
    padding: 20px 10px 0;
    max-width: 100%;
}
.page-node-type-page-app .block-titre .wrapper h1{
    font-size: 32px;
    max-width: 100%;
}
.page-node-type-page-app .region-content{
    padding: 20px 15px;
}
.node--type-page-app .para-item p {
    margin: 0 0 0 0px;
}

.path-compte-suppression .layout-content,
.path-mot-de-passe-recuperation .layout-content{
    padding: 150px 0;
}

.cep-form-bloc .cep-form-actions input{
    display: inline-block;
    background-color: #d9131a;
    text-align: center;
    text-decoration: none;
    border-radius: 6px;
    padding: 8px 40px;
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
    color: #ffffff;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    margin: 30px 0px 0 0px;
    border: none;
}