/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */

 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

     margin: 0;

     padding: 0;

     border: 0;

     font-size: 100%;

     font: inherit;

     vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {

     display: block;

}

 body {

     line-height: 1;

}

 ol, ul {

     list-style: none;

}

 blockquote, q {

     quotes: none;

}

 blockquote:before, blockquote:after, q:before, q:after {

     content: '';

     content: none;

}

 table {

     border-collapse: collapse;

     border-spacing: 0;

}

/**** Style général ****/

 html {

     overflow-y: scroll;

}

 body{

     background-color:#f1f2f3;

     overflow-x: hidden;

}

 .light {

     font-weight:300;

}

 .medium{

     font-weight:500;

}

 .semibold {

     font-weight:600;

}

 .bold {

     font-weight:700;

}

 .site{

     max-width: 1354px;

     margin-left: auto;

     margin-right: auto;

     padding-left: 12px;

     padding-right: 12px;

     font-family: 'Oswald', sans-serif;

}

/****Header****/

 .header{

     width: 100vw;

     max-width: 100vw;

     position: relative;

     left: 50%;

     right: 50%;

     margin-left: -50vw;

     margin-right: -50vw;

     background: #0009ac;

     height:146px;

}

 .header-inner{

     width: 1334px;

     display:flex;

     margin-left: auto;

     margin-right: auto;

     padding-left: 12px;

     padding-right: 12px;

}

#cadre_defil_1{
	margin-bottom:10px;
}

 .news-deroulante{

     height:22px;

     background-color:#00055a;

     text-align:center;

     padding-top:7px;

}

 .news-deroulante .news-deroulante-container{

     display:block;

     overflow: hidden;

     position: relative;

     table-layout: fixed;

     width: 750px;

     margin:0 auto;

}

 .news-deroulante p{

     font-family: 'Open Sans', sans-serif;

     font-style:italic;

     font-size:14px;

     color:#fff;

     display:block;

     -webkit-animation:linear marqueelike 15s infinite ;

     -moz-animation:linear marqueelike 15s infinite ;

     -o-animation:linear marqueelike 15s infinite ;

     -ms-animation:linear marqueelike 15s infinite ;

     animation:linear marqueelike 15s infinite ;

     margin-left:-100%;

     padding:0 5px;

     text-align:left;

     height:25px 
     
}

 .news-deroulante p:after {

     content:attr(data-text);

     position:absolute;
     
    white-space:nowrap;

     padding-left:10px;

}

 @-webkit-keyframes marqueelike {

     0%, 100% {

         margin-left:0;

    }

     99.99% {

         margin-left:-100%;

    }

}

 @-moz-keyframes marqueelike {

     0%, 100% {

         margin-left:0;

    }

     99.99% {

         margin-left:-100%;

    }

}

 @-o-keyframes marqueelike {

     0%, 100% {

         margin-left:0;

    }

     99.99% {

         margin-left:-100%;

    }

}

 @-ms-keyframes marqueelike {

     0%, 100% {

         margin-left:0;

    }

     99.99% {

         margin-left:-100%;

    }

}

 @keyframes marqueelike {

     0%, 100% {

         margin-left:0;

    }

     99.99% {

         margin-left:-100%;

    }

}

 .main{

     width:100%;

}

 .main-haut{

     display:flex;

     justify-content: space-between;

}

 .main-haut .nav-icon{

     display:flex;

}

 .main-haut .nav-icon{

     align-items:center;

     align-self:flex-start;

     margin-top:10px;

}

 .main-haut .nav-icon li{

     margin-left:5px;

}

 .nav-icon a{

     opacity: 1;

     transition: opacity .5s ease-out;

     -moz-transition: opacity .5s ease-out;

     -webkit-transition: opacity .5s ease-out;

     -o-transition: opacity .5s ease-out;

}

 .nav-icon a:hover{

     opacity:.5;

}

 .main-title{

     font-size:50px;

     color:#fff;

     margin-top:6px;

}

 .logo a{

     display:inline-block;

     position: relative;

     top: -22px;

     margin-right:30px;

}

 .main-menu{

     margin-top:18px;

     padding-top:10px;

     border-top: solid 1px rgba(255,255,255,0.3);

}

 .main-menu ul{

     display:flex;

}

 .main-menu li + li:before{

     content: "|";

     margin-left:6px;

     color:#fff;

     position: relative;

     top: -3px;

     font-size: 22px;

     padding-left:10px;

     padding-right:10px;

     padding-top:0;

     padding-bottom:0 

}

 .main-menu li a{

     color:#fff;

     text-decoration:none;

     font-size:22px;

     text-transform:uppercase;

}

 .main-menu li a.active{

     border-bottom:4px solid #bc0000;

}

 .main-menu li a:hover{

     border-bottom:4px solid #fff;

}

