/* CSS Document */

@media screen and (min-width: 1290px) {
/*	 header .block-superfish ul li a.menuparent {
        pointer-events: none;
    }*/
}

@media screen and (min-width: 1200px) {

    header .block-superfish ul.sf-menu li {
        display: inline-block;
        float: none;
    }
	
    header .block-superfish ul li a {
        padding: 15px 20px !important;
        text-align: center;
        text-decoration: none;
        height: 65px;
        display: flex;
        align-items: center;
        font-family: 'Roboto', sans-serif;
        font-size: 16px;
        color: #ffffff;
        text-transform: uppercase;
    }

    header .block-superfish ul > li:nth-child(7) a.menuparent {
        pointer-events: auto;
    }

    header .block-superfish ul li ul {
        display: none;
    }

    header .block-superfish ul li ul li a {
        padding: 5px 15px !important;
        height: 45px;
    }

    ul.sf-menu .sf-sub-indicator {
        height: 35px;
        right: 0;
        top: 25px;
        bottom: -10px;
        width: 15px;
        text-align: center;
    }

    ul.sf-menu .sf-sub-indicator:after {
        content: "";
        height: 12px;
        width: 12px;
        left: 0;
        right: 0;
        bottom: 3px;
        top: auto;
        background: url(../images/interface/down-arrow.svg) no-repeat center;
        background-size: contain;
    }


    header .block-superfish a.billetterie:hover{
        background-color:  rgb(204,168,89);
    }

    #block-conferencepresse iframe{
        width: 560px;
    }

}