/****Content****/

 .principal-content{

     padding-top:30px;

     color:#172030;

     display:flex;

     flex-wrap:wrap;

     justify-content: space-between;

}

 .page-content h2{

     font-size:25px;

     color:#172030;

     text-transform:uppercase;

}

 .page-content .news .slider-container{

     margin-top:10px;

     border-top:4px solid #0009ac;

     max-width:985px;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

     display:flex;

     flex-wrap:wrap;

     justify-content: space-between;

     width:100%;

     overflow: hidden;

}

 .page-content .news .slider-container .bx-wrapper{

     margin-bottom:0px;

}

 .page-content .news .slider-container .bx-wrapper img{

     height:auto;

}

 .page-content .text-slider{

     padding-left:10px;

}

 .page-content .text-slider h3{

     font-size:31px;

     margin-top:12px;

}

 .page-content .text-slider p{

     margin-top:8px;

     color:#303133;

     font-weight:400;

     padding-bottom:10px;

}

 .page-content .navigation-slider{

     display:flex;

     margin-right:16px;

     align-items:center;

}

 .page-content .navigation-slider a{

     margin-left:6px;

}

 .small-news{

     margin-top:13px;

     display:flex;

     max-width:985px;

     justify-content:space-between;

}

 .small-news .article .article-text tr th:first-child{

     padding-right:5px;

}

 .small-news .article{

     width:294px;

     padding:13px;

     border-top:4px solid #0009ac;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}

 .small-news .article .article-text{

     min-height:55px;

}

 .small-news .article table{

     border-spacing: 5px;

     border-collapse:separate;

}

 .small-news .article table a{

     width:140px;

}

 .small-news .article h4{

     font-size:18px;

     line-height:22px;

}

 .small-news p{

     margin-top:15px;

     /color:#303133;

     color:#000000;

     font-style:italic;

     font-size:14px;

     font-family: 'Open Sans', sans-serif;

     /couleur police "ci-dessous" "prochains matchs"

}

 .small-news a{

     margin:12px auto 0;

     display:block;

     font-size:14px;

     width:147px;

     height:32px;

     color:#000000;

     /color:#303133;

     background-color:#eaeff3;

     /background-color:#dddee0;

     box-sizing: border-box;

     text-decoration:none;

     text-align:center;

     text-transform:uppercase;

     font-family: 'Open Sans', sans-serif;

     padding-top:9px;

}

 .small-news a:hover{

     background-color:#fff;

     border-bottom:2px solid #0009ac;

     box-sizing: border-box;

}

 .classements{

     padding-top:28px;

}

 .classements-content{

     margin-top:12px;

     max-width:985px;

     border-top:1px solid #c0c2c5;

     display:flex;

     justify-content: space-between;

     flex-wrap: wrap;

}

 .classements-tableau{

     width:482px;

}

 .classements-content .excellence{

     margin-right:20px;

}

 .classements-tableau h3{

     text-align:center;

     font-size:20px;

     margin-top:12px;

     margin-bottom:18px;

}

 .classements-tableau table {

     border-spacing: 1;

     border-collapse: collapse;

     overflow: hidden;

     width: 100%;

     margin: 0 auto;

     position: relative;

}

 .classements-tableau table:after {

     content: '';

     position: absolute;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

     left: 0;

     right: 0;

     top: 24px;

    /*height of your table header*/

     bottom: 0;

     z-index: -1;

}

 .classements-tableau table * {

     position: relative;

}

 .classements-tableau table td, .classements-tableau table th {

     padding-left: 8px;

}

 .classements-tableau table thead tr {

     height: 24px;

}

 .classements-tableau table tbody{

     border-top:5px solid #0009ac;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}

 .classements-tableau table tbody tr {

     height: 26px;

}

 .classements-tableau table tbody tr:last-child {

     border: 0;

}

 .classements-tableau thead th{

     font-family:'Open Sans', sans-serif;

     font-size: 14px;

     color:#172030;

     font-weight:600;

}

 .classements-tableau tbody tr:nth-child(even) {

     /background-color: #f1f2f3;

     background-color: #eaeff3;

     /interlignes classement

}

 .classements-tableau tbody tr {

     font-family:'Open Sans', sans-serif;

     font-size: 14px;

     /color: #808080;

     color : #000000;

     line-height: 1.2;

     font-weight:400;

}

 .classements-tableau tbody tr:hover {

     color: #555555;

     background-color: #f5f5f5;

     cursor: pointer;

}

 .classements-tableau tbody td{

     color:#172030;

     vertical-align: middle;

}

 .classements-tableau tbody td.column2{

     /couleur nom equipes

     /color:#b0b3ba;

     /color:#5f6063;

     /color:#000000;

}

 .classements-tableau tbody tr .column1{

     font-weight:bold;

}

 .classements-tableau tbody tr .column2{

     text-transform: uppercase;

}

 .column1 {

     width: 50px;

     text-align:center;

}

 .column2 {

     width: 300px;

     text-align:left;

}

 .column3 {

     width: 50px;

     text-align:center;

}

 .column4 {

     width: 50px;

     text-align:center;

}

 .column5 {

     width: 50px;

     text-align:center;

}

 .column6 {

     width: 50px;

     text-align:center;

}

 .column7 {

     width: 50px;

     text-align:center;

     padding-right: 8px;

}

 .classements-tableau tbody tr.position-FCBC{

     background-color:#172030;

}

 .classements-tableau tbody tr.position-FCBC td{

     color:#fff;

}

 .classements-tableau tbody tr.forfait .column4{

     text-transform:uppercase;

     font-size:10px;

     line-height:10px;

}

/****galerie*****/

 .galerie{

     width:100%;

}

 .galerie-text{

     display:flex;

     align-items:center;

     margin-top:28px;

}

 .galerie-text h2{

     margin-right:13px;

     font-size:25px;

     color:#172030;

     text-transform:uppercase;

}

 .galerie-text .navigation-galerie{

     display:flex;

}

 .galerie-text a{

     margin-left:6px;

}

 .galerie-content{

     min-width: 100%;

     max-width:1354px;

     width:100%;

     min-height: 240px;

     flex-wrap: wrap;

     display:flex;

     justify-content: space-around;

     align-items: center;

     margin-top:13px;

}

 .galerie-picture{

     min-width: 320px;

     margin: 5px;

     flex: 0 0 auto;

     border-top: 4px solid #0009ac;

     background-color: #fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}

 .galerie-picture img{

     border: 5px solid #fff;

}

 .galerie-picture h3{

     font-size: 20px;

     padding:0px 0 6px;

     text-align:center;

}



.ug-thumb-wrapper{

	 border-top: 4px solid #0009ac;

     background-color: #fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}



.ug-thumb-image{

	border: 5px solid #fff;

}



/****Aside*****/

 aside{

     z-index: 50;

}

 .bloc-droit{

     max-width:348px;

     width:100%;

}

 .bloc-droit .next-match{

     text-align: center;

}

 .bloc-droit .next-match .next-match-title{

     text-transform:uppercase;

     color:#909297;

     font-size:20px;

     display: flex;

     justify-content: center;

}

 .bloc-droit .next-match .next-match-title span{

     background:url("images/icon-agenda.jpg") no-repeat;

     width:18px;

     height:21px;

     display: block;

     margin-right: 10px;

}

 .bloc-droit .next-match .next-match-date{

     font-size:25px;

     line-height:35px;

}

 .bloc-droit .bloc-results-next-match, .bloc-droit .bloc-weekend{

     border-top:4px solid #0009ac;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

     color:#172030;

     width:348px;

     margin-top:9px;

}


 .bloc-droit .bloc-weekend{

     margin-top:12px;

     min-height: 358px;

}

 .bloc-droit .bloc-results-next-match .show-next-match, .bloc-droit .bloc-results-next-match .show-results, .bloc-droit .bloc-weekend .show-weekend, .bloc-droit .bloc-weekend .show-next-journey{

     text-align:center;

}

 .bloc-droit .bloc-results-next-match ul, .bloc-droit .bloc-weekend ul{

     display:flex;

}

 .bloc-droit .bloc-results-next-match a, .bloc-droit .bloc-weekend a{

     text-decoration:none;

     color:#909297;

     display:block;

     height:32px;

     padding-top:10px;

     background-color:#dddee0;

     text-align:center;

     text-transform: uppercase;

     font-size: 18px;

}

 .bloc-droit .bloc-results-next-match .tab-result, .bloc-droit .bloc-weekend .tab-weekend{

     width:150px;
	
}

 .bloc-droit .bloc-results-next-match .tab-next-match, .bloc-droit .bloc-weekend .tab-next-journey{

     width:197px;

}

 .bloc-droit .bloc-results-next-match .tab-result a:hover, .bloc-droit .bloc-weekend .tab-weekend a:hover, .bloc-droit .bloc-results-next-match .tab-next-match a:hover, .bloc-droit .bloc-weekend .tab-next-journey a:hover{

     color:#172030;

}

 .bloc-droit .bloc-results-next-match .ui-tabs-active a, .bloc-droit .bloc-weekend .ui-tabs-active a{

     color:#172030;

     background-color:#fff;

}

 .bloc-droit .bloc-results-next-match p{

     font-size: 30px;

     text-align: center;

}

 .bloc-droit .bloc-results-next-match p.division{

     text-transform: uppercase;

     color:#909297;

     font-size: 15px;

     margin-bottom:5px;

}

 .bloc-droit .bloc-results-next-match .result{

     width:auto;

     border-bottom:1px solid #c0c2c5;

     padding: 0 10px 14px;

     margin-bottom:14px;

     min-width:200px;

}

 .bloc-droit .bloc-results-next-match #show-results, .bloc-droit .bloc-results-next-match #show-next-match{

     display: flex;

     flex-wrap: wrap;

     justify-content: center;

     margin-top: 14px;

}

 .bloc-droit .bloc-results-next-match .result:last-child{

     border:0;

     padding:0;

}

 .bloc-droit .tab-excellence a, .bloc-droit .tab-ppd a, .bloc-droit .tab-district4 a{

     margin-top:10px;

     padding:5px;

     color:#909297;

     background-color:#dddee0;

     border-radius: 5px;

     display:block;

     height:auto;

     font-size:15px;

}

 .bloc-droit .tab-excellence a:hover, .bloc-droit .tab-ppd a:hover, .bloc-droit .tab-district4 a:hover{

     color:#172030;

}

 .bloc-droit .tab-excellence a,.bloc-droit .tab-ppd, .bloc-droit .tab-district4 a{

     margin-right:5px;

}

 .bloc-droit .bloc-weekend #show-weekend .ui-tabs-active a, .bloc-droit .bloc-weekend #show-next-journey .ui-tabs-active a{

     background-color: #bc0000;

     color:#fff;

}

 #show-weekend-excellence, #show-weekend-ppd, #show-weekend-district4, #show-next-journey-excellence, #show-next-journey-ppd, #show-next-journey-district4{

     justify-content: center;

     display: flex;

     flex-wrap: wrap;

}

 #show-weekend-excellence .weekend-result, #show-weekend-ppd .weekend-result,#show-weekend-district4 .weekend-result, #show-next-journey-excellence .weekend-result, #show-next-journey-ppd .weekend-result, #show-next-journey-district4 .weekend-result{

     font-size:22px;

     min-width:270px;

     text-align: center;

     padding-bottom:12px;

     border-bottom:1px solid #c0c2c5;

     margin-top:12px;

}

 #show-weekend-excellence .weekend-result:last-child, #show-weekend-ppd .weekend-result:last-child, #show-weekend-district4 .weekend-result:last-child,#show-next-journey-excellence .weekend-result:last-child, #show-next-journey-ppd .weekend-result:last-child,#show-next-journey-district4 .weekend-result:last-child{

     border:0;

}

 #show-weekend .tab-excellence, #show-next-journey .tab-excellence,#show-weekend .tab-ppd, #show-next-journey .tab-ppd,#show-weekend .tab-district4, #show-next-journey .tab-district4{

     margin-left:25px;

}

/*****Le staff****/

 .staff{

     margin-top:28px;

}

 .staff h2{

     font-size:25px;

     color:#172030;

     text-transform:uppercase;

}

 .staff .staff-inner{

     border-top:4px solid #0009ac;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

     color:#172030;

     width:308px;

     margin-top:9px;

     display: flex;

     flex-wrap: wrap;

     justify-content: space-around;

     padding:0 20px 12px;

}

 .staff .staff-inner .staff-member{

     width:140px;

     text-align:center;

     font-size:13px;

     font-weight:600;

}

 .staff.arbitres .staff-inner .staff-member{

     width:100px;

}

 .staff .staff-inner .staff-member img{

     margin-bottom:8px;

     margin-top:12px;

}

 .staff .staff-inner .staff-member .member-fonction{

     text-transform: uppercase;

}

 .staff .staff-inner .staff-member .member-name{

     color:#909297;

     font-family:'Open Sans', sans-serif;

     margin-top:4px;

}

/*****Footer*****/

 footer{

     width: 100vw;

     max-width: 100vw;

     position: relative;

     left: 50%;

     right: 50%;

     margin-left: -50vw;

     margin-right: -50vw;

     margin-top:18px;

     border-top: 1px solid #c0c2c5;

     padding-top: 30px;

     min-height: 415px;

     background: #dddee0;

     color:#172030;

}

 footer .footer-inner{

     max-width: 1354px;

     margin-left: auto;

     margin-right: auto;

     padding-left: 12px;

     padding-right: 12px;

     display:flex;

     justify-content: space-between;

     flex-wrap:wrap;

}

 .footer-inner h2{

     font-size:25px;

     color:#172030;

     text-transform:uppercase;

     margin-bottom:10px;

}

 .footer-inner .infos-stade{

     max-width:300px;

     width:100%;

}

 .footer-inner .infos-stade .infos-stade-content{

     border-top:1px solid #c0c2c5;

     display:flex;

     padding-top:10px;

     align-items: center;

}

 .footer-inner .infos-stade .infos-stade-content p{

     margin-left:15px;

     font-family: 'Open Sans', sans-serif;

     line-height:20px;
     
     
}

 .footer-inner .infos-stade img.stade{

     border:5px solid #fff;

     margin-top:16px;

}

 .footer-inner .infos-club-relation{

     max-width:300px;

     width:100%;

}

 .footer-inner .infos-club-content{

     font-family: 'Open Sans', sans-serif;

     border-top:1px solid #c0c2c5;

     display:flex;

     padding-top:10px;

     font-size:15px;

     line-height: 20px;

     margin-bottom:20px;

}

 .footer-inner .infos-club-content .club-fonction{

     margin-left:15px;

}

 .footer-inner .infos-relation-content{

     font-family: 'Open Sans', sans-serif;

     border-top:1px solid #c0c2c5;

     padding-top:10px;

}

 .footer-inner .infos-relation-content a{

     margin-bottom:3px;

     display:block;

     opacity: 1;

     transition: opacity .5s ease-out;

     -moz-transition: opacity .5s ease-out;

     -webkit-transition: opacity .5s ease-out;

     -o-transition: opacity .5s ease-out;

}

 .footer-inner .infos-relation-content a:hover{

     opacity: .5;

}

 .contact-footer{

     width:100%;

     max-width:530px;

}

 .footer-inner .contact-footer-content{

     font-family: 'Open Sans', sans-serif;

     border-top:1px solid #c0c2c5;

     padding-top:10px;

}

 .footer-inner .contact-footer-content label{

     text-transform:uppercase;

     font-size:16px;

     font-weight:600;

     margin-right:6px;

}

 .footer-inner .contact-footer-content .prenom{

     margin-left:10px;

}

 .footer-inner .contact-footer-content input{

     margin-bottom:12px;

}

 .footer-inner .contact-footer-content input[type=text]{

     border:1px solid #c0c2c5;

     min-height:30px;

     min-width:180px;

     padding:0px 5px;

     color:#c0c2c5;

}

 .footer-inner .contact-footer-content input[type=email]{

     border:1px solid #c0c2c5;

     min-height:30px;

     min-width:453px;

     padding:0px 5px;

     color:#c0c2c5;

}

 .footer-inner .contact-footer-content textarea{

     margin-top:8px;

     border:1px solid #c0c2c5;

     min-height:125px;

     min-width:517px;

     padding:5px;

     color:#c0c2c5;

}

 .footer-inner input[type=submit]{

     margin:10px auto 0;

     border:0;

     width:165px;

     height:37px;

     background-color:#172030;

     cursor:pointer;

     font-weight:600;

     font-size:22px;

     color:#fff;

     text-transform:uppercase;

     display: block;

     transition: background-color .5s ease-out;

     -moz-transition: background-color .5s ease-out;

     -webkit-transition: background-color .5s ease-out;

     -o-transition: background-color .5s ease-out;

}

 .footer-inner input[type=submit]:hover{

     background-color:#fff;

     border-bottom:2px solid #0009ac;

     box-sizing: border-box;

     color:#172030;

}

 .footer-inner .contact-footer-content .alert{

     font-family: 'Open Sans', sans-serif;

     font-size:15px;

     border:1px solid #c0c2c5 margin-bottom:10px;

     font-weight:600;

}

 .footer-inner .contact-footer-content .alert-danger{

     color:#bc0000;

}

 footer .copyright{

     text-align:center;

     display:flex;

     background-color:#c1c2c6;

     margin-top:30px;

     height:22px;

     font-size:12px;

     align-items: center;

     justify-content: center;

     font-style: italic;

     font-family: 'Open Sans', sans-serif;

}

 footer .copyright a, footer .copyright span{

     font-weight:600;

     text-decoration:none;

     color:#172030;

}