@media screen and (max-width: 1250px) {
    .view-actualites .list-actus,
    .view-id-medias_photo .list-galeries,
    .view-id-medias_video .list-videos,
    #block-views-block-produits-page .view-content {
        justify-content: space-around;
    }
    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs{

    }
	
    .view-actualites .list-actus .actu, 
    .view-id-medias_photo .list-galeries .galerie, 
    .view-id-medias_video .list-videos .video {
        margin-right: 0;
    }
    #block-conferencepresse iframe{
        width: 560px;
    }

}

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

    /*Organigramme*/
    #block-pageorganigramme .organigramme-cat .list-org {
        width: 95%;
    }
	main .slider-content .swiper-slide .bloc-content .imgSlide{
		    background-size: contain;
	}
	main .slider-content .swiper-slide .bloc-content .titre{
		margin-bottom: 20px;
	}
	main .slider-content .swiper-slide .bloc-content{
		margin-top:50px;
	}
    .wrapper {
        padding: 0 10px;
    }
    #block-conferencepresse iframe{
        width: 560px;
    }
    header .region-header {
        display: flex;
        justify-content: space-between;
    }

    header .block-reseauxheader {
        float: none;
        height: 65px;
        justify-content: center;
    }

    .sf-accordion-toggle {
        position: relative !important;
        top: 18px !important;
        right: 20px !important;
        margin-left: 20px;
    }

    /*FICHE JOUEUR*/
    .block-titre.joueur_nm1 .wrapper {
        min-height: 300px;
    }

    .node--type-joueur-nm1 #block-gauche-joueur {
        margin-top: 0;
    }

    #entete-joueur .numero-fiche {
        font-size: 222px;
        bottom: -32px;
    }

    /*Fiche equipe amateur*/
    .node--type-equipe-amateur #block-gauche-equipe {
        margin-top: 0;
        margin-right: 0;
    }

    .node--type-equipe-amateur .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    #block-droite-equipe {
        max-width: 100%;
    }
    #block-videopresentationducep {
        text-align: center;
        margin: 0px 0px 0px 0;
    }

    /*MENU MOBILE*/
    #superfish-main {
        display: none;
    }

    header .block-superfish ul li ul {
        display: none;
    }

    #superfish-main-accordion {
        top: 0 !important;
        width: 100% !important;
        /*background: linear-gradient(#141e38, #2d3754) !important;*/
        background: url('../images/interface/bg-mobile.jpg') no-repeat center !important;
        background-size: cover !important;
        padding-top: 20px!important;
    }

    #superfish-main-accordion li {
        text-align: center;
    }

    #superfish-main-accordion li a {
        display: inline-block;
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        text-decoration: none;
        padding: 12px 15px 8px 15px !important;
        font-size: 22px;
        font-weight: 300;
    }

    #superfish-main-accordion li ul li a {
        font-size: 16px;
        color: #819fea;
        font-weight: 700;
        padding-top: 5px !important;
    }

    #superfish-main-accordion .sf-sub-indicator {
        right: -2px;
        font-size: 8px;
        top: 26px;
    }
    /*SLIDER */
    main .slider-content,
    main .slider-content .swiper-slide{
        height: 515px;
        margin-top: 25px;

    }
    main .slider-content .swiper-slide .bloc-content{
        height: 460px;
    }
    .block-cep-lorient-classement-home-block{
        margin-top: -60px;
    }
    .block-cep-lorient-matchs-home-block{
        margin-top: 10px;
    }
}

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


    .block-cep-lorient-matchs-home-block .matchs-home{
        display: block !important;
    }
    .block-cep-lorient-matchs-home-block .last-match.alone .box-last-match{
        justify-content: center;
    }
    .block-cep-lorient-matchs-home-block .last-match.last .box-last-match{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: row-reverse;
    }
    .block-cep-lorient-matchs-home-block .last-match.last{
        padding: 20px 0 0 0;
        border-top: 1px dotted #22325c;
        margin: 20px 0 0 0;
        text-align: center;
    }

    .block-cep-lorient-matchs-home-block .last-match .box-last-match .match{
        flex: 0.8;
    }
    /*Equipes ameteurs*/
    #block-pageamateurs .amateur-cat .list-part {
        justify-content: space-around;
    }

    #block-pageamateurs .amateur-cat .part {
        margin: 5px;
    }
    .node--type-live .tabLive{
        width: 70%;
        margin: -165px auto 20px;
    }
    .node--type-live .tabInfo{
        width: 70%;

    }
    /*LIVE HOME*/
    #live-home-container {
        margin-top: 80px;
    }

    #info-live-home .equipes {
        margin-top: 20px;
    }

    #live-home-container > div {
        position: relative;
    }
}

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

    /*TABLEAU CONVOCATIONS*/
    /*Fiche equipe amateur*/
    #block-views-block-convocations-block-1 table,
    #block-views-block-convocations-block-1 table thead,
    #block-views-block-convocations-block-1 table tbody,
    #block-views-block-convocations-block-1 table th,
    #block-views-block-convocations-block-1 table td,
    #block-views-block-convocations-block-1 table tr,
    #block-pageresultatsamateurs table,
    #block-pageresultatsamateurs table thead,
    #block-pageresultatsamateurs table tbody,
    #block-pageresultatsamateurs table th,
    #block-pageresultatsamateurs table td,
    #block-pageresultatsamateurs table tr {
        display: block;
    }

    #block-views-block-convocations-block-1 table tr:nth-of-type(odd),
    #block-pageresultatsamateurs table tr:nth-of-type(odd) { 
        background: #eee; 
    }
    .block-cep-lorient-matchs-home-block .billetterie{
        text-align: center;
    }
    #block-views-block-convocations-block-1 table tr:nth-of-type(odd) td,
    #block-pageresultatsamateurs table tr:nth-of-type(odd) td {
        border-bottom: solid 1px #bdbdbd !important;
        width: 100%;
    }

    #block-pageresultatsamateurs table td .resume::before {
        opacity: 0;
    }

    #block-pageresultatsamateurs table td .resume .lien-bas {
        display: none;
    }

    #block-views-block-convocations-block-1 table td.views-field-title {
        margin: 0 !important;
    }

    #block-views-block-convocations-block-1 table tr,
    #block-pageresultatsamateurs table tr {
        border: 1px solid #ccc;
    }

    #block-views-block-convocations-block-1 table td,
    #block-pageresultatsamateurs table td {
        border: none !important;
        border-bottom: 2px solid #eee !important; 
        position: relative !important;
        padding-left: 35% !important;
        text-align: left !important;
        text-transform: uppercase !important;
        font-weight: 400 !important;
        min-height: 38px !important;
    }

    #block-views-block-convocations-block-1 table td:before,
    #block-pageresultatsamateurs table td:before { 
        position: absolute;
        top: 12px;
        left: 6px;
        width: 35%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: 600;
        font-size: 14px;
    }

    #block-views-block-convocations-block-1 table thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #block-views-block-convocations-block-1 td:nth-of-type(1):before { content: "Équipe"; }
    #block-views-block-convocations-block-1 td:nth-of-type(2):before { content: "Date"; }
    #block-views-block-convocations-block-1 td:nth-of-type(3):before { content: "Adversaire"; }
    #block-views-block-convocations-block-1 td:nth-of-type(4):before { content: "Heure"; }
    #block-views-block-convocations-block-1 td:nth-of-type(5):before { content: "Salle"; }
    #block-views-block-convocations-block-1 td:nth-of-type(6):before { content: "RDV"; }
    #block-views-block-convocations-block-1 td:nth-of-type(7):before { content: "Marqueur"; }
    #block-views-block-convocations-block-1 td:nth-of-type(8):before { content: "Chrono"; }
    #block-views-block-convocations-block-1 td:nth-of-type(9):before { content: "Arbitre"; }
    #block-views-block-convocations-block-1 td:nth-of-type(10):before { content: "Responsable"; }

    #block-pageresultatsamateurs td:nth-of-type(1):before { content: "Équipe"; }
    #block-pageresultatsamateurs td:nth-of-type(2):before { content: "Date"; }
    #block-pageresultatsamateurs td:nth-of-type(3):before { content: "Domicile"; }
    #block-pageresultatsamateurs td:nth-of-type(4):before { content: "Score"; }
    #block-pageresultatsamateurs td:nth-of-type(5):before { content: "Extérieure"; }

    /*FICHE JOUEUR*/
    .node--type-joueur-nm1 .wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .node--type-joueur-nm1 #block-gauche-joueur {
        width: 100%;
        margin-right: 0;
    }

    .node--type-joueur-nm1 #photo-joueur {
        height: 250px;
        width: 100%;
        text-align: center;
    }

    .node--type-joueur-nm1 #photo-joueur img {
        height: 100%;
    }

    .node--type-joueur-nm1 #stats-joueur {
        padding: 20px;
    }

    .node--type-joueur-nm1 #stats-joueur span.stat {
        margin-top: 10px;
    }

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

    /*Page événements*/
    #block-views-block-evenements-partenaires-page .views-row {
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 20px;
        border-bottom: solid 2px #d0d0d0;
    }

    #block-views-block-evenements-partenaires-page .views-row .image {
        margin-right: 0;
    }

    #block-views-block-evenements-partenaires-page .views-row .content .date {
        font-weight: 400;
        text-align: center;
    }

    /*Classement home*/
    .block-cep-lorient-classement-home-block {
        float: none;
        width: 100%;
        padding: 10px;
        margin-top: 50px;
    }

    /*Page Calendrier*/
    #block-views-block-matchs-page .views-row {
        flex-direction: column;
    }

    #block-views-block-matchs-page .match-score {
        width: 100%;
        border-right: none;
    }

    #block-views-block-matchs-page .date-match {
        width: 100%;
        border-right: none;
        padding-bottom: 10px;
    }

    #block-views-block-matchs-page .match-equipe {
        width: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding-bottom: 15px;
        padding-left: 0;
    }

    #block-views-block-matchs-page .views-row {
        border-top: solid 3px #dadada;
    }

    #block-views-block-matchs-page .match-equipe .resume::before {
        top: auto;
        width: 60px;
    }

    /*Dernier match Home*/
    .block-cep-lorient-matchs-home-block {
        width: 100%;
    }

    /*Stats joueurs home*/
    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs {
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur {
        width: 250px;
        margin-bottom: 20px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur .numero-joueur {
        top: 35px;
        left: 160px;
        font-size: 95px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat-txt {
        margin: 0;
        font-weight: 400;
        font-size: 15px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail {
        padding: 10px 10px 45px 10px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .nom-joueur {
        font-size: 18px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur div.detail .stat-val {
        font-size: 44px;
        margin-bottom: 7px;                                                                                  margin-bottom: 7px;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs .joueur .photo img {
        height: 220px;
    }

    .block-cep-lorient-stats-joueurs-block  .clearfix:after,
    #block-newsdelapagedaccueil .clearfix:after{
        display: none;
    }

    .news-content .news-home .list-actus {
        justify-content: space-around;
    }

    .news-content .news-home .list-actus .actu {
        width: 250px;
        margin-right: 0;
    }

    .news-content .news-home .list-actus .actu a .detail {
        padding: 15px 15px 45px 15px;
    }

    .news-content .news-home .list-actus .actu a {
        min-height: 260px;
    }

    /*Actualités accueil*/
    .news-content .news-home .list-actus .actu.hidden-mobile {
        display: none;
    }

    /*Liste joueurs NM1*/
    .view-id-joueurs .view-content {
        justify-content: space-around;
    }

    .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 {
        margin-bottom: 30px;
        margin-top: 50px;
    }

    /*Mise en avant Temporaire*/
    #mise-en-avant {
        min-height: 1100px;
    }

    #abonnement {
        height: 550px;
        padding-top: 50px;
        padding-bottom: 50px;
        bottom: -60px;
    }

    #construction {
        padding-top: 250px;
    }

    #animation-logo {
        top: 250px;
    }

    .spinner1 {
        top: 445px !important;
    }

    #abonnement #vibrez {
        margin-top: 15px;
        margin-left: 0;
        margin-bottom: 15px;
        max-width: 80%;
    }

    #abonnement .wrapper-small {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: space-around !important;
        text-align: center;
    }
    .block-cep-lorient-classement-home-block{
        margin-top: 0px;
    }
    .block-cep-lorient-matchs-home-block{
        margin-top: 15px;
    }
    #block-conferencepresse {
        width: 100%;
        text-align: center;
        padding-top: 80px;
        clear: both;
        margin-top: 0px;
        padding: 0;
    }
    #block-conferencepresse iframe{
        min-height: 444px;
    }
}