/****Anniversaires****/

 .anniversaires{

     margin-bottom:15px;

     display:flex;

     align-items: center;

}

 .anniversaires img{

     margin-right:10px;

}

/**** Tournoi ****/

 .tournoi{

}

 #form-tournoi input[type=text], #form-tournoi input[type=tel], #form-tournoi input[type=email] {

     border: 1px solid #c0c2c5;

     min-height: 30px;

     min-width: 180px;

     padding: 0px 5px;

     color: #c0c2c5;

}





 #form-tournoi p{

     margin-bottom:10px;

}



 #form-tournoi input[type=submit]{

     margin: 10px auto 0;

     border: 0;

     width: 165px;

     height: 37px;

     background-color: #172030;

     cursor: pointer;

     font-weight: 600;

     font-size: 22px;

     color: #fff;

     text-transform: uppercase;

     display: block;

     transition: background-color .5s ease-out;

     -moz-transition: background-color .5s ease-out;

     -webkit-transition: background-color .5s ease-out;

     -o-transition: background-color .5s ease-out;

}

 #form-tournoi input[type=submit]:hover{

     background-color:#fff;

     border-bottom:2px solid #0009ac;

     box-sizing: border-box;

     color:#172030;

}

 .tournoi h2{

     font-size: 25px;

     color: #172030;

     text-transform: uppercase;

}

 .tournoi .inscrits{

     margin-top:20px;

}

 .tournoi .inscrits .inscrits-content{

     margin-top: 12px;

     max-width: 985px;

     border-top: 1px solid #c0c2c5;

     display: flex;

     justify-content: space-around;

     flex-wrap: wrap;

}

 .tournoi .inscrits .inscrits-content .u7{

     margin-right:10px;

}

 .tournoi .inscrits h3{

     text-align: center;

     font-size: 20px;

     margin-top: 15px;

     margin-bottom: 10px;

}

 .tournoi .inscrits tbody{

     border-top:5px solid #0009ac;

     background-color:#fff;

     box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);

}

 .tournoi .inscrits table tbody tr {

     height: 26px;

}

 .tournoi .inscrits table tbody tr:last-child {

     border: 0;

}

 .tournoi .inscrits thead th{

     font-family:'Open Sans', sans-serif;

     font-size: 14px;

     color:#172030;

     font-weight:600;

}

 .tournoi .inscrits tbody tr:nth-child(even) {

     background-color: #f1f2f3;

}

 .tournoi .inscrits tbody tr {

     font-family:'Open Sans', sans-serif;

     font-size: 14px;

     color: #808080;

     line-height: 1.2;

     font-weight:400;

}

 .tournoi .inscrits tbody tr:hover {

     color: #555555;

     background-color: #f5f5f5;

     cursor: pointer;

}

 .tournoi .inscrits tbody td{

     color:#172030;

     vertical-align: middle;

     padding-left:5px;

}

 .tournoi .inscrits tbody .nom-club{

     font-weight:600;

}