@media screen and (max-width: 900px) {
    /*Détail actualité*/

    .block-titre.actualite .wrapper {
        justify-content: center;
        padding-left: 0;
        padding-bottom: 10px;
    }

    .block-titre.actualite .wrapper h1 {
        font-size: 24px;
        text-align: center;
        max-width: 800px;
    }

    .node--type-actualite .actu-top {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .node--type-actualite .actu-top .actu-photo {
        float: none;
        border: 10px solid #ffffff;
        margin: 50px 20px 10px 0;
        display: inline-block;
    }
}

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

    main .slider-content .swiper-slide{
       /* background-position: -235px 46px !important;
        background-size: 172% !important;*/
    }

    /*Activation des Hover bouton mobile*/
    .block-cep-lorient-classement-home-block .classement-home .lien-classement div.lien-bas, .block-cep-lorient-classement-home-block .classement-home .lien-classement span {
        transform: translateX(0);
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a .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 a .joueur div.detail .lien-bas .txt-fiche {
        display: inline-block;
    }

    .block-cep-lorient-stats-joueurs-block .stats-joueurs-home .list-joueurs a .joueur div.detail::before {
        width: 100%;
        border-width: 0 0 35px 0;
    }

    .news-content .news-home .list-actus .actu a .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: inline-block;
    }

    .news-content .news-home .list-actus .actu a::before {
        width: 100%;
        border-width: 0 0 36px 0;
    }

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

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

    .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 {
        width: 100%;
        border-width: 0 0 36px 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: inline-block;
    }

    .view-actualites .list-actus .actu .link .detail .lien-bas, .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 {
        background-position: 10px 0;
    }

    /*Fin hover boutons*/

    #block-views-block-sections-amateurs-block-1 .views-row {
        flex-direction: column;
    }

    #block-views-block-sections-amateurs-block-1 .views-col {
        width: 100% !important;
        max-width: 400px;
        margin-bottom: 5px;
    }

    /*Titre page*/
    .block-titre.contenu .wrapper h1 {
        font-size: 32px;
    }

    /*Organigramme*/
    #block-pageorganigramme .organigramme-cat.cat-290 .list-org .org,
    #block-pageorganigramme .organigramme-cat .list-org .org {
        width: 100%;
        margin: 10px;
    }

    #block-pageorganigramme {
        padding-bottom: 100px;
    }
    /*SLider accueil*/
    main .slider-content,
    main .slider-content .swiper-slide,
    main .slider-content .swiper-slide .bloc-content {
        height:390px;
    margin-top: 32px;
       background-size: cover;
       /*  background-position: -167px 39px;*/

    }
    main .slider-content .swiper-slide .bloc-content{
        width: 100%;
    }
	main .slider-content .swiper-slide .bloc-content .imgSlide{
		    width: 55%;
    margin: 0 auto;
	}
	
    /*	main .slider-content .swiper-slide .bloc-content::before {
        top: 350px;
        bottom: 0;
        left: -80px;
    }*/
    /* main .slider-content .swiper-slide .bloc-content {
        width: 100%;
     padding: 0 2px;
     margin-right: 6px;
     }*/

    /*  main .slider-content .swiper-slide .bloc-content .titre{
                      margin-top: 307px;
      font-size: 20px;
      margin-bottom: 24px;
      width: 90%;
          }*/

    main .slider-content .swiper-slide .bloc-content .lien a {
        font-size: 15px;
    }

    main .slider-content .swiper-pagination{
        position: absolute;
        top: -4px;
        /* right: 285px; */
        z-index: 99;
        background-color: #22325c;
        margin: 0 auto;
        /* border-radius: 5px; */
        padding: 5px;
        left: 0;
        right: 0;
    }

    #mise-en-avant .raquette {
        right: -50px;
        top: -100px;
    }

    #construction {
        width: 100%;
        max-width: 480px;
        position: absolute;
        left: 50%;
        margin: 0 auto;
        margin-left: -240px;
    }

    #mise-en-avant #bg-logo {
        left: 50%;
        margin-left: -240px;
        width: 100%;
        max-width: 480px;
    }

    .partenaires a {
        width: 33%;
    }

    /*photo en haut et en bas*/
    .pos-photo-1.nb-photos-1 .para-photos .para-photo,
    .pos-photo-2.nb-photos-1 .para-photos .para-photo,
    .pos-photo-1.nb-photos-2 .para-photos .para-photo,
    .pos-photo-2.nb-photos-2 .para-photos .para-photo {
        width: 97%;
        max-width: 97%;
        margin: 0 1.5%;
    }

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

    .pos-photo-1.nb-photos-3 .para-photos .para-photo:nth-child(2n+1),
    .pos-photo-2.nb-photos-3 .para-photos .para-photo:nth-child(2n+1) {
        clear: both;
        margin: 0 auto;
    }

    .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 {
        width: 30%;
        margin: 0 1.5%;
    }

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

    .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: none;
    }



}

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

    /*Titre page*/
    .block-titre.contenu .wrapper {
        min-height: 230px;
    }

    .block-titre {
        min-height: 230px;
    }

    /*Fiche equipe amateur*/
    #resultats-amateur,
    #resultats-amateur thead,
    #resultats-amateur tbody,
    #resultats-amateur th,
    #resultats-amateur td,
    #resultats-amateur tr {
        display: block;
    }

    #resultats-amateur tr:nth-of-type(odd) { 
        background: #eee; 
    }

    #resultats-amateur tr {
        border: 1px solid #ccc;
    }

    #resultats-amateur td {
        border: none;
        border-bottom: 2px solid #eee; 
        position: relative;
        padding-left: 35%;
        text-align: left;
        text-transform: uppercase;
        font-weight: 400;
    }

    #resultats-amateur td:before { 
        position: absolute;
        top: 12px;
        left: 6px;
        width: 35%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: 600;
        font-size: 14px;
    }

    #resultats-amateur td:nth-of-type(1):before { content: "Date"; }
    #resultats-amateur td:nth-of-type(2):before { content: "Domicile"; }
    #resultats-amateur td:nth-of-type(3):before { content: "Résultat"; }
    #resultats-amateur td:nth-of-type(4):before { content: "Extérieure"; }

    /*Page boutique*/
    #contact-boutique .form-contact-boutique {
        width: 98%;
    }

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

    /*Page classement*/
    #block-views-block-classement-page {
        width: 100%;
    }

    #block-views-block-classement-page .views-row .points {
        padding-right: 5px;
    }

    #block-views-block-classement-page .views-row.contenu .equipe {
        justify-content: center;
        flex-wrap: wrap;
        padding-bottom: 5px;
        text-align: center;
    }

    #block-views-block-classement-page .views-row .equipe img {
        max-height: 40px;
        margin-left: 15px;
        margin-right: 0;
    }

    #block-views-block-classement-page .views-row .equipe .position {
        padding-left: 0;
        font-size: 30px;
    }

    #block-views-block-classement-page .views-row .equipe .nom-equipe {
        width: 100%;
        font-size: 13px;
        padding: 0 5px;
    }

    #block-views-block-classement-page .views-row .points {
        width: 12%;
    }

    #block-views-block-classement-page .views-row {
        min-height: 85px;
    }

    /*Page partenaires*/
    #block-pagepartenaires .partenaires-cat:last-of-type .list-part {
        column-count: 2;
    }

    #block-pagepartenaires .partenaires-cat:last-of-type .list-part p {
        font-size: 16px;
    }

    /*Liste joueurs NM1*/
    .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-width: 135px;
    }

    .view-id-joueurs .view-content .fiche-joueur .numero-joueur {
        top: 0;
        left: 90px;
        font-size: 100px;
    }

    .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, 
    .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 {
        height: 165px;
    }

    /*Dernier match accueil*/
    .block-cep-lorient-matchs-home-block .last-match .box-last-match {
        align-items: center;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone .box-last-match {
        flex-direction: column;
        flex-flow: column-reverse;
        align-items: center;
        margin-bottom: 25px;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone .box-last-match .match .score {
        font-size: 22px;
    }

    .block-cep-lorient-matchs-home-block .last-match .box-last-match {
        flex-direction: column;
    }

    .block-cep-lorient-matchs-home-block .titre-last-match {
        font-size: 40px;
    }

    .block-cep-lorient-matchs-home-block .last-match .box-last-match .match .team-logo img {
        max-height: 50px;
    }

    .block-cep-lorient-matchs-home-block .last-match .box-last-match .match .score {
        font-size: 26px;
        margin-left: 10px;
        margin-right: 10px;
    }

    .block-cep-lorient-matchs-home-block .next-match .matchs {
        margin-top: 5px;
    }

    .block-cep-lorient-matchs-home-block .next-match .matchs .match {
        border-right: none;
    }

    .block-cep-lorient-matchs-home-block .next-match .matchs .swiper-container {
        margin: 0 20px;
    }

    .block-cep-lorient-matchs-home-block .swiper-button-next {
        right: 0;
    }
    .block-cep-lorient-matchs-home-block .swiper-button-prev {
        left: 0;
    }

    /*Partenaires footer*/ 
    .partenaires-content .partenaires-home .list-partenaires .list-part, #block-pagepartenaires .partenaires-cat .list-part {
        justify-content: space-around;
    }

    .partenaires-content .partenaires-home .list-partenaires .list-part .part, 
    #block-pagepartenaires .partenaires-cat .list-part .part {
        padding: 10px;
    }

    .partenaires-content .partenaires-home .list-partenaires .list-part .part img, 
    #block-pagepartenaires .partenaires-cat .list-part .part img {
        max-width: 120px;
        max-height: 80px;
    }

    .partenaires-content .partenaires-home .list-partenaires .partenaires-cat, 
    #block-pagepartenaires .partenaires-cat, #block-pageorganigramme .organigramme-cat {
        width: 100%;
    }

    .partenaires-content .lien-partenaires a, 
    #block-pagepartenaires .lien-partenaires a {
        margin-bottom: 15px;
    }

    /*Menu footer*/
    footer .menu-footer .menu-group {
        width: 50%;
    }

    /* LIVE */
    .node--type-live .tabLive{
        width: 85%;
    }

    #block-prochainsmatchsdelapagedaccueil .titre-last-match{
        font-size:25px;
        padding: 0 0 15px 0;
    }
    #block-prochainsmatchsdelapagedaccueil .titre-last-match br{
        display: none;

    }
    #block-prochainsmatchsdelapagedaccueil .titre-last-match span{
        display: none;
    }


    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier{
        /*position: absolute;*/
        bottom: 0;
        right: 0;
        width: 100%;
        height: 67px;
        display: flex;
        justify-content: flex-end;
        overflow: hidden;
    }
    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier 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-matchs-home-block .last-match.alone .lien-calendrier div.lien-bas .fa {
        z-index: 1;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier div.lien-bas::hover::before{
        border-color: transparent transparent rgba(23, 24, 49, 0.5); 
    }
    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier 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-matchs-home-block .last-match.alone .lien-calendrier span {
        z-index: 1;
        width: 0;
        padding-top: 37px;
        overflow: hidden;
        background:  #22325c;
        color: #fff;
        width: 135px;
        transform: translateX(0);
        transition: all 300ms ease-in-out;
        margin-left: -1px;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier{
        text-align: center;
    }
    .block-cep-lorient-matchs-home-block .last-match.alone .lien-calendrier a{
        width: 100%;
        padding: 20px 20px;
        margin: 15px auto;
        font-size: 18px;
    }

    .block-cep-lorient-matchs-home-block .last-match .detail-match 
    .block-cep-lorient-matchs-home-block .last-match.alone  .detail-match {
        display: flex;
        justify-content: center;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone a{
        display: flex;
        flex-wrap: wrap;
    }

    .block-cep-lorient-matchs-home-block .last-match .detail-match a span.title-content,
    .block-cep-lorient-matchs-home-block .last-match.alone a span.title-content {
        z-index: 1;
        /*padding: 10px 0;*/
        color: #fff;
        /*        width: 130px;*/
        font-size: 16px;
        font-weight: 400;
        transition: all 300ms ease-in-out;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone .next-match a,
    .block-cep-lorient-matchs-home-block .last-match .detail-match a,
    .block-cep-lorient-matchs-home-block .last-match.alone .billetterie a{
        flex-flow: row-reverse;
        align-items: flex-end;
        /* text-align: right; */
        border-radius: 0;
        margin-top: 0px;
        padding: 10px;
        width: 100%;
    }
    .block-cep-lorient-matchs-home-block .last-match .detail-match a{
        flex-flow:row;
        margin-bottom: 5px;
    }
    .block-cep-lorient-matchs-home-block .last-match .detail-match a i{
        margin: 10px 0;
    }

    .block-cep-lorient-matchs-home-block .last-match.alone a .lien-bas,
    .block-cep-lorient-matchs-home-block .last-match .detail-match a .lien-bas {
        position: relative;
        margin-left: 0;
        margin-right: 5px;
        /*margin-bottom: 10px;*/
    }
    .block-cep-lorient-matchs-home-block .last-match.alone .billetterie a .lien-bas{
        margin-bottom: 0px;
    }
    .block-cep-lorient-matchs-home-block .last-match .detail-match ,
    .block-cep-lorient-matchs-home-block .last-match.alone .next-match,
    .block-cep-lorient-matchs-home-block .last-match.alone .billetterie{
        margin: 5px 0 0 0;
        text-align: center;
        display: inherit;
    }

    /*.block-cep-lorient-matchs-home-block .last-match.alone a .lien-bas::before,
    .block-cep-lorient-matchs-home-block .last-match .detail-match a .lien-bas::before {
        content: '';
        position: absolute;
        top: -43px;
        left: -75px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 0 65px 65px;
        border-color: transparent transparent #22325c;
        transition: 250ms ease all;
    }*/

    .block-cep-lorient-classement-home-block{
        margin-top:0px;
    }
    .block-cep-lorient-matchs-home-block{
        margin-top: 15px;
    }
    #block-conferencepresse {

        margin-top: 0px;
        padding: 0;
    }
    #block-conferencepresse iframe{
        min-height: 300px;
    }
    .node--type-match .stats tbody td,
    .node--type-match .stats thead td{
        font-size: 14px;
    }

    .node--type-match .overf{
        border: 1px solid #000;
        overflow-x:auto;
    }
    #block-videopresentationducep iframe{
        width: 100%;

    }
    main #block-statsjoueursdelapagedaccueil-2 .blockTitre .titre-section-home{
        width: 65%;
    }
    main #block-classementcourtdelapagedaccueil .blockTitre .titre-section-home{
        width: 65%;
    }
	.path-frontpage main .view-id-medias_video .titre-section-home,
	#block-newsdelapagedaccueil .blockTitre .titre-section-home{
		width: 86%;
	}
	
}

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

    /*LIVE HOME*/
    #info-live-home .titre {
        text-align: center;
    }
	header .block-reseauxheader{
		display: block;
	}
	header .block-reseauxheader .reseau{
		display: none;
	}
	header .block-reseauxheader a.billetterie{
		margin-top: 15px;
	}
    #info-live-home .titre h3 {
        font-size: 26px;
    }

    #info-live-home .equipes span {
        font-size: 44px;
    }

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

    /*Filtres actualites*/
    .view-actualites .filtres-actu {
        float: none;
    }

    #block-conferencepresse iframe{
        width:90%;
    }

    .view-actualites .filtres-actu .filtres-choix {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .view-actualites .filtres-actu .filtres-choix a {
        margin-bottom: 8px;
    }

    /*Logo header*/

    header {
        background-color: rgba(23,24,49,0.9);
    }

    header .block-logoheader {
        padding-left: 8px;
        padding-top: 7px;
        width: 75px;
    }

    header .block-logoheader img {
        max-width: 70px;
    }

    /*Fiche joueur*/
    #presentation-joueur div {
        width: 100%;
        border-right: solid 1px #eef1f5;
    }

    #presentation-joueur div:nth-child(5) {
        border-bottom: none;
    }

    /*Page événements partenaires*/
    #block-views-block-evenements-partenaires-page .views-row .content {
        max-width: 300px;
    }

    #block-views-block-evenements-partenaires-page .views-row .content .desc {
        line-height: 22px;
    }

    /*Classement home*/
    .block-cep-lorient-classement-home-block .classement-home {
        padding: 20px 10px 65px 10px;
        min-height: inherit;
    }

    .block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-titre {
        font-size: 15px;
    }

    .block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-pct {
        display: none;
    }

    .block-cep-lorient-classement-home-block .classement-home .list-classement .ligne-classement .ligne-titre {
        width: 60%;
    }


    .block-cep-lorient-matchs-home-block .last-match.alone{
        margin-bottom: 50px;
    }

    /*Détail match*/
    #score-title img {
        max-height: 70px;
        max-width: 70px;
    }

    #score-title h3 {
        font-size: 32px;
    }

    #score-title {
        padding: 10px 0;
    }

    /*Calendrier*/
    #block-views-block-matchs-page .match-equipe .equipes {
        max-width: 250px;
    }

    /*Historique du club*/
    #block-views-block-historique-page {
        margin-top: 50px;
    }
    #block-views-block-historique-page .acces-annee{
        display: none;
    }
    #block-views-block-historique-page .histo-list{
        margin: 0;
    }
    #block-views-block-historique-page .histo-list .histo-annee::after{
        width: 100%;
    }
    #block-views-block-historique-page .histo-list .histo-annee .col-annee{
        float: inherit;
        width: 100%;
    }
    #block-views-block-historique-page .histo-list .histo-annee .evenements{
        width: 100%;

    }

    #mise-en-avant .wrapper {
        height: 700px;
    }

    #construction {
        padding-top: 150px;
    }

    #construction h2 {
        margin-top: 0;
    }

    #animation-logo {
        top: 150px;
    }

    .spinner1 {
        top: 345px !important;
    }

    #construction {
        position: relative;
        left: inherit;
        margin: 0 auto;
    }

    #bg-raquette {
        display: none;
    }

    #abonnement #abo-btn {
        margin-left: 0;
    }
    .red-title-left div {
        width: 40%;
    }

    .partenaires a {
        width: fit-content;
        margin: 30px 10px;
    }

    /*photo à droite et à gauche*/
    .pos-photo-3 .para-photos,
    .pos-photo-4 .para-photos {
        max-width: 97%;
        margin: 20px 1.5%;
    }

    /*photo en haut et en bas*/
    .pos-photo-1.nb-photos-3 .para-photos .para-photo,
    .pos-photo-2.nb-photos-3 .para-photos .para-photo, .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 {
        width: 97%;
    }
    main .slider-content .swiper-slide .bloc-content{
        width: 100%;
        padding: 0 2px;
        margin-right: 6px;
		height: 300px;
    }
    main .slider-content .swiper-slide .bloc-content .titre{
        font-size: 20px;
    }
    main .slider-content .swiper-slide .bloc-content .description p{
        font-size: 13px;
        margin: 0px 0 0px 0;
    }
    main .slider-content .swiper-slide .bloc-content::before{
        top: 350px;
        bottom: 0;
        left: -80px;
    }
	main .slider-content .swiper-slide .bloc-content .imgSlide{
		    height: 241px;
    width: 96%;
	}
	
    main .slider-content .swiper-slide .bloc-content .lien a{
        padding: 5px 15px;
    }
    #live-home-container{
        margin-top: 40px;
    }
    main .slider-content .swiper-slide{
        /*background-position: -139px 25px !important;
        background-size: 203% !important;*/
    }

    main .slider-content .swiper-pagination-slider{
        display: none;
    }
    main .slider-content .swiper-slide .bloc-content::before{

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

    .block-cep-lorient-matchs-home-block{
        margin-top: 20px;
    }
    #block-conferencepresse {
        margin-top: 390px;
    }
    #block-conferencepresse iframe{
        min-height: 315px;
    }    
    main .slider-content .swiper-slide .bloc-content  .description,
    main .slider-content .swiper-slide .bloc-content  .lien {
        margin: 0px auto;
        padding: 5px 15px;
    }
}
@media screen and (max-width: 480px) {
    /* LIVE */
    .node--type-live .tabLive,
    .node--type-live .tabInfo{
        width: 98%;
    }
    main .slider-content .swiper-slide{
        /*background-position: -139px 25px !important;
        background-size: 203% !important;*/
        background-position: -180px -3px !important;
        background-size: 241% !important;
    }
    .node--type-live .tabLive .team{
        display: none;
    }
    #block-prochainsmatchsdelapagedaccueil .titre-last-match{
        font-size: 25px;
    }
    .block-cep-lorient-classement-home-block{
        margin-top:15px;
    }
    .block-cep-lorient-matchs-home-block{
        margin-top: 40px;
    }
    #block-conferencepresse iframe{
        min-height: 199px;
    }
    main .slider-content{
        /*display: none;*/
		background-position: center 4px;
    }
    /*main .slider-content, main .slider-content .swiper-slide, main .slider-content .swiper-slide .bloc-content {
height: 254px;
margin-top: 30px;
}*/
    main .slider-content .swiper-pagination{
        position: absolute;
        top: -4px;
        /* right: 285px; */
        z-index: 99;
        background-color: #22325c;
        margin: 0 auto;
        /* border-radius: 5px; */
        padding: 5px;
        left: 0;
        right: 0;
    }
}
@media screen and (max-width: 400px) {
    main .slider-content .swiper-slide{
        background-position: -180px -3px !important;
        background-size: 269% !important;
    }

    .block-cep-lorient-classement-home-block{
        margin-top: 15px;
    }
    .block-cep-lorient-matchs-home-block{
      /*  margin-top: -1155px;*/
    }
    #block-conferencepresse {
        margin-top: 5px;
        padding: 0;
    }
    #block-conferencepresse iframe{
        min-height: 199px;
    }
    main #block-classementcourtdelapagedaccueil .blockTitre .titre-section-home{
        width: 100%;
    }
    main .blockTitre div.titre2{
        width: 42%;
    }
    main #block-statsjoueursdelapagedaccueil-2 .blockTitre .titre-section-home{
        width: 100%;
    }
    main .titre-section-home{
        width: 100%;
    }
}
@media screen and (max-width: 350px) {
    main .slider-content .swiper-slide{
        background-position: -173px 10px !important;
        background-size: 281% !important;
    }

    .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-width: 115px;
    }
    #block-prochainsmatchsdelapagedaccueil .titre-last-match br{
        display: none;
    }
    #block-prochainsmatchsdelapagedaccueil .titre-last-match{
        font-size: 23px;
    }
    .block-cep-lorient-classement-home-block{
        margin-top: 15px;
    }
    .block-cep-lorient-matchs-home-block{
      /*  margin-top: -1140px;*/
    }

}