/****Responsive ****/

 .main-menu button.icon {

     display: none;

     text-decoration: none;

     color:#fff;

     font-size:20px;

     border:none;

     background:none;

}

 .main-menu .nav-icon{

     display:none;

}

 .main-menu span#go-resultats{

     display:none;

}

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

     .page-content{

         width:calc(100% - 20px - 348px);

    }

     .principal-content{

         flex-wrap: wrap;

    }

     .header-inner{

         width: calc(100% - 44px);

    }

     .small-news .article:not(:last-child){

         margin-right:12px;

    }

     .classements-tableau, .excellence{

         width:100%;

    }

     .classements-content .excellence{

         margin-right:0;

    }

     footer .footer-inner{

         justify-content: space-around;

         width:100%;

         max-width:100%;

    }

     .contact-footer{

         margin-top:12px;

    }

}

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

     .main-menu{

         margin-top: 15px;

         padding-top: 5px;

    }

     .main-menu a{

         display: none;

    }

     .main-menu button.icon {

         float: right;

         display: block;

         padding: 3px;

         height: 30px;

         width: 30px;

         text-align: center;

         line-height: 6px;

         cursor:pointer;

         margin-bottom:5px;

    }

     .main-menu .icon:hover{

         background-color:#00055a;

         border-radius:3px;

    }

     .main-menu li+li::before{

         border:0;

         content:none;

    }

     .main-menu span#go-resultats {

         float: left;

         text-decoration: none;

         text-transform: uppercase;

         font-size:14px;

         font-weight:600;

         border:none;

         color: #172030;

         background-color: #fff;

         border-radius: 4px;

         display: block;

         height: 12px;

         text-align:center;

         margin-top:4px;

         cursor:pointer;

         padding:5px;

         width:70px;

    }

    /* The "responsive" class is added to the main-menu with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */

     .main-menu.responsive {

         position: relative;

    }

     .main-menu.responsive button.icon {

         position: absolute;

         right: 0;

         top:5px;

         text-decoration: none;

         color:#fff;

         font-size:35px;

         padding-top:15px;
         background-image: url("images/icon-croix.png");
         text-indent:-9999px;

    }

     .main-menu.responsive ul.nav-main {

         display:block;

         background-color:#0009ac;

         padding:30px 0 15px;

    }

     .main-menu.responsive a {

         float: none;

         display: block;

         text-align: left;

         padding:5px 0;

    }

     .main-menu.responsive .nav-main li{

         margin-bottom:5px;

    }

     .main-menu.responsive .nav-main li:first-child{

    }

     .main-menu.responsive li a:hover, .main-menu.responsive li a.active{

         border:0;

    }

     .main-menu.responsive .nav-main li a.active{

         border-left:4px solid #bc0000;

         padding-left:8px;

    }

}

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

     .principal-content{

         display:block;

         padding-top:20px;

    }

     .page-content{

         width:100%;

    }

     aside{

         margin-left:0;

    }

     .bloc-droit{

         display:flex;

         flex-wrap:wrap;

         width:100%;

         max-width:100%;

         margin-top:20px;

    }

     .bloc-droit .next-match{

         width:100%;

    }

     .bloc-droit .bloc-results-next-match{

         margin-right:20px;

    }

     .bloc-droit .bloc-weekend, .bloc-droit .bloc-results-next-match{

         margin-top:9px;

         width:calc(50% - 10px);

    }

     .bloc-droit .bloc-results-next-match .result{

         min-width:80%;

    }

     .staff{

         width:100%;

    }

     .staff .staff-inner{

         width: calc(100% - 40px);

    }

     .main-title{

         font-size:40px;

    }

     .news-deroulante .news-deroulante-container{

         width: 100%;

    }

     .header{

         height:auto;

    }

     .logo a{

         top:5px;

         margin-right:15px;

    }

     .logo a img{

         width:91px;

         height:89px;

    }

}

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

     #form-tournoi input, #form-tournoi textarea{

         width:calc(100% - 10px);

         margin-top:5px;

    }



}

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

     .small-news{

         flex-wrap: wrap;

    }

     .small-news .article, .small-news .article:not(:last-child){

         width:100%;

         margin-bottom:12px;

         margin-right:0;

    }

     .small-news .article:last-child{

         margin-bottom: 0;

    }

     .bloc-droit .bloc-weekend, .bloc-droit .bloc-results-next-match{

         width:100%;

         margin-right:0;

    }

     .weekend-result{

         width:80%;

    }

     .footer-inner .infos-stade{

         margin-bottom:20px;

         margin-right:5px;

    }

     footer .footer-inner{

         justify-content:space-between;

         padding-left:20px;

         padding-right:20px;

    }

     footer .contact-footer{

         width:calc(100% - 40px);

         max-width:100%;

         padding-right:20px;

    }

     .footer-inner .contact-footer-content input, .footer-inner .contact-footer-content textarea{

         width:calc(100% - 10px);

         margin-top:5px;

    }

     .footer-inner .contact-footer-content input[type=submit]{

         width:100%;

    }

     .footer-inner .contact-footer-content label.prenom{

         margin-left:0;

    }

}

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

     .main-haut .nav-icon{

         display: none;

    }

     .main-menu.responsive ul.nav-main {

         padding:30px 0 0;

    }

     .main-menu.responsive ul.nav-icon{

         align-items: center;

         align-self: flex-start;

         margin-top: 0px;

         display: flex;

         padding-bottom:10px;

    }

     .main-menu.responsive ul.nav-icon a{

         margin-right:5px;

    }

     footer .footer-inner{

         justify-content:space-around;

    }

}

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

     footer .contact-footer{

         display:none;

    }

     .nav-main li:last-child{

         display:none;

    }

     footer .footer-inner{

         width:auto;

    }

}

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

     .main-title{

         font-size:30px;

    }

     .news-deroulante{

         display:none;

    }

     footer .copyright{

         font-size:10px;

    }

     .page-content .folioGallery .fg .title{

         font-size:20px;

    }

}