.ayg-btn{margin:1px;padding:7px 10px;background:#08c;border:0;border-radius:2px;color:#fff;line-height:1;cursor:pointer}.ayg-btn:focus,.ayg-btn:hover{background:#333;color:#fff}.ayg-player-wrapper{position:relative;width:100%;height:0;padding-bottom:56.25%}.ayg-player-iframe,.ayg-privacy-wrapper{position:absolute;height:100%;top:0;left:0;width:100%}.ayg-player-wrapper .fluid-width-video-wrapper{position:static!important}.ayg-player-caption,.ayg-player-description,.ayg-player-title{margin:0!important;padding:7px 0}.ayg-player-description-more{display:none}.ayg-player-description-toggle-btn{display:block;margin:10px 0;font-weight:700}.ayg-privacy-wrapper{margin:0;padding:0;right:0;bottom:0;background-color:#222;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;text-align:center}.ayg-privacy-consent-block{position:relative;margin:0 30px;padding:15px;top:50%;background:#000;border-radius:3px;opacity:.9;transform:translateY(-50%);-ms-transform:translateY(- 50%);-webkit-transform:translateY(-50%)}.ayg-privacy-consent-button{display:inline-block;margin-top:10px;padding:5px 15px;background:#08c;border-radius:3px;cursor:pointer}.ayg-privacy-consent-button:hover{opacity:.8}.ayg-row{display:-webkit-flex;-webkit-flex-wrap:wrap;display:flex;flex-wrap:wrap;margin:0 -15px}.ayg-col{width:100%}@media only screen and (min-width:420px){.ayg-col-xs-2{width:50%}}@media only screen and (min-width:600px){.ayg-col-sm-3{width:33.33%}}@media only screen and (min-width:768px){.ayg-col-2{width:50%}.ayg-col-3{width:33.33%}.ayg-col-4{width:25%}.ayg-col-5{width:20%}.ayg-col-6{width:16.66%}.ayg-col-7{width:14.28%}.ayg-col-8{width:12.5%}.ayg-col-9{width:11.11%}.ayg-col-10{width:10%}.ayg-col-11{width:9.09%}.ayg-col-12{width:8.33%}}.ayg-thumbnail{padding:15px;cursor:pointer}.ayg-thumbnail-image-wrapper{position:relative}.ayg-thumbnail-image{display:block;width:100%;height:auto}.ayg-thumbnail .ayg-thumbnail-icon-play{display:inline-block;position:absolute;width:32px;top:50%;left:50%;margin-top:-16px;margin-left:-16px;fill:#fff;stroke:none;stroke-width:0;vertical-align:middle;pointer-events:none;z-index:3}.ayg-thumbnail-excerpt,.ayg-thumbnail-title{margin:10px 0 0;padding:0}.ayg-thumbnail-title{font-weight:700}.ayg-thumbnail-active{position:absolute;padding:5px 7px;right:0;bottom:0;background:rgba(0,0,0,.5);color:#fff;font-size:12px;line-height:1;z-index:1}.ayg-active .ayg-thumbnail-active{display:inline-block!important}.ayg-pagination{margin:15px 0;text-align:center}.ayg-pagination-info{padding:0 7px}.ayg-pagination.ayg-loading{display:block;width:100%;height:32px;background-image:url(//club-pongiste-rochelais.com/wp-content/plugins/automatic-youtube-gallery/public/assets/images/spinner-light.gif);background-position:center center;background-repeat:no-repeat}.ayg-pagination .ayg-pagination-info,.ayg-pagination .ayg-pagination-next,.ayg-pagination .ayg-pagination-prev{display:inline-block}.ayg-pagination.ayg-loading .ayg-pagination-info,.ayg-pagination.ayg-loading .ayg-pagination-next,.ayg-pagination.ayg-loading .ayg-pagination-prev{visibility:hidden}.ayg-theme-classic .ayg-active{pointer-events:none}.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}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;
} 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;
} div .wpcf7-response-output {
border: 0px solid red;
}*, *:after, *:before {
box-sizing: border-box;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.4rem;  }
.wrapper {
overflow-x: hidden!important;
}
a, a:hover, a:visited{ text-decoration: none;
color: #000000;
}
a:hover {
color: #922016;
}
img{
max-width:100%;
height: auto;
vertical-align: middle; 
} @font-face {
font-family: 'Oswald DemiBold';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Oswald-DemiBold.ttf);
}
@font-face {
font-family: 'Montserrat Light';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Montserrat-Light.ttf);
}
@font-face {
font-family: 'Montserrat Regular';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Montserrat-Regular.ttf);
}
@font-face {
font-family: 'Montserrat Medium';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Montserrat-Medium.ttf);
}
@font-face {
font-family: 'Montserrat SemiBold';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Montserrat-SemiBold.ttf);
}
@font-face {
font-family: 'Montserrat Bold';
src: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/font/Montserrat-Bold.ttf);
}
html,body {
font-family: 'Montserrat Light';
min-height: 100%;
width: 100%;
height: 100%;
} header {
font-family: 'Oswald DemiBold';
background-color: #E2E6ED;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10vw;
height: 15vh;
z-index: 1000;
}
.logo {
height: 10vh;
}
.menuBurger {
display: none;
}
.menuClose {
display: none;
}
.principalMenu {
display: flex;
align-items: center;
}
.principalMenu li {
margin: 0 2rem ;
display: flex;
align-items: center;
}
.principalMenu li a {
color: #222222;
}
.principalMenu li a:hover {
color: #922016;
}
.principalMenu li a img {
height: 2rem;
margin: 0 1rem;
}
.deroulant {
display: flex;
flex-direction: column;
position: relative;
}
.deroulant:hover {
position: relative;
}
.sous {
display: none;
position: absolute;
top: -1rem;
}
.sous li {
background-color: #E2E6ED ;
padding: 1rem;
border: 2px solid white;
display: flex;
justify-content: center;
}
.sous li a{
text-align: center;
}
.deroulant:hover .sous {
display: block;
z-index: 1000;
}
.tohide {
visibility: hidden;
} .accueil{
height: 85vh;
height: calc(var(--vh, 1vh) * 85);
width: auto; background-color: #f8f8f8 !important; position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold';
margin-bottom: 2vh;
margin-left: 3.5vw;
opacity: 0.95;
}
.accueil h1{
font-size: 7rem;
margin-bottom: 1rem;
}
.accueil h2{
font-size: 4.45rem;
}
.gris{
position: absolute;
bottom: 0;
background-color: #f8f8f8;
width: 100vw;
height: 12vh;
}
.boutonBas{
position: absolute;
right: 50vw;
bottom: 3vh;
width: 5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
}
@keyframes bounce{
0%,100%{
bottom: 3vh;
}
25%{
bottom: 2.5vh;
}
} .actualites {
display: flex;
flex-direction: column;
padding-bottom: 8rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_articles.svg);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: bottom;
}
.actualites h2 {
font-size: 3rem;
font-family: 'Oswald DemiBold';
}
.actualites ul {
font-family: 'Oswald DemiBold';
display: flex;
align-items: center;
margin: 5rem 2rem;
margin-bottom: 6rem;
}
.actualites ul li {
margin: 0 1.5rem;
}
.boutonDroite{
margin-left: 1rem;
}
.boutonLocalesGenerales {
padding: 0.5rem 1rem;
border-radius: 15px;
margin-right: 0.5rem;
cursor: pointer;
}
.locales {
background-color: #FFB400;
}
.generales {
border: solid #FFB400 1px;
}
.articles {
display: flex;
justify-content: space-between;
height: 28rem;
padding: 0 3.5rem;
}
.articles article {
width: 28vw;
border: solid #FFB400 1px;
box-shadow: -6px 6px #FFB400;
background-color: white;
}
.thumbnailDiv {
width: 100%;
height: 12rem;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.articles article div img {
object-fit: cover;
min-width: 100%;
}
.articles article h3 {
margin: 0 2rem;
margin-top: 2rem;
font-family: 'Oswald DemiBold';
}
.articles article p {
margin: 0 2rem;
margin-bottom: 2rem;
margin-top: 1rem;
font-family: 'Montserrat Light';
}
.sliderPlein {
background-color: #FFB400;
border: solid #FFB400 2px;
}
.sliderVide {
border: solid #FFB400 2px;
background-color: white;
}
.voirPlusArticlesContainer {
display: flex;
justify-content: center;
}
.voirPlusArticles {
border: solid #FFB400 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #FFB400;
padding: 1rem 3rem;
margin: 8rem 0;
margin-bottom: 0rem;
transition: 0.5s;
}
.voirPlusArticles:hover {
border: solid white 2px;
background-color: #FFB400;
box-shadow: 0 4px #FFB400;
color: white;
} .resultat {
background-repeat: no-repeat;
background-size: 100% auto;
background-position-y: bottom;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
overflow-x: hidden;
padding-bottom: 3rem;
}
.fondResultatAccueil1 {
position: absolute;
left: -10px;
bottom: 8vh;
z-index: -10;
}
.fondResultatAccueil2 {
position: absolute;
right: -10px;
bottom: 8vh;
z-index: -10;
}
.resultatImgAccueil {
top: 0;
width: 100vw;
z-index: -1;
}
.fondResultats{
width: 100%;
height: 100%;
object-fit: cover;
overflow:hidden;
position: absolute;
z-index:-1;
}
.resultat h2 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
color: white;
padding: 5rem 3rem;
margin-bottom: 6rem;
align-self: flex-start;
}
.matches {
display: flex;
justify-content: center;
}
.matches article {
width: 22vw;
margin: 0 3vw;
border: solid #922016 1px;
box-shadow: 0px 6px #922016;
background-color: white;
height: 100%;
}
.matches h3 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
background-color: #922016;
color: white;
text-align: center;
padding: 2rem 0;
text-transform: uppercase;
}
.matches p { 
display: flex;
flex-direction: column;
font-family: 'Montserrat Light';
}
.premier {
margin: 0 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.matches p:not(.premier) {
margin: 0 2rem;
margin-top: 2rem;
margin-bottom: 2rem;
}
.matches p strong {
font-family: 'Oswald DemiBold';
padding-bottom: 1rem;
}
.containerButtonResultats {
display: flex;
padding: 3rem 0;
}
.containerButtonResultats a {
border: solid #922016 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #922016;
padding: 1rem 3rem;
margin: 0 10rem;
margin-top: 8vh;
transition: 0.5s;
margin-bottom: 2rem;
text-align: center;
}
.containerButtonResultats a:hover {
border: solid white 2px;
background-color: #922016;
box-shadow: 0 4px #922016;
color: white;
} .progression {
display: flex;
flex-direction: column;
position: relative;
padding: 5rem 7rem;
background-repeat: no-repeat;
background-size: contain;
}
.fondStatistiqueAccueil1 {
position: absolute;
top: 40px;
left: -20px;
}
.fondStatistiqueAccueil2 {
position: absolute;
bottom: 20px;
left: 0;
}
.progression h2 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
margin-top: 3rem;
margin-bottom: 5rem;
}
.graphique {
width: 60vw;
}
.photoProgression {
width: 25vw;
position: absolute;
right: 0;
box-shadow: -20px -20px #004477;
}
.progression a {
align-self: center;
width: 20vw;
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 8vh;
transition: 0.5s;
text-align: center;
}
.progression a:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
} .contactez {
display: flex;
position: relative;
}
.contactez article {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_contactez-01.svg);
background-repeat: no-repeat;
background-size: cover;
width: 50vw;
display: flex;
flex-direction: column;
padding: 4rem 15rem;
}
.contactez h4 {
font-family: 'Oswald DemiBold';
font-size: 2.5rem;
padding-bottom: 2rem;
}
.contactez label {
font-family: 'Montserrat Regular';
font-size: 1.5rem;
}
.contactez textarea {
height: 10rem;
margin-top: 1rem;
width: 100%;
border: none;
}
.contactez input:not(.wpcf7-submit) {
border: none;
background-color: white;
height: 3rem;
margin-top: 1rem;
margin-bottom: 1rem;
width: 100%;
}
.wpcf7-submit {
font-family: 'Oswald DemiBold';
font-size: 2rem;
background-color: #FF7F00;
border-radius: 30px;
padding: 1rem 3rem;
border: none;
margin-top: 3rem;
margin-bottom: 4rem;
width: 100%;
transition: .5s;
cursor: pointer;
}
.wpcf7-submit:hover {
background-color: white;
color: #FFB400;
}
.contactez article p {
font-family: 'Montserrat Light';
font-size: 1.2rem;
line-height: 17px;
}
.contactez article p a {
font-family: 'Montserrat Medium';
color: black;
} .contactez iframe {
width: 50vw;
} .carte {
position: absolute;
right: 0;
bottom: 10vh;
background-color: #FFB400;
display: flex;
padding: 2.5rem;
}
.carte .adresse {
font-family: 'Montserrat Medium';
display: flex;
font-size: 1.4rem;
line-height: 17px;
}
.adresse::after {
content: "";
height: 100%;
width: 1px;
background-color: black;
margin-left: 2rem;
}
.numeros {
padding-left: 3rem;
}
.contacts {
font-family: 'Montserrat Light';
margin-left: 2rem;
}
.enValeur {
font-family: 'Montserrat Medium';
} footer {
background-color: #E2E6ED;
display: flex;
justify-content: space-between;
padding: 6rem;
font-family: 'Montserrat Light';
}
.listePartenaires {
width: 30%;
}
.listeReaseaux {
width: 30%;
}
.aPropos {
width: 15%;
}
.titreFooter {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: inline-block;
margin-bottom: 3rem;
display: flex;
justify-content: center;
}
.listeReseau img {
height: 3rem;
margin-right: 1rem;
}
.aPropos li {
display: flex;
flex-direction: column;
line-height: 19px;
}
.aPropos li a {
margin: 1rem 0;
}
a:focus{
outline: none;
}
button:focus{
outline: none;
}
textarea{
resize: none;
height: 120px;
}
textarea:focus{
outline: none;
} body::-webkit-scrollbar-track
{
border: 1px solid #E2E6ED;
background-color: #E2E6ED;
}
body::-webkit-scrollbar
{
width: 10px;
background-color: #E2E6ED;
}
body::-webkit-scrollbar-thumb
{
background-color: #FFB400;	
}
body::-webkit-scrollbar-thumb:hover
{
background-color: #FF7F00;	
}
body {
scroll-behavior: smooth;
}  .psgal_wrap{
margin-bottom: auto;
}
span.wpcf7-list-item{
display:inline-block;
margin: 0 0 0 -5px;
} div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border:none;
}
div.wpcf7-mail-sent-ok {
border:none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
border:none;
}
div.wpcf7-mail-sent-ok {
border:none;
}
div.wpcf7 .ajax-loader {
display:none;
} 
.wpcf7-list-item label{
display: flex;
align-items: center;
}
input[type=checkbox]{
width: 14%!important; 
}@media screen and (min-width:1400px) {
.articles {
height: 24rem;
}
}
@media screen and (min-width:1100px) {
.articles article {
margin: 0 5rem;
}
.articles {
height: 26rem;
}
}
@media screen and (max-width:1100px) {
.contactez article {
width: 40vw;
padding: 4rem 10rem;
}
.contactez iframe {
width: 60vw;
}
}
@media screen and (max-width:1000px) {
.contactez article {
padding: 4rem 5rem;
}
}
@media screen and (min-width:900px) {
.articles article {
margin: 0 3rem;
}
}
@media screen and (max-width:900px) {
header { 
height: auto;
padding: 1rem 7vw;
}
.principalMenu li {
margin: 0 1rem ;
}
.actualites {
height: auto;
}
.articles article {
margin: 0;
}
.resultat {
height: auto;
}
.progression {
height: auto;
}
.contactez {
height: auto;
}
}
@media screen and (min-width:700px) and (max-width:900px) {
.carte {
flex-direction: column;
}
.carte .adresse {
margin-bottom: 2rem;
}
.contacts {
margin-left: 0;
}
.contactez iframe {
width: 50vw;
}
.contactez article {
width: 50vw;
}
}
@media screen and (min-width: 1700px) { .accueil h1{
font-size: 8rem;
margin-bottom: 1rem;
}
.accueil h2{
font-size: 6.45rem;
}
.gris{
bottom: -1px;
}
.boutonBas{
width: 8rem;
}
.principalMenu li{
font-size: 2.5rem;
}
.principalMenu li a img{
height: 3.5rem;
}
.sous li {
background-color: #E2E6ED ;
padding: 2rem;
border: 2px solid white;
display: flex;
justify-content: center;
} .actualites{
height: 75vh;
}
.actualites h2{
font-size: 5rem;
}
.actualites ul li{
font-size: 3rem;
}
.sliderPlein, .sliderVide{
padding: 1.5rem
}
.articles article{
height: fit-content;
}
.thumbnailDiv{
height: 18rem;
}
.articles article p{
font-size: 2.3rem;
line-height: 30px;
}
.actualites ul{
margin-top: 7vh;
}
.articles article h3{
font-size: 3rem;
margin-top: 2.5rem;
line-height: 35px;
}
.voirPlusArticles{
padding: 2rem 3rem;
}
.voirPlusArticlesContainer{
margin-top: 12vh;
font-size: 2.5rem;
padding: 0.5rem 3rem;
} .resultat h2{
font-size: 5rem;
margin-top: 3.5vh;
}
.matches article{
width: 27vw;
height: 35vh;
}
.matches h3{
font-size: 3rem;
padding: 2rem 1rem;
line-height: 40px;
}
.matches p{
font-size: 2.3rem;
line-height: 30px;
}
.matches p strong{
font-size: 3rem;
}
.containerButtonResultats a{
padding: 2rem 3rem;
font-size: 2.5rem;
} .progression{
padding-bottom: 8vh;
}
.progression h2{
font-size: 5rem;
margin-top: 3.5vh;
margin-bottom: 8vh;
}
.progression a{
font-size: 2.5rem;
padding: 2rem 3rem;
margin-top: 5vh;
} .contactez h4{
font-size: 5rem;
margin-top: 2vh;
margin-bottom: 2vh;
}
.contactez label{
font-size: 2.5rem;
}
.contactez textarea
{
padding-left: 1rem;
font-size:2.6rem;
}
.contactez input:not(.wpcf7-submit){
font-size:2.4rem;
margin-top:2rem;
height: 6rem;
margin-bottom: 4rem;
padding-left: 1rem;
}
.wpcf7-list-item-label{
line-height: 25px;
}
.wpcf7-submit{
font-size: 3rem;
padding: 2rem 3rem;
}
.contactez article p{
font-size: 2.3rem;
line-height: 25px;
}
.contacts{
font-size: 2.3rem;
line-height: 25px;
}
.carte .adresse{
font-size: 2.3rem;
line-height: 27px;
} .titreFooter{
font-size: 3rem;
}
.listeReseau img{
height: 4.5rem;
}
footer ul{
font-size: 2.3rem;
}
footer li a{
line-height: 30px;
}
}
@media screen and (min-width: 3000px) {
.accueil h1{
font-size: 24rem;
margin-bottom: 1rem;
}
.accueil h2{
font-size: 15rem;
}
.boutonBas{
width: 16rem;
}
.principalMenu li{
font-size: 6.5rem;
margin: 0 4rem;
}
.principalMenu li a img{
height: 6rem;
margin: 0 2.5rem;
}
.sous li {
background-color: #E2E6ED ;
padding: 3rem;
border: 2px solid white;
display: flex;
justify-content: center;
} .actualites{
height: 95vh;
}
.actualites h2{
font-size: 13rem;
margin-left: 4rem;
}
.actualites ul li{
font-size: 7rem;
}
.boutonLocalesGenerales {
border-radius: 30px;
}
.sliderPlein, .sliderVide{
padding: 2rem;
margin: 0 4rem;
}
.articles{
margin-top: 5rem;
}
.articles article{
height: fit-content;
}
.thumbnailDiv{
height: 40rem;
}
.articles article p{
font-size: 5rem;
line-height: 65px;
padding: 0 2rem;
}
.actualites ul{
margin-top: 7vh;
}
.articles article h3{
font-size: 8rem;
margin-top: 4rem;
line-height: 90px;
margin-bottom: 3rem;
padding: 0 2rem;
}
.voirPlusArticles{
padding: 4rem 6rem;
}
.voirPlusArticlesContainer{
margin-top: 37vh;
font-size: 6rem;
padding: 4rem 10rem;
} .resultat h2{
font-size: 13rem;
margin-top: 3.5vh;
margin-left: 4rem;
margin-bottom: 5rem;
}
.matches article{
width: 27vw;
height: auto;
min-height: 30vw;
margin-top: 5rem;
}
.matches h3{
font-size: 8rem;
padding: 3rem 2rem;
line-height: 95px;
}
.matches p{
font-size: 5rem;
line-height: 65px;
padding: 2rem 2rem;
}
.matches p strong{
font-size: 8rem;
margin-bottom: 5rem;
margin-top: 3rem;
line-height: 85px;
}
.formulaires label input{
height: 7rem!important;
}
.containerButtonResultats a{
padding: 4rem 6rem;
font-size: 6rem;
} .fondStatistiqueAccueil1{
width: 30%;
top: 10px;
} 
.fondStatistiqueAccueil2{
width: 10%;
bottom: 50px;
} 
.progression{
padding-bottom: 8vh;
height:75vh;
}
.graphique{
width: 70vw;
}
.progression h2{
font-size: 13rem;
margin-top: 3.5vh;
margin-bottom: 8vh;
}
.progression a{
font-size: 6rem;
padding: 4rem 6rem;
margin-top: 10vh;
width: 25vw;
} .contactez h4{
font-size: 13rem;
margin-top: 2vh;
margin-bottom: 2vh;
}
.contactez label{
font-size: 5rem;
}
.contactez textarea
{
padding: 2rem 3rem;
font-size:4.5rem;
height: 30rem;
}
.contactez input:not(.wpcf7-submit){
font-size: 4.5rem;
margin-top:4rem;
height: 10rem;
margin-bottom: 8rem;
padding-left: 3rem;
}
.wpcf7-list-item-label{
line-height: 65px;
}
.wpcf7-submit{
font-size: 8rem;
padding: 2rem 3rem;
}
.contactez article{
padding-bottom: 10rem;
}
.contactez article p{
font-size: 5rem;
line-height: 65px;
}
.contacts{
font-size: 5rem;
line-height: 65px;
}
.carte{
padding: 5rem;
width: 48%;
} .rechercheMain, .psgal_wrap, .infosJoueur, .rangStatistique, #container, .historique, .topFicheEquipe, .podiumEquipe h2 ,
.suitePodium, .dernierMatchEquipe h2 , .dernierMatchEquipe h3 , .resultatMatch h1,
.detailResult, .resultatMatch article , .resultatGagnant, .articleAdherentImg, .articleAdherentP a , .moisCi a{
zoom:2.5; }
.autresArticles, .partager, .recherche, .dernierMatchEquipe tbody, .echelleMatch tbody, .derniersMatches tbody,  .derniersMatches, #cookie-notice .cookie-notice-container {
zoom: 1.7; }
.derniersMatches thead {
line-height: 41px;
}
.articleAdherentP p {
font-size: 5rem;
line-height: 61px;
}
.adresse::after{
margin-left: 4rem;
margin-right: 4rem;
}
.carte .adresse{
font-size: 5rem;
line-height: 65px;
} footer{
padding-top: 10rem;
}
.titreFooter{
font-size: 8rem;
margin-bottom: 6rem;
}
.listeReseau img{
height: 10rem;
}
footer ul{
font-size: 5rem;
}
footer li a{
line-height: 65px;
}
.aPropos li {
line-height: normal;
}
}
@media screen and (min-width:1050px){
.accueil{
background-size: 120% auto !important;
}
}
@media screen and (min-width: 811px) and (max-width: 1050px) and (min-height: 921px){
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10vw;
height: 11vh;
z-index: 1000;
}
.logo {
height: 7vh;
}
.menuBurger {
display: none;
}
.menuClose {
display: none;
}
.principalMenu {
display: flex;
align-items: center;
font-size: 2rem;
}
.principalMenu li {
display: flex;
margin: 0 1rem;
align-items: space-around;
}
.reseauxHeader{
margin-top: -0.5vh;
}
.principalMenu li a {
color: #222222;
}
.principalMenu li a:hover {
color: #922016;
}
.principalMenu li a img {
height: 2rem;
margin: 0 1rem;
} .accueil{
height: 75vh;
background-position-y: 0vh !important; position: relative;
display: flex;
align-items: flex-start; }
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold';
margin-bottom: 10vh;
margin-left: 6vw;
opacity: 0.95;
}
.accueil h1{
font-size: 8rem;
margin-bottom: 2rem; line-height: 85px;
width: 70vw;
}
.accueil h2{
font-size: 3.45rem;
}
.gris{
bottom: -0.5vh;
height: 10vh;
}
.boutonBas{
position: absolute;
right: 50vw;
bottom: 4vh;
width: 5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
} .actualites {
display: flex;
flex-direction: column;
padding-bottom: 8rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_articles.svg);
background-repeat: no-repeat;
background-size: 110% auto;
background-position: center;
} .fondResultatAccueil1 {
position: absolute;
left: -10px;
bottom: 8vh;
z-index: -10;
}
.fondResultatAccueil2 {
position: absolute;
right: -10px;
bottom: 8vh;
z-index: -10;
}
.containerButtonResultats a {
border: solid #922016 2px;
padding: 1rem 3rem;
margin: 0 5rem;
margin-top: 4vh;
margin-bottom: 2rem;
}
.matches h3{
padding: 2rem 1.5rem;
line-height: 30px;
}
.matches article{
width: 24vw;
} .fondStatistiqueAccueil1 {
top: 20px;
}
.photoProgression {
width: 25vw;
position: absolute;
right: 0;
top: 12vh;
box-shadow: -20px -20px #004477;
}
.fondStatistiqueAccueil2 {
position: absolute;
bottom: 60px;
left: 0;
}
.graphique {
margin-left: -4vw;
}
.progression a {
align-self: center;
width: 20vw;
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 4vh;
margin-bottom: 4vh;
transition: 0.5s;
}
.carte .adresse {
line-height: 17px;
}
}
@media (max-width:1050px) and (max-height:920px){
.accueil{
background-size: 120% auto !important;
}
}
@media screen and (min-width: 701px) and (max-width: 810px) {
header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 10vw;
height: 11vh;
z-index: 1000;
}
.logo {
height: 7vh;
}
.menuBurger {
display: none;
}
.menuClose {
display: none;
}
.principalMenu {
display: flex;
align-items: center;
}
.principalMenu li {
display: flex;
margin: 0 1rem;
align-items: space-around;
}
.principalMenu li a {
color: #222222;
}
.principalMenu li a:hover {
color: #922016;
}
.principalMenu li a img {
height: 2rem;
margin: 0 1rem;
} .accueil{
height: 75vh;
background-position-y: 0vh !important;
background-size: auto 100% !important;
position: relative;
display: flex;
align-items: flex-start; }
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold'; margin-left: 6vw;
opacity: 0.95;
}
.accueil h1{
font-size: 8rem;
margin-bottom: 2rem; line-height: 75px;
}
.accueil h2{
font-size: 3.45rem;
}
.gris{
bottom: -0.5vh;
height: 10vh;
}
.boutonBas{
position: absolute;
right: 50vw;
bottom: 4vh;
width: 5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
} .actualites {
display: flex;
flex-direction: column;
padding-bottom: 8rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_articles.svg);
background-repeat: no-repeat;
background-size: 150% auto;
background-position: center;
} .fondResultatAccueil1 {
position: absolute;
left: -10px;
bottom: 8vh;
z-index: -10;
}
.fondResultatAccueil2 {
position: absolute;
right: -10px;
bottom: 8vh;
z-index: -10;
}
.containerButtonResultats a {
border: solid #922016 2px;
padding: 1rem 3rem;
margin: 0 5rem;
margin-top: 4vh;
margin-bottom: 2rem;
}
.matches h3{
padding: 2rem 1rem;
line-height: 25px;
} .fondStatistiqueAccueil1 {
top: 20px;
}
.photoProgression {
width: 25vw;
position: absolute;
right: 0;
top: 12vh;
box-shadow: -20px -20px #004477;
}
.fondStatistiqueAccueil2 {
position: absolute;
bottom: 60px;
left: 0;
}
.graphique {
margin-left: -4vw;
}
.progression a {
align-self: center;
width: 20vw;
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 4vh;
margin-bottom: 4vh;
transition: 0.5s;
}
.carte .adresse {
line-height: 17px;
}
}
@media screen and (max-width:700px) {
.accueil{
height: 85vh;
width: auto;
background-color: #f8f8f8 !important;
background-position-y: 0vh !important;
background-position-x: -20vw !important;
background-size: auto 100% !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-end;
}
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold';
margin-bottom: 25vh;
margin-right: 6vw;
opacity: 0.95;
}
.accueil h1{
font-size: 5rem;
margin-bottom: 1rem;
}
.accueil h2{
font-size: 3.45rem;
}
.gris{
position: absolute;
bottom: 0;
background-color: #f8f8f8;
width: 100vw;
height: 6vw;
}
.boutonBas{
position: absolute;
right: 50vw;
bottom: 3vh;
width: 5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
} .accueil{
height: 85vh;
height: calc(var(--vh, 1vh) * 85);
width: auto;
background-color: #f8f8f8 !important;
background-position-y: 0vh !important;
background-position-x: -20vw !important;
background-size: auto 100% !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold';
margin-right: 6vw;
margin-left: 5rem;
opacity: 0.95;
}
.accueil h1{
font-size: 5rem;
margin-bottom: 1rem; }
.accueil h2{
font-size: 3.45rem;
}
.gris{
position: absolute;
bottom: 0;
background-color: #f8f8f8;
width: 100vw;
height: 17vw;
}
.boutonBas{
position: absolute;
right: 50vw;
bottom: 3vh;
width: 5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
} .actualites {
height: auto;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_articles_mobile.svg);
background-repeat: no-repeat;
background-size: auto 150%;
background-position: top -10rem left -7rem;
}
.actualites ul {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
margin: 0 2rem;
margin-top: 2rem;
}
.actualites ul li {
margin: 1.5rem 0.5rem;
font-size: 1.6rem;
}
.actualites ul li img {
height: 2rem;
}
.articles {
flex-direction: column;
height: auto;
}
.articles article {
width: auto;
margin: 2rem 5rem;
} .resultat {
height: auto;
}
.resultat h2 {
margin-top: 2rem;
margin-bottom: 0;
padding: 3rem 3rem;
line-height: 35px;
}
.resultatImgAccueil {
width: auto;
height: 50vh;
object-fit: cover;
}
.matches h3{
line-height: 25px;
padding: 2rem 2rem;
}
.matches {
flex-direction: column;
}
.matches article {
width: auto;
margin: 2rem 5rem;
}
.containerButtonResultats {
flex-direction: column;
}
.containerButtonResultats a {
padding: 1rem 3rem;
margin-top: 1rem;
} .progression {
padding: 3rem 0rem;
height: auto;
}
.graphique {
width: 90vw;
}
.progression a {
width: auto;
}
.photoProgression {
display: none;
} .contactez {
flex-direction: column;
height: auto;
}
.contactez article {
width: auto;
padding: 4rem 15rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_contactez-01.svg);
background-repeat: no-repeat;
background-size: auto 100%;
}  .contactez iframe {
width: auto;
} .carte {
position: static;
flex-direction: row;
}
.contacts {
margin-left: 0;
margin-left: 2rem;
} footer {
padding: 2rem 2rem;
flex-wrap: wrap;
}
.listePartenaires {
width: 100%;
margin-bottom: 2rem;
}
.listeReaseaux {
width: 100%;
}
.aPropos {
width: 40%;
}
.titreFooter {
margin-bottom: 2rem;
}
.aPropos li a {
margin: 0.5rem 0;
}
}
@media screen and (max-width: 550px) { header{
height: 13vh;
width: 100vw;
position: fixed !important;
top: 0;
z-index: 100;
}
.principalMenu { flex-direction: column;
justify-content: space-around;
align-items: center;
padding: 0rem 0;
width: 100vh;
height: 100vh;
}
.menuClose {
display: inline-block;
position: fixed;
height: 6vh;
top: 26px;
right: 10vw;
}
.principalMenu li {
font-size: 3rem;
margin: 0 0.2rem ;
display: flex;
align-items: center;
}
.principalMenu li a img {
height: 4rem;
margin: 0 2rem;
}
.reseauxHeader{
align-items: space-around;
padding-top: 24vh;
}
header nav{
position: fixed;
top:0;
left:0;
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
height: 100vh;
background-color: #E2E6ED;
z-index: 5;
}
.logo {
margin: 2rem 0;
height: 8vh;
}
.menuBurger {
display: inline;
width: 4rem;
}  .etat_ferme{
transform: scale(0,0);
animation: menu_referme 0.5s forwards;
}
@keyframes menu_referme{
0%{
transform: translateX(0vh);
opacity: 1;
}
100%{
transform: translateX(100vh);
opacity: 0;
}
} .etat_ouvert{
transform: scale(1,1);
animation: menu_deroule 0.5s forwards;
}
@keyframes menu_deroule{
0%{
transform: translateX(100vh);
opacity: 0;
}
100%{
transform: translateX(0vh);
opacity: 1;
}
} .sous {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: absolute;
top: 0rem;
opacity: 1;
}
.sous li {
background-color: transparent; padding: 1rem;
border: none;
text-align: center;
font-size: 2rem;
width: 100vw;
}
.sous li a{
text-align: center;
opacity: 0;
}
.lien_dessus1, .lien_dessous{
width: 100vw;
}
.deroulant:hover .sous {
display: block;
} .replier{
transform: scale(1,1);
animation: menu_replieur 0.5s forwards;
}
@keyframes menu_replieur{
0%{
transform: translateY(0vh);
opacity: 1;
}
100%{
transform: translateY(-1vh);
opacity: 0;
}
} .deplier{
transform: scale(1,1);
animation: menu_depliera 0.5s forwards;
}
@keyframes menu_depliera{
0%{
transform: translateY(-1vh);
opacity: 0;
}
100%{
transform: translateY(0vh);
opacity: 1;
}
} .remettre{
transform: scale(1,1);
animation: en_place 0.5s forwards;
}
@keyframes en_place{
0%{
transform: translateY(11vh);
}
100%{
transform: translateY(0vh);
}
} .decaler{
transform: scale(1,1);
animation: decalage 0.5s forwards;
}
@keyframes decalage{
0%{
transform: translateY(0vh);
}
100%{
transform: translateY(11vh);
}
}
} @media screen and (min-width: 701px) and (max-width: 780px) {
.accueil{
position: relative;
height: calc(var(--vh, 1vh) * 75);
}
header{
padding: 0 6vw;
}
.principalMenu li{
margin: 0 1rem;
align-items: space-around;
}
.reseauxHeader{
margin-left: 2rem;
}
.accueil h1, .accueil h2{
color: white;
font-family: 'Oswald DemiBold'; margin-right: 6vw;
opacity: 0.95;
}
.accueil h1{
font-size: 7rem;
margin-bottom: 2rem; line-height: 75px;
}
.accueil h2{
font-size: 2.45rem;
} .actualites {
display: flex;
flex-direction: column;
padding-bottom: 6rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_articles.svg);
background-repeat: no-repeat;
background-size: 145% auto;
background-position: center;
}
.voirPlusArticles {
border: solid #FFB400 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #FFB400;
padding: 1rem 3rem;
margin: 6rem 0;
margin-bottom: 0rem;
transition: 0.5s;
} .resultat{
padding-bottom: 0vh;
}
.containerButtonResultats a {
border: solid #922016 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #922016;
padding: 1rem 3rem;
margin: 0 4rem;
margin-top: 8vh;
transition: 0.5s;
margin-bottom: 2rem;
}
.resultat h2{
margin-bottom: 1rem;
}
.fondResultatAccueil1 {
position: absolute;
left: -10px;
bottom: 12vh;
z-index: -10;
}
.fondResultatAccueil2 {
position: absolute;
right: -10px;
bottom: 12vh;
z-index: -10;
}
.matches article{
width: 28vw;
margin: 0 2vw;
} .photoProgression {
width: 25vw;
position: absolute;
right: 0;
top: 18vh;
box-shadow: -20px -20px #004477;
}  
.progression a {
align-self: center;
width: 35vw;
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 4vh;
transition: 0.5s;
}
footer{
line-height: 17px;
}
}
@media screen and (min-width: 300px) and (max-width: 649px) {
html,body{
min-height: 100%;
width: 100%;
height: 100%;
} header{
height: 13vh;
height: calc(var(--vh, 1vh) * 13);
}
.principalMenu{
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
} .accueil{
height: 87vh;
height: calc(var(--vh, 1vh) * 87);
background-position-y: 0vh !important;
background-position-x: -20vw !important;
background-size: auto 100% !important;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
display: flex;
align-items: flex-start;
overflow-x: hidden;
position: relative; }
.accueil h1, .accueil h2{
margin-bottom: 15vh;
margin-left: 6vw;
}
.accueil h1{
font-size: 4rem;
margin-bottom: 1rem;
line-height: 47px;
}
.accueil h2{ font-size: 1.75rem;
line-height: 23px;
}
.gris{
width: 100vw;
bottom: 0vh;
height: 12vh;
height: calc(var(--vh, 1vh) * 12); }
.boutonBas{
position: absolute;
right: 45vw;
bottom: 3vh;
width: 3.5rem;
height: auto;
animation: bounce 1s infinite;
animation-timing-function: ease-out;
animation-fill-mode: forwards;
} .actualites{
padding-top: 50px;
padding-bottom: 3rem;
}
.actualites ul{
outline: 1ps red solid;
margin-top: -2.5vh;
font-size: 2rem;
}
.voirPlusArticles{
margin: 4rem 0;
}
.articles{
padding: 0 0;
padding-top: 1.5rem;
} .resultat{
padding-bottom: 0;
}
.fondResultatAccueil1 {
position: absolute;
left: -120px;
bottom: 05vh;
z-index: -10;
}
.fondResultatAccueil2 {
position: absolute;
right: -120px;
bottom: 05vh;
z-index: -10;
}
.containerButtonResultats{
padding: 1.5vh 0; }
.containerButtonResultats a {
padding: 1rem 3rem;
margin: 0 5rem;
margin-top: 4vh;
margin-bottom: 1rem;
} .progression{
padding-top: 7rem;
}
.fondStatistiqueAccueil1{
top: 50px;
}
.fondStatistiqueAccueil2{
z-index: -10;
}
.progression h2{
padding-left: 3rem;
width: 80vw;
line-height: 35px;
margin-bottom: 3rem;
}
.progression a{
margin-top: 4vh;
margin-bottom: 6vh;
}
}
@media screen and (min-width: 551px) and (max-width: 649px){
.accueil{
height: 87vh;
height: calc(var(--vh, 1vh) * 87);
background-position-y: 0vh !important;
background-position-x: -20vw !important;
background-size: auto 100% !important;
margin-top: 0vh;
display: flex;
align-items: flex-start;
overflow-x: hidden;
position: relative; }
}
@media screen and (orientation:landscape) and (min-width: 450px) and (max-width: 810px) {
header{
height:18vh;
}
.accueil{
height: 100vh;
height: calc(var(--vh, 1vh) * 100);
width: auto;
background-color: #f8f8f8 !important;
background-position-y: 0vh !important;
background-position-x: -20vw !important;
background-size: 120% auto !important;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
margin-top: 0;
}
.accueil h1{
margin-top: 6vh;
margin-top: calc(var(--vh, 1vh) * 6);
font-size: 4rem;
margin-bottom: 0;
}
.accueil h2{
font-size: 2.5rem;
}
.gris{
height:23vh;
height: calc(var(--vh, 1vh) * 23);
}
.boutonBas{
width: 3.5rem;
right: 50vw;
bottom: 6vh;
bottom: calc(var(--vh, 1vh) * 10);
}
@keyframes bounce{
0%,100%{
bottom: 6vh;
}
25%{
bottom: 3.5vh;
}
}
}
@media screen and (max-width:620px) {
.contactez article {
background-size: auto 100%;
}
}
@media screen and (max-width:500px) {
.contactez article {
padding: 4rem 8rem;
}
.carte {
flex-direction: column;
}
.contacts {
margin-left: 0;
margin-top: 1rem;
}
}
@media screen and (max-width:400px) {
.contactez article {
padding: 4rem 4rem;
}
}
@media screen and (min-width:648px) and (max-width:700px) {
.fondStatistiqueAccueil1{
top:0;
} 
}.introductionArticle {
height: 70vh;
position: relative;
}
.thumbnailArticle {
position: absolute;
height: 70vh;
width: 100%;
overflow: hidden;
}
.thumbnailArticle img {
object-fit: cover;
width: auto;
height: 100%;
}
.encartIntroduction {
background-color: white;
padding: 3rem;
width: 50vw;
box-shadow: -10px 10px #ffb400;
position: absolute;
bottom: -5vh;
margin-left: 7rem;
}
.introductionArticle h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
margin-bottom: 2rem;
}
.encartIntroduction ul {
display: flex;
font-family: 'Montserrat Medium';
justify-content: space-between;
margin-top: 2rem;
}
@media screen and (max-width:700px) {
.introductionArticle {
height: 45vh;
}
.encartIntroduction {
padding: 3rem;
width: 80%;
margin-left: 0;
margin: 0 10%;
}
} .fondArticle {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondArticle1.svg), url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondArticle2.svg);
background-repeat: repeat-y;
background-position: left top, right top;
}
.texteArticle {
padding: 12rem;
}
.texteArticle p {
margin: 1rem 0;
line-height: 19px;
}
.texteArticle img {
max-width: 40vw;
max-height: 50vh;
margin: 1rem 0;
margin-bottom: 2rem;
box-shadow: 10px 10px #ffb400;
}
.texteArticle h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
margin-top: 3rem;
display: flex;
flex-direction: column;
}
.texteArticle h3, .texteArticle h4, .texteArticle h5, .texteArticle h6 {
font-family: 'Oswald DemiBold';
font-size: 1.5rem;
margin-bottom: 0.5rem;
margin-top: 1rem;
}
.texteArticle h2::after {
content: "";
height: 0.5rem;
width: 15rem;
background-color: #ffb400;
position: relative;
left: -6rem;
margin-top: 1rem;
}
@media screen and (min-width:1100px) {
.thumbnailArticle img {
object-fit: cover;
width: 100%;
height: auto;
}
}
@media screen and (max-width:1030px) {
.thumbnailArticle img {
object-fit: cover;
width: auto;
height: 100%;
}
}
@media screen and (max-width:700px) {
.fondArticle {
background-position: left -200px top, right -40px top;
}
.texteArticle {
padding: 5rem;
padding-top: 8rem;
}
.thumbnailArticle img {
object-fit: cover;
width: 100%;
height: auto;
}
}
@media screen and (max-width:400px) {
.introductionArticle{
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.fondArticle {
background-position: left -300px top, right -50px top;
}
.thumbnailArticle img {
object-fit: cover;
width: 120%;
height: auto;
}
.thumbnailArticle {
height: 40vh;
}
.encartIntroduction{
bottom: 9vh;
}
.texteArticle {
padding: 5rem;
padding-top: -1rem;
}
} .finArticle {
display: flex;
margin-bottom: 4rem;
justify-content: space-around;
}
.finArticle figure {
display: flex;
flex-wrap: wrap;
}
.rondAuteur {
overflow: hidden;
border-radius: 50px;
height: 90px;
width: 90px;
display: flex;
justify-content: center;
align-items: center;
align-self: center;
border: 4px solid #ffb400;
}
.finArticle figcaption {
width: 30vw;
margin-left: 2rem;
display: flex;
}
.finArticle figcaption::before {
content: "";
width: 2rem;
height: 100%;
background-color: #ffb400;
margin-right: 2rem;
}
.auteur {
display: flex;
flex-direction: column;
justify-content: center;
line-height: 19px;
}
.nomAuteur {
font-family: 'Montserrat Medium';
padding-bottom: 1rem;
}
.partager {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.partager h3 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 2rem;
}
.partager ul {
display: flex;
}
.partager img {
width: 3rem;
margin-right: 1rem;
}
@media screen and (max-width:700px) {
.finArticle {
padding: 0 5rem;
margin-bottom: 4rem;
flex-direction: column;
}
.finArticle figure {
justify-content: center;
}
.finArticle figcaption {
margin-top: 1rem;
width: 100%;
margin-left: 0;
text-align: center;
}
.finArticle figcaption::before {
content: none;
}
.partager {
margin-left: 0;
margin-top: 3rem;
justify-content: center;
}
.partager h3 {
text-align: center;
}
} .autresArticles {
display: flex;
padding: 10rem 20rem;
justify-content: center;
background:url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondArticleSuivPrec.svg), #ffb400; 
background-repeat: no-repeat;
background-size: cover;
}
.autresArticles h3 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 2rem;
text-align: center;
}
.autresArticles article {
width: 20vw;
margin: 0 7rem;
}
.autresArticles figure {
background-color: white;
display: flex;
flex-direction: column;
box-shadow: -10px 10px #ff7f00;
}
.divAutresArticles {
width: 100%;
height: 15rem;
overflow: hidden;
}
.autresArticles figure img {
object-fit: cover;
min-height: 100%;
min-width: 100%;
max-width: auto;
}
.autresArticles figure figcaption {
padding: 2rem;
font-family: 'Oswald DemiBold';
text-align: center;
}
@media screen and (max-width:700px) {
.autresArticles {
padding: 3rem 3rem;
flex-direction: column;
}
.autresArticles article {
width: auto;
margin: 2rem 1rem;
}
}
@media screen and (min-width:3000px) {
.texteArticle p {
line-height: normal;
font-size: 5rem;
margin: 5rem 0;
}
.texteArticle h2 {
font-size: 7rem;
margin-bottom: 3rem;
margin-top: 6rem;
}
.texteArticle h3, .texteArticle h4, .texteArticle h5, .texteArticle h6 {
font-family: 'Oswald DemiBold';
font-size: 5rem;
margin-bottom: 2rem;
margin-top: 2rem;
}
.introductionArticle h1 {
font-size: 10rem;
}
.encartIntroduction {
padding: 10rem;
width: 80vw;
}
.encartIntroduction ul {
font-size: 4rem;
margin-top: 5rem;
}
.texteArticle h2::after {
height: 2rem;
width: 35rem;
left: -15rem;
}
.finArticle figcaption {
font-size: 4rem;
}
.auteur {
line-height: normal;
}
.rondAuteur {
height: 200px;
width: 200px;
border-radius: 100px;
}
.rondAuteur img {
max-height: 200%;
max-width: 200%;
width: 120%;
height: 120%;
object-fit: cover;
}
}.mentionsLegalesSection {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondMentions.svg);
background-repeat: no-repeat;
background-size: 110% auto;
background-position: center top;
padding-top: 10vh;
padding-left: 15vw; }
.faqSection {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondFaq.svg);
background-repeat: no-repeat;
background-size: 110% auto;
background-position: center top;
padding-top: 10vh;
padding-left: 15vw;
}
.conditionSection {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondConditions.svg);
background-repeat: no-repeat;
background-size: 110% auto;
background-position: center top;
padding-top: 10vh;
padding-left: 15vw;
}
.mentionsSection h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
}
.mentionsSection h1::after {
content: "";
width: 20rem;
height: 0.8rem;
position: relative;
left: -3rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
.mentionsLegalesSection h1::after {
background-color: #952016;
}
.faqSection h1::after {
background-color: #ffb400;
}
.conditionSection h1::after {
background-color: #004477;
}
.mentionsSection article {
background: white;
width: 60vw;
padding: 3rem;
margin-bottom: 5rem;
}
.mentionsLegalesSection article{
box-shadow: -15px 15px #952016;
}
.faqSection article{
box-shadow: -15px 15px #ffb400;
}
.conditionSection article {
box-shadow: -15px 15px #004477;
}
.mentionsArticle {
margin: 3rem 15rem;
}
.mentionsArticle h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
flex-direction: column;
}
.mentionsArticle h2::after {
content: "";
width: 15rem;
height: 0.5rem;
position: relative;
left: -5rem;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
}
.mentionsLegalesArticle h2::after{
background-color: #952016;
}
.faqArticle h2::after {
background-color: #928974;
}
.conditionArticle h2::after {
background-color: #004477;
}
.mentionsArticle p {
line-height: 17px;
display: block;
margin-top: 2rem;
}
.mentionsArticle p strong {
font-family: 'Montserrat SemiBold';
}
.mentionsArticle p span {
display: block;
margin-left: 2rem;
}
@media screen and (min-width: 1700px){
.mentionsSection h1{
font-size: 5rem;
margin-top: 2rem;
}
.mentionsSection h1::after{
width: 30rem;
}
.mentionsArticle h2{
font-size: 4rem;
margin-top: 6rem;
}
.mentionsArticle h2::after{
height: 5px;
}
.mentionsArticle p, .mentionsArticle ul, .mentionsSection p{
font-size: 2.3rem;
line-height: 35px;
}
div.ufaq-faq-title h4{
font-size: 4rem;
}
label, input{
font-size: 2.3rem;
}
.mentionsArticle form{
margin-bottom: 7rem;
}
}
@media screen and (min-width: 3000px){
.mentionsLegalesSection article, .mentionsSection article{
padding: 6rem;
margin-bottom: 10rem;
}
.mentionsSection h1{
font-size: 12rem;
margin-top: 5rem;
margin-bottom: 5rem;
}
.mentionsSection h1::after{
width: 80rem;
height: 10px;
top: 2rem;
left: -6rem;
}
.mentionsArticle h2{
font-size: 8rem;
margin-top: 15rem;
margin-bottom: 4rem;
}
.pageStyle h2{
margin-top: 8rem !important;
}
.mentionsArticle h2::after{
height: 10px;
width: 40rem;
top: 1rem;
}
.mentionsArticle p, .mentionsArticle ul, .mentionsSection p{
font-size: 5rem;
line-height: 65px;
}
div.ufaq-faq-title h4{
font-size: 8rem;
}
label, input{
font-size: 5rem;
}
.mentionsArticle form{
margin-bottom: 12rem;
}
.formulaires {
margin-bottom: 15rem;
}
.formulaires h2 {
font-size: 8rem;
margin-bottom: 5rem;
margin-top: 5rem;
}
.formulaires label input {
height: 10rem;
}
.formulaires textarea {
height: 40rem;
font-size: 4rem;
}
}
@media screen and (max-width:1100px) {
.faqSection {
background-size: auto 20vh;
padding-top: 10rem;
}
}
@media screen and (max-width:700px) {
.mentionsSection {
background-size: auto 30vh;
padding-left: 10vw;
padding-right: 10vw;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.mentionsSection article {
width: auto;
padding: 3rem;
margin-bottom: 5rem;
}
.mentionsLegalesSection article {
box-shadow: -10px 10px #952016;
}
.faqSection article {
box-shadow: -10px 10px #ffb400;
}
.conditionSection article {
box-shadow: -10px 10px #004477;
}
.mentionsSection h1::after {
width: 12rem;
}
.mentionsArticle {
margin: 2rem 5rem;
}
} .pageStyle h2{
margin-top: 3rem;
}
.pageStyle h3{
font-family: 'Oswald DemiBold';
font-size: 1.5rem;
margin: 2rem 0;
display: flex;
flex-direction: column;
}
.pageStyle h3::after {
content: "";
background-color: #004477;
width: 10rem;
height: 0.3rem;
margin-top: .5rem;
margin-bottom: .5rem;
}
.pageStyle h4 {
font-family: 'Montserrat SemiBold' ;
margin: 1rem 0;
} .comment-respond {
display: none;
}
.ufaq-permalink {
display: none;
}
.ewd-ufaq-author-date {
display: none;
}
.ewd-ufaq-post-margin-symbol {
display: none;
}
.mentionsArticle h4 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
align-items: center;
}
.mentionsArticle h4::before {
content: "";
height: 15px;
width: 15px;
background-color: #000000;
border-radius: 10px;
margin-right: 1rem;
}
.mentionsArticle h4:hover::before {
background-color: #952016;
}
.ufaq-faq-body {
padding: 0 25px;
padding-left: 55px;
padding-bottom: 20px;
} .formulaires {
margin: 2rem 15rem;
margin-bottom: 5rem;
display: flex;
justify-content: space-between;
align-items: flex-start;
color: black;
}
.formulaires .wpcf7 {
width: 100%;
}
.formulaires>div {
background-color: rgba(255, 180, 0, 1);
border-radius: 30px;
padding: 2rem 4rem;
display: flex;
flex-direction: column;
align-items: center;
width: 40%;
}
.formulaires h2 {
font-family:'Oswald DemiBold' ;
font-size: 2rem;
margin-bottom: 1rem;
}
.formulaires form p {
margin-top: 1rem;
}
.formulaires label input {
border: none;
width: 100%;
margin-top: .5rem;
height: 3rem;
}
.formulaires input {
margin-bottom: 0;
}
.formulaires textarea {
border: none;
margin-top: .5rem;
height: 8rem;
width: 100%;
}
@media screen and (max-width:1100px)
{
.formulaires {
margin: 2rem 10rem;
}
.formulaires>div {
width: 45%;
}
}
@media screen and (max-width:950px)
{
.formulaires {
margin: 2rem 5rem;
}
}
@media screen and (max-width:850px)
{
.formulaires {
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.formulaires>div {
margin-bottom: 3rem;
width: 60%;
}
}
@media screen and (max-width:550px) {
.formulaires>div {
width: 80%;
}
.formulaires p {
width: 100%;
}
.formulaires textarea {
width: 100%;
}
}
@media screen and (max-width:450px) {
.formulaires>div {
width: 100%;
}
.formulaires {
margin: 2rem 3rem;
}
}.adherents {
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondAdherents1.svg), url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondAdherents2.svg);
background-repeat: repeat-y;
background-position: left top 40rem, right top 40rem;
z-index: 0;
line-height: 19px;
}
.adherents>div {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: -1;
overflow: hidden;
height: 70vh;
background-position-y: 50vh;
}
.adherents .adherentsTable>* {
z-index: 10000;
}
.adherents>div>img {
object-fit: cover;
min-width: 100%;
}
.adherents h1 {
padding: 2rem 10rem;
padding-top: 10rem;
font-family: 'Oswald DemiBold';
font-size: 4rem;
color: white;
}
.adherents form {
align-self: flex-end;
margin: 5rem 10rem ;
display: flex;
}
.adherents form input {
width: 35vw;
padding: 1rem;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
border: none;
font-family: 'Montserrat Light';
}
.boutonrechercher {
background-color: #922016;
border: none;
color: white;
padding: 1rem;
padding-right: 1.5rem;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
font-family: 'Montserrat SemiBold';
}
.tohide_adherent_desktop {
display: none;
}
.adherentTable {
margin: 10rem 10rem;
margin-bottom: 10rem;
background-color: white;
box-shadow: -10px 10px #922016;
border: 1px solid #922016;
display: flex;
flex-direction: column;
align-items: center; padding-top: 2vw;
padding-bottom: 2vw;
}
.adherentTable table {
margin: 3rem 0;
width: 90%;
}
.adherentTable tbody tr {
border-top: 2px solid #922016;
width: 100%;
transition: .5s;
cursor: pointer;
}
.adherentTable tbody tr:hover {
border-top: 2px solid white;
background-color: #922016;
color: white;
}
.adherentTable tbody tr:hover a {
color: white;
}
.adherentTable td, th {
text-align: center;
padding: 1rem;
}
.adherentTable th {
font-family: 'Montserrat SemiBold';
} .autresadherents {
position: relative;
}
.autresadherents>div {
position: absolute;
top: 0;
z-index: -1;
display: flex;
align-items: flex-start;
justify-content: center;
height: 40rem;
width: 100%;
overflow: hidden;
}
.autresadherents>div>img {
min-width: 100%;
object-fit: cover;
}
.autresadherents h2 {
padding: 2rem 10rem;
padding-top: 10rem;
font-family: 'Oswald DemiBold';
font-size: 4rem;
color: white;
}
.autresadherents>article {
margin: 5rem 10rem;
background: white;
box-shadow: -10px 10px #922016;
padding: 5rem;
border: 1px solid #922016;
line-height: 19px;
}
.autresadherents h3 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
flex-direction: column;
}
.autresadherents h3:after {
content: "";
background: #922016;
height: 5px;
width: 20rem;
position: relative;
left: -5rem;
margin-top: 1rem;
margin-bottom: 2rem;
}
@media screen and (min-width: 1700px) {
.adherents>div{
position: absolute;
top: -200px;
left: 0;
width: 100%;
z-index: -1;
overflow: hidden;
height: 70vh;
background-position-y: 50vh;
}
.adherents h1{
font-size: 5rem;
}
.adherentTable{
font-size: 2.3rem;
}
.adherentTable td, th{
padding: 2rem;
} .autresadherents h2{
font-size: 5rem;
}
.autresadherents h3{
font-size: 4rem;
}
.autresadherents h3::after{
margin-top: 3rem;
margin-bottom: 3rem;
}
.autresadherents p{
font-size: 2.3rem;
line-height: 45px;
}
}
@media screen and (min-width: 3000px) {
.adherents{
background-size: 20%;
}
.adherents>div{
top: -400px;
}
.adherents h1{
font-size: 12rem;
margin-top: 4rem;
}
.adherentTable{
font-size: 5rem;
}
.pageResultat td,th{
padding: 5rem;
}
.adherentTable td, th{
padding: 5rem !important;
} .autresadherents>div{
height: 100rem;
}
.autresadherents h2{
font-size: 12rem;
}
.autresadherents h3{
font-size: 7.5rem;
margin-top: 5rem;
}
.autresadherents h3::after{
margin-top: 6rem;
margin-bottom: 6rem;
height: 10px;
width: 70rem;
}
.autresadherents p{
font-size: 5rem;
line-height: 80px;
}
}
@media screen and (max-width: 1000px) {
.adherents>div {
height: 40rem;
}
.adherents>div>img {
min-height: 100%;
}
}
@media screen and (max-width: 700px) {
.adherents>div {
height: 35rem;
}
.adherents>div>img {
min-height: 100%;
}
.adherents h1 {
padding: 2rem 3rem;
padding-top: 5rem;
}
.adherents form input {
width: 60vw;
}
.adherents form {
align-self: center;
margin: 2rem 0;
}
.tohide_adherent_mobile {
display: none;
}
.tohide_adherent_desktop {
display: table-row;
}
.adherentTable {
margin: 10rem 3rem;
margin-bottom: 5rem;
}
.adherentTable table {
margin: 0;
}
.adherentTable th {
width: 50%;
}
.adherentTable p {
margin-top: 0.5rem;
}
.adherentTable th .trait_adherent {
display: flex;
flex-direction: column;
align-items: center;
}
.adherentTable th .trait_adherent::after {
content: "";
background-color: #000000;
height: 1px;
width: 30px;
margin-top: 0.5rem;
}
.adherentTable th .trait_adherent::after {
height: 2px;
}
.autresadherents>article {
margin: 2rem 3rem
}
.autresadherents h2 {
padding: 2rem 3rem;
padding-top: 5rem;
}
}
@media screen and (max-width: 649px) {
.adherents{
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
}
@media screen and (max-width: 500px) {
.adherents {
background-position: left -7rem top 35rem, right -5rem top 45rem;
}
.autresadherents>article {
padding: 3rem;
}
.autresadherents h3:after {
left: -3rem;
}
.autresadherents>div {
width: 100%;
}
}
@media screen and (max-width: 350px) {
.adherentTable th {
padding: 1rem 0;
}
.adherentTable td {
padding: 1rem 0;
}
} iframe .cercle {
border:black!important;
}.entrainementSection {
font-family: 'Montserrat Light'; height: auto;
position: relative;
} .entrainements {
padding: 5rem 10rem;
background-position: bottom 13rem right 0 !important;
margin-bottom: 5rem;
}
.entrainements h1 {
color: white;
font-family: 'Oswald DemiBold';
font-size: 4rem;
margin-bottom: 2rem;
}
.horaires {
position: relative;
background-color: white;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-shadow: -10px 10px #922016;
padding: 2rem 5rem;
padding-top: 5rem;
padding-bottom: 5rem;
line-height: 17px;
overflow: hidden;
}
.fondEntraiHoraire1 {
position: absolute;
top: 0;
right: 0;
}
.fondEntraiHoraire2 {
position: absolute;
bottom: -5rem;
right: 20%;
height: 12rem;
}
.horaires h2 {
display: flex;
flex-direction: column;
font-family: 'Oswald DemiBold';
font-size: 3rem;
width: 70%;
}
.horaires h2::after{
content: "";
display: inline-block;
height: 4px;
width: 120px;
background: #922016;
margin-top: 10px;
position: relative;
left: -5rem;
top: 1rem;
margin-top: 0.8vh;
margin-bottom: 3vh;
}
.horairesJour {
display: flex;
flex-direction: column;
}
.rondRouge {
width: 1rem;
margin-top: 1rem;
height: 1rem;
background-color: #922016;
border-radius: 20px;
}
.horaires article{
width: 48%;
padding: 2rem 0rem;
display: flex;
}
.traitHoraires {
padding-top: 5rem;
border-bottom: 1px solid #922016;
}
.horaires article h4 {
width: 15rem;
font-family: 'Montserrat SemiBold';
font-size: 1.7rem;
}
.horaires article div p span {
font-family: 'Montserrat SemiBold';
}
.horaires article div p  {
font-size: 1.3rem;
margin-bottom: 0.5rem;
} .tarifs {
display: flex;
padding-bottom: 10rem;
justify-content: space-between; }
.fondEntrainement1 {
height: 40rem;
position: absolute;
top: 78rem;
left: 0;
z-index: -1;
}
.fondEntrainement2 {
position: absolute;
top: 68rem;
height: 50rem;
right: 25rem;
z-index: -1;
}
.imgTarifs {
display: flex;
justify-content: flex-end;
}
.imgTarifs img{
height: 70vh;
margin-top: -2vh;
width: auto;
box-shadow: -20px 20px #922016;
}
.tarifsArticle {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.tarifsArticle h2 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 10rem;
position: relative;
padding-bottom: 6rem;
}
.tarifsArticle h2::after {
content: "";
height: 4px;
width: 50vw;
background-color: #922016;
position: absolute;
top: 4rem;
}
.tarifsArticle h5 {
font-family: 'Montserrat SemiBold';
}
.tarifsArticle article {
margin-bottom: 2rem;
padding-left: 10rem;
}
.tarifsArticle article p {
padding-left: 1rem;
padding-top: 0.5rem;
} .entraineur {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
padding-bottom: 10rem; }
.entraineurFond1,.entraineurFond2{
position: absolute;
z-index: -1000;
}
.entraineurFond1{
left: 0;
}
.entraineurFond2{
right:0;
}
.entraineur h2 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 10rem;
position: relative;
padding-bottom: 3rem;
}
.entraineur h2::after {
content: "";
height: 4px;
width: 50vw;
background-color: #922016;
position: absolute;
top: 4rem;
}
.entraineur article {
align-self: center;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: -20px 20px 0 0px #922016;
background-color: #fff;
}
.entraineur article div {
height: 30vh;
overflow: hidden;
}
.entraineur article div img {
object-fit: contain;
}
.entraineur article h3 {
margin-top: 2rem;
font-family: 'Oswald DemiBold';
font-size: 2.5rem;
margin-bottom: 1rem;
}
.entraineur article p {
margin-bottom: 2rem;
} .pratiqueLibre {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-bottom: 5rem;
}
.pratiqueLibre h2 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-left: 10rem;
position: relative;
padding-bottom: 3rem;
}
.pratiqueLibre h2::after {
content: "";
height: 4px;
width: 50vw;
background-color: #922016;
position: absolute;
top: 4rem;
}
.pratiqueLibre article {
width: 80vw;
align-self: center;
display: flex;
flex-direction: column;
align-items: flex-end;
color: white;
margin: 2rem 0;
background-repeat: no-repeat;
background-position: center right 40vw;
background-size: 20vw, 50% auto;
}
.pratiqueLibre article div {
display: flex;
flex-direction: column;
align-items: center;
background : #922016;
padding: 2rem 0;
text-align: center;
width: 40vw;
}
.pratiqueLibre h3 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
}
@media screen and (min-width: 1700px){
.entrainements{
margin-bottom: 7rem;
}
.entrainements h1{
font-size: 5rem;
margin-bottom: 4rem;
}
.horaires h2{
font-size: 4rem;
}
.horaires h2::after{
top: 2rem;
width: 150px;
height: 5px;
}
.horaires article h4{
font-size: 2.5rem;
}
.rondRouge{
width: 1.5rem;
height: 1.5rem;
margin-top: 2rem;
}
.horaires article div p{
font-size: 2rem;
margin-bottom: 1.5rem;
} .tarifsArticle h2{
font-size: 5rem;
}
.tarifsArticle h2::after{
height: 5px;
top: 6.2rem;
}
.tarifsArticle h5{
font-size: 2.5rem;
}
.tarifsArticle article p{
font-size: 2rem;
line-height: 27px;
}
.fondEntrainement1{
top: 100rem;
left: -1rem;
}
.fondEntrainement2{
top: 80rem;
right: 38rem;
height: 80rem;
} .entraineur h2{
font-size: 5rem;
}
.entraineur h2::after{
height: 5px;
top: 6rem;
}
.entraineur article div{
height: auto;
width: 30vw;
}
.entraineur article div img{
width: 30vw;
height: auto;
}
.entraineur article h3{
font-size: 3.5rem;
margin-top: 2.5rem;
}
.entraineur article p{
font-size: 2rem;
margin-top: 1.2rem;
margin-bottom: 2.5rem;
line-height: 25px;
}
.entraineurFond1, .entraineurFond2{
top: 15rem;
width: 30%;
} .pratiqueLibre h2{
font-size: 5rem;
margin-bottom: 2.5rem;
}
.pratiqueLibre h2::after{
height: 5px;
top: 6rem;
}
.pratiqueLibre h3{
font-size: 3rem;
}
.pratiqueLibre p{
font-size: 2rem;
margin-top: 1.5rem;
}
}
@media screen and (min-width: 3000px){
.entrainements{
margin-bottom: 13rem;
}
.fondEntraiHoraire1{
width: 25%;
}
.fondEntraiHoraire2{
width: 30%;
height: 30rem;
bottom: -11rem;
}
.entrainements h1{
font-size: 12rem;
margin-bottom: 8rem;
margin-top: 8rem;
}
.horaires{
padding: 8rem;
}
.horaires h2{
font-size: 8rem;
margin-top: 6rem;
margin-bottom: 4rem;
}
.horaires h2::after{
top: 4rem;
width: 250px;
height: 10px;
left: -8rem;
}
.horaires article{
padding: 6rem 0rem;
}
.horaires article h4{
font-size: 5rem;
margin-right: 15rem;
margin-top: 1.5rem;
}
.rondRouge{
width: 3rem;
height: 3rem;
margin-top: 4rem;
}
.horaires article div p{
font-size: 5rem;
margin-bottom: 3rem;
line-height: 50px;
}
.traitHoraires{
border-bottom: 3px solid #922016;
} .tarifsArticle h2{
margin-bottom: 2rem;
font-size: 8rem;
}
.tarifsArticle h2::after{
height: 10px;
top: 10.5rem;
}
.tarifsArticle h5{
font-size: 5.5rem;
}
.tarifsArticle article p{
font-size: 5rem;
line-height: 65px;
}
.fondEntrainement2{
top: 175rem;
right: 60rem;
height: 150rem;
} .entraineur h2{
font-size: 8rem;
}
.entraineur h2::after{
height: 10px;
top: 10.5rem;
}
.entraineur article h3{
font-size: 7rem;
margin-bottom: 3rem;
margin-top: 4rem;
}
.entraineur article p{
font-size: 5rem;
margin-top: 1.2rem;
margin-bottom: 6rem;
line-height: 25px;
}
.entraineur article div{
height: auto;
width: 30vw;
}
.entraineur article div img{
width: 30vw;
}
.entraineurFond1, .entraineurFond2{
top: 10rem;
width: 35%;
} .pratiqueLibre{
margin-bottom: 12rem;
}
.pratiqueLibre h2{
font-size: 8rem;
margin-bottom: 10rem;
}
.pratiqueLibre h2::after{
height: 10px;
top: 10.5rem;
}
.pratiqueLibre h3{
font-size: 7rem;
}
.pratiqueLibre p{
font-size: 5rem;
margin-top: 1.5rem;
}
} @media screen and (min-width: 650px) and (max-width: 1050px) {
body{
background-image: none;
} .entrainements {
padding: 5rem 7rem;
background-position: top 0 right 0 !important;
margin-bottom: 5rem;
}
.horaires article{
width: 48%;
}
.horaires article h4 {
width: 10rem;
font-size: 1.7rem;
}
.horaires article div p  {
width: 13rem;
margin-bottom: 2rem;
line-height: 19px;
}
.fondEntrainement1{
top: 55rem;
}
.fondEntrainement2{
right: 12rem;
} .tarifs {
display: flex;
padding-bottom: 10rem;
justify-content: space-between;
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/entrainement_background_1-01.svg);
background-size: 95%;
background-repeat: no-repeat;
background-position: center;
background-position-x: 0;
}
.imgTarifs {
display: flex;
justify-content: flex-end;
}
.imgTarifs img{
height: 30vh;
margin-top: 4vh;
}
.tarifsArticle {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.tarifsArticle h2 {
padding-left: 5rem;
padding-bottom: 4rem;
}
.tarifsArticle h2::after {
top: 4rem;
}
.tarifsArticle h5 {
font-family: 'Montserrat SemiBold';
margin-bottom: 2px;
}
.tarifsArticle article {
margin-bottom: 2rem;
padding-left: 5rem;
}
.tarifsArticle article p {
line-height: 17px;
} .entraineur { background-size: 100%;
background-repeat: no-repeat;
}
.entraineur article{
background-color: #fff;
}
.entraineur article div {
height: 20vh;
overflow: hidden;
}
.entraineur article div img {
object-fit: contain;
}
.entraineur h2 {
padding-bottom: 5rem;
padding-left: 5rem;
}
.entraineur article h3 {
margin-top: 2rem;
}
.entraineur article p {
margin-bottom: 2rem;
} .pratiqueLibre h3 {
margin-bottom: 0.6rem;
}
.pratiqueLibre p {
font-size: 1.2rem;
}
} @media screen and (min-width: 650px) and (max-width: 780px) {
body{
background-image: none;
} .imgTarifs img{
height: 30vh;
margin-top: 17vw;
}
.tarifsArticle h5 {
margin-bottom: 2px;
line-height: 17px;
}
.tarifsArticle{
width: 52vw;
margin-bottom: -4rem;
}
.tarifsArticle article p {
line-height: 17px;
}
.tarifs {
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/entrainement_background_1-01.svg);
background-repeat: no-repeat;
background-size: 96%;
background-position-x: 0;
background-position-y: 110px;
}
.fondEntrainement2{
right: -18rem;
} .entraineur{
background-repeat: no-repeat;
background-position-y: 50px;
}
.entraineurFond1{
left: 0;
}
.entraineurFond2{
right:0;
top: 8vh;
} .pratiqueLibre h3 {
margin-bottom: 0.8rem;
}
.pratiqueLibre p {
font-size: 1.2rem;
width: 35vw;
line-height: 15px;
}
.pratiqueLibre article {
background-size: 20vw, 85% auto;
}
} @media screen and (min-width: 300px) and (max-width: 649px) {
.entrainementSection{
background-image: none;
}
.entrainementSection{
overflow-x: hidden;
} .entrainements {
padding: 4rem 3.5rem;
background-position: top 0 right 0 !important;
margin-bottom: 5rem;
background-size: 165% auto;
overflow-x: hidden;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.horaires {
flex-direction: column;
padding-left: 3.5rem;
}
.fondEntraiHoraire1 {
height: 5rem;
}
.fondEntraiHoraire2 {
height: 15rem;
}
.horaires article{
width: 110%;
}
.horaires h2::after{
left: -4rem;
top: 0.5rem;
}
.horaires article h4 {
width: 12rem;
font-size: 1.7rem;
}
.horaires article div p  {
width: 9rem;
margin-bottom: 2rem;
line-height: 19px;
}
.traitHorairesMobile {
border-bottom: 1px solid #922016;
} .tarifs{
flex-direction: column;
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/entrainement_background_1-01.svg);
}
.imgTarifs{
justify-content: center;
}
.imgTarifs img{
height: 40vh;
margin-top: 17vw;
box-shadow: -12px 12px #922016;
}
.tarifsArticle h5 {
margin-bottom: 2px;
line-height: 17px;
}
.tarifsArticle{
width: 52vw;
margin-bottom: -4rem;
}
.tarifsArticle article p {
line-height: 17px;
}
.tarifs {
background-size: cover;
background-position-x: -630px;
background-position-y: 0px;
}
.tarifsArticle h2 {
padding-left: 3.5rem;
padding-bottom: 3rem;
width: 28rem;
line-height: 35px;
}
.tarifsArticle h2::after {
top: 7.8rem;
left: -4rem;
}
.tarifsArticle article {
margin-bottom: 2rem;
padding-left: 3.5rem;
width: 30rem;
}
.tarifsArticle article p {
padding-left: 1rem;
padding-top: 0.5rem;
} .entraineur { background-size: 200%;
background-position-x: 0;
background-position-y: 40px;
background-repeat: no-repeat; }
.entraineurFond1{
left: -15vw;
}
.entraineurFond2{
right: -25vw;
}
.entraineur article{
background-color: #fff;
box-shadow: -12px 12px #922016;
margin-left: 3.5rem;
margin-right: 3.5rem;
}
.entraineur article div {
height: 20vh;
overflow: hidden;
}
.entraineur h2 {
padding-bottom: 5rem;
padding-left: 3.5rem;
}
.entraineur article h3 {
margin-top: 2rem;
margin-bottom: 1rem
}
.entraineur h2::after {
width: 50vw;
top: 4rem;
left: -4rem;
}
.entraineur article p {
margin-bottom: 2rem;
line-height: 19px;
text-align: center;
width: 20rem;
} .pratiqueLibre h3 {
margin-bottom: 0.8rem;
}
.pratiqueLibre h2 {
padding-left: 3.5rem;
}
.pratiqueLibre h2::after {
left: -4rem;
}
.pratiqueLibre p {
font-size: 1rem;
width: 35vw;
line-height: 15px;
margin-top: 0.2rem;
}
.pratiqueLibre article {
background-size: 20vw, 245% auto;
}
}.topFicheEquipe {
background-color: #922016;
display: flex;
justify-content: center;
position: relative;
padding: 4rem 3rem;
position: relative;
overflow: hidden; }
.topFicheEquipe iframe{
padding: 5rem 2rem;
}
.flecheTopEquipe {
position: absolute;
left: 10rem;
height: 2rem;
}
.topFicheEquipeImg1 {
position: absolute;
left: 40px;
top: -75px;
height: 200px;
}
.topFicheEquipeImg2 {
position: absolute;
right: 40px;
height: 200px;
top: -60px;
}
.topFicheEquipe h1 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
color: white;
margin-right: 2rem;
display: flex;
flex-direction: column;
}
.topFicheEquipe h1:after {
content: "";
background-color: white;
height: 3px;
width: 40px;
position: relative;
left: -10px;
margin-top: 3px;
} .detailEquipe {
display: flex;
justify-content: space-around;
padding: 3rem;
border-bottom: 6px solid #922016;
font-family: 'Montserrat SemiBold';
}
.detailEquipe strong {
font-family: 'Montserrat Light';
}
.podiumEquipe {
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 3rem;
position: relative;
overflow: hidden;
}
.podiumEquipeImg1 {
position: absolute;
top: 10px;
left: 20px;
height: 90%;
}
.podiumEquipeImg2 {
position: absolute;
right: 20px;
top: 10px;
height: 90%;
}
.podiumEquipe h2 {
display: flex;
flex-direction: column;
font-family: 'Oswald DemiBold';
font-size: 2rem;
text-align: center; margin-top: 3rem;
}
.podiumEquipe h2:after {
content: "";
background-color: #922016;
height: 4px;
width: 100px;
margin-top: 4px;
position: relative;
left: -10px;
}
.podium {
display: flex;
}
.podium>div {
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
}
.podium p {
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
width: 100px;
}
.podium p strong {
font-family: 'Montserrat SemiBold';
text-align: center;
}
.marche1 {
height: 150px;
width: 140px;
background-color: #ffb400;
box-shadow: 10px 0px #ff8b00;
font-family: 'Montserrat SemiBold';
}
.marche2 {
height: 100px;
width: 140px;
background-color: #ffb400;
font-family: 'Montserrat SemiBold';
}
.marche3 {
height:60px;
width: 140px;
background-color: #ffb400;
box-shadow: 10px 0px #ff8b00;
font-family: 'Montserrat SemiBold';
}
.suitePodium {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.suitePodium p {
width: 50%;
text-align: center;
margin-top: 2rem;
}
.suitePodium p strong {
font-family: 'Montserrat SemiBold';
} .victoireEquipe {
background-color: #ffb400;
display: flex;
padding: 5rem 20rem;
justify-content: space-between;
}
.victoireEquipeGraphique {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.VicDefForme {
display: flex;
align-items: center;
flex: 1 1 50%;
justify-content: center;
margin-bottom: 2rem;
}
.victoireForme {
height: 8px;
width: 25px;
background-color: #922016;
border-radius: 50px;
margin-left: 1rem;
}
.defaiteForme {
height: 8px;
width: 25px;
background-color: #ff8b00;
border-radius: 50px;
margin-left: 1rem;
}
.victoireEquipeNombre {
display: flex;
flex-direction: column;
align-items: center;
}
.victoireEquipeNombre h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}
.victoireEquipeNombre h2:after {
content: "";
background-color: #000000;
height: 2px;
width: 100%;
}
.victoireEquipeNombre table {
width: 100%;
}
.victoireEquipeNombre tr:not(:last-child) {
border-bottom: 1.5px solid #000000;
}
.victoireEquipeNombre td {
padding: 1rem;
}
.victoireEquipeNombre td:last-child {
font-family: 'Montserrat SemiBold';
} .dernierMatchEquipe {
padding: 5rem 10rem;
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.dernierMatchEquipeImg1 {
position: absolute;
left: -30px;
top: 40px;
}
.dernierMatchEquipeImg2 {
position: absolute;
right: -30px;
top: 50px;
}
.dernierMatchEquipe h3{
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 2rem;
align-self: center;
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 4vw;
}
.dernierMatchEquipe h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 2rem;
align-self: center;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.dernierMatchEquipe h2:after {
content: "";
background-color: #922016;
height: 4px;
width: 100px;
position: relative;
right: -10px;
margin-top: 5px;
}
.dernierMatchEquipe tr {
border-bottom: 2px solid #922016;
}
.dernierMatchEquipe td {
text-align: center;
vertical-align: middle;
padding: 2rem 0;
}
.dernierMatchEquipe th {
padding: 2rem 0;
font-family: 'Montserrat SemiBold';
} .voirPlusEquipe {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
overflow: hidden;
min-height: 20vw;
}
.voirPlusEquipeImg1 {
position: absolute;
top: 10px;
left: 20px;
}
.voirPlusEquipeImg2 {
position: absolute;
top: 0;
right: -40px;
}
.voirPlusEquipe h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 2rem;
}
.flecheBas {
background-color: #ffb400;
color: white;
border-radius: 20px;
font-size: 2rem;
padding: 1rem;
height: 3rem;
margin-bottom: 2rem;
} @media screen and (max-width:1100px) {
.victoireEquipe {
padding: 5rem 10rem;
}
}
@media screen and (max-width:900px) {
.victoireEquipe {
padding: 5rem 5rem;
}
.victoireEquipeGraphique img {
height: 150px;
}
}
@media screen and (max-width:750px) {
.VicDefForme {
flex: 1 1 auto;
}
.victoireEquipeGraphique {
flex-direction: column;
align-items: center;
}
.dernierMatchEquipe h3 {
padding-top: 10vw;
text-align: center;
}
}
@media screen and (max-width:600px) {
.topFicheEquipe {
flex-direction: column;
align-items: center;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.topFicheEquipe h1 {
margin-bottom: 2rem;
}
.detailEquipe {
flex-direction: column;
align-items: center;
padding: 1rem;
}
.podiumEquipe h2 { }
.podium>div {
position: relative;
}
.podium p {
transform: rotate(-45deg);
position: absolute;
top: -60px;
}
.marche1 {
height: 150px;
width: 100px;
}
.marche2 {
height: 100px;
width: 100px;
}
.marche3 {
height:60px;
width: 100px;
}
.suitePodium {
flex-direction: column;
}
.suitePodium p {
width: auto;
}
.victoireEquipe {
flex-direction: column;
}
.victoireEquipeNombre h2{
margin-top: 3rem;
text-align: center;
}
.dernierMatchEquipe {
padding: 0 5rem;
padding-top: 5rem;
}
.voirPlusEquipe {
padding-top: 5rem;
}
.voirPlusEquipeImg2 {
top: auto;
bottom: 10px;
right: -40px;
}
}
@media screen and (max-width:450px) {
.flecheTopEquipe {
left: 4rem;
height: 2rem;
}
.dernierMatchEquipe {
padding: 0 1rem;
padding-top: 5rem;
}
.podiumEquipeImg1, .podiumEquipeImg2 {
display: none;
}
.topFicheEquipeImg1 {
left: -30px;
top: -90px;
height: 250px;
}
.topFicheEquipeImg2 {
right: -40px;
height: 250px;
top: -60px;
}
.dernierMatchEquipeImg1 {
top: 10px;
}
.dernierMatchEquipeImg2 {
right: -40px;
}
.voirPlusEquipeImg1 {
top: 15px;
left: -10px;
}
.voirPlusEquipeImg2 {
bottom: -20px;
right: -60px;
}
}
@media screen and (max-width:350px) {
.marche1 {
width: 70px;
}
.marche2 {
width: 70px;
}
.marche3 {
width: 70px;
}
}.infosJoueur {
background-color: #922016;
display: flex;
flex-direction: row;
justify-content: center;
padding: 8rem 0;
color: white;
line-height: 17px;
position: relative;
overflow: hidden; }
.fondBlancImg1 {
position: absolute;
left: -10px;
top: -60px;
height: 100px;
}
.fondBlancImg2 {
position: absolute;
left: 10px;
bottom: 20px;
height: 50px;
}
.fondBlancImg3 {
position: absolute;
right: -30px;
top: -60px;
height: 100px;
}
.fondBlancImg4 {
position: absolute;
right: 0;
bottom: 20px;
height: 50px;
}
.flecheTopJoueur {
position: absolute;
left: 3rem;
height: 2rem;
}
.rondJoueur {
border-radius: 70px;
height: 120px;
width: 120px;
overflow: hidden;
border: 4px solid white;
z-index: 1;
}
.rondJoueur img {
width: 130px;
}
.infosJoueur article {
display: flex;
flex-direction: column;
align-items: flex-start;
margin-left: 3rem;
}
.infosJoueurP {
display: flex;
}
.infosJoueurP p:first-child {
border-right: 2px solid white;
}
.infosJoueurP p {
padding: 0 2rem;
font-family: 'Montserrat SemiBold';
}
.infosJoueurP span {
font-family: 'Montserrat Light';
}
.infosJoueur h1 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-left: 2rem;
margin-bottom: 2rem;
display: flex;
flex-direction: column;
}
.infosJoueur h1::after {
content: "";
height: 2px;
width: 100%;
background-color: white;
margin-top: 1rem;
} .rangStatistique {
display: flex;
justify-content: space-around;
padding: 5rem;
line-height: 17px;
position: relative;
overflow: hidden;
}
.barreRouge1 {
position: absolute;
left: 0;
top: 0;
}
.barreRouge2 {
position: absolute;
right: 0;
top: 0;
}
.barreRouge3 {
position: absolute;
left: 0;
bottom: 0;
}
.barreRouge4 {
position: absolute;
right: 0;
bottom: 0;
}
.rangStatistique figure {
display: flex;
}
.rangStatistique figcaption {
margin-left: 2rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.rangStatistique figure img {
width: 8rem;
object-fit: contain;
} .rangStatistique figure h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
flex-direction: column;
}
.rangStatistique figure h2::after {
content: "";
height: 3px;
width: 100%;
background-color: black;
border-radius: 50px;
margin-top: 1rem;
margin-bottom: 1rem;
}
.rangStatistique figure p {
font-family: 'Montserrat SemiBold';
}
.rangStatistique figure p span {
font-family: 'Montserrat Light';
}
.statistiqueDiv {
display: flex;
align-items: center;
margin-top: 1rem;
}
.victoiresDiv {
height: 12px;
width: 40px;
background-color: #922016;
border-radius: 70px;
margin-left: 1rem;
}
.defaitesDiv {
height: 12px;
width: 40px;
background-color: #004477;
border-radius: 70px;
margin-left: 1rem;
} .historique {
margin: 2rem;
}
.wpfftt-card-block {
display: flex;
justify-content: center;
}
.historique h4 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
display: flex;
flex-direction: column;
}
.historique h4::after {
content: "";
height: 3px;
width: 100%;
background-color: black;
border-radius: 50px;
margin-top: 1rem;
margin-bottom: 1rem;
} .desktopHide_ficheJoueur {
display: none;
}
.derniersMatches {
display: flex;
flex-direction: column;
align-items: center;
line-height: 17px;
position: relative;
overflow: hidden;
padding-bottom:15vw;
}
.barreRouge5 {
position: absolute;
left: 0;
top: 0;
}
.barreRouge6 {
position: absolute;
right: 0;
top: 0;
}
.barreRouge7 {
position: absolute;
left: 0;
bottom: 10px;
}
.barreRouge8 {
position: absolute;
right: 0;
bottom: 10px;
}
.derniersMatches h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin: 2rem;
margin-top: 4rem;
}
.derniersMatches th {
text-align: center;
padding: 1rem 0;
font-family: 'Montserrat SemiBold';
}
.derniersMatches td {
text-align: center;
width: 18vw;
padding: 1rem;
vertical-align: middle;
}
.derniersMatches tr {
border-bottom: 2px solid #ffb400 ;
transition: .5s;
}
.derniersMatches tr:hover {
background-color: rgba(255, 180, 0, 0.1);
}
.adversaire {
transition: .5s;
}
.adversaire:hover {
background-color: #ffb400;
}
.adversaire:hover a {
color: white;
}
.flecheBas {
background-color: #ffb400;
color: white;
border-radius: 20px;
font-size: 2rem;
padding: 1rem;
height: 3rem;
margin-bottom: 2rem;
}
.iframe {
text-align: center;
} @media screen and (max-width : 850px) {
.flecheTopJoueur {
left: 1rem;
height: 2rem;
top:4rem;
}
}
@media screen and (max-width:700px) {
.infosJoueur {
flex-direction: column;
align-items: center;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.infosJoueur h1 {
margin-bottom: 1rem;
margin-top: 2rem;
}
.infosJoueurP {
flex-direction: column;
}
.infosJoueurP p {
padding: 0;
text-align: center;
padding: 1rem 0;
}
.infosJoueurP p:first-child {
border-right: none;
}
.rangStatistique {
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding: 2rem;
}
.rangStatistique figure {
margin-top: 2rem;
flex-direction: column-reverse;
align-items: center;
}
.rangStatistique figure img {
margin-top: 3.5rem;
margin-bottom: 3rem;
}
.rangStatistique figcaption {
align-items: center;
margin-left: 0;
}
.rangStatistique figcaption p {
text-align: center;
}
.infosJoueur article {
margin-left: 0;
align-items: center;
}
.mobileHide_ficheJoueur {
display: none;
}
.desktopHide_ficheJoueur {
display: table-row;
}
.desktopHide_ficheJoueur p {
display: flex;
flex-direction: column;
align-items: center;
}
.desktopHide_ficheJoueur p:not(:last-child)::after {
content: "";
background-color: #808080;
border-radius: 10px;
height: 3px;
width: 3px;
margin-top: .5rem;
margin-bottom: .5rem;
}
.desktopHide_ficheJoueur th p:not(:last-child)::after {
height: 6px;
width: 6px;
background-color: #000000;
}
}
@media screen and (max-width: 600px) {
.fondBlancImg1 {
left: -70px;
top: -60px;
}
.fondBlancImg2 {
left: -70px;
bottom: 20px;
}
.barreRouge5 {
left: -30px;
top: 0;
}
.barreRouge7 {
left: -80px;
bottom: 10px;
}
}
@media screen and (max-width: 450px) {
.fondBlancImg1 {
left: -200px;
top: -80px;
}
.fondBlancImg2 {
left: -150px;
bottom: 20px;
}
.fondBlancImg4 {
right: -70px;
bottom: 10px;
}
.barreRouge4 {
right: -50px;
bottom: 0;
}
.barreRouge5 {
left: -80px;
top: 0;
}
.barreRouge7 {
left: -120px;
bottom: -20px;
}
.barreRouge8 {
right: -70px;
bottom: 0;
} }
.highcharts-figure, .highcharts-data-table table {
min-width: 320px; 
max-width: 800px;
margin: 1em auto;
}
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
input[type="number"] {
min-width: 50px;
}.presentationSection {
position: relative;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondBureau.svg);
background-position: top 40rem left 25%;
background-size: 80%;
background-repeat: repeat-y;
} .presentation {
display: flex;
justify-content: flex-end;
height: 50rem;
}
.presentationArticle {
vertical-align: center;
width: 80vw;
padding: 10rem;
padding-left: 45vw;
padding-right: 10vw;
padding-top: 6vw;
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondbleupresentation-01.svg);
background-repeat: no-repeat;
background-position: right;
background-size: 100% auto;
color: white;
line-height: 19px;
}
.presentation h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
margin-bottom: 3rem;
}  .bureau h2 {
padding-top: 8rem;
margin-bottom: 2.5rem;
font-size: 3rem;
font-family: 'Oswald DemiBold';
display: flex;
flex-direction: column;
align-items: flex-end;
width: 20vw;
}
.bureau h2::after {
content: "";
height: 8px;
width: 20vw;
background-color: #004477;
margin-top: 1rem;
}
.imgBureau {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 0 3rem;
}
.imgBureau div {
position: relative;
margin: 2rem;
display: flex;
flex-direction: column;
align-items: center;
overflow: hidden;
}
.imgBureau div img {
height: 40vh;
}
.imgBureau div p {
position: absolute;
bottom: -14rem;
display: flex;
flex-direction: column;
align-items: center;
color: white;
width: 100%;
background: linear-gradient(to top, #004477, rgba(255,255,255,0));
padding-top: 6rem;
padding-bottom: 2rem;
transition: 0.5s;
}
.imgBureau div:hover p {
bottom: 0;
}
.imgBureau div:active p {
bottom: 0;
}
.imgBureau div p span {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
} .salles h2 {
padding-top: 5rem;
font-size: 3rem;
font-family: 'Oswald DemiBold';
display: flex;
flex-direction: column;
align-items: flex-end;
width: 20vw;
}
.salles h2::after {
content: "";
height: 8px;
width: 20vw;
background-color: #004477;
margin-top: 1rem;
}
.containerSalles {
display: flex;
justify-content: center;
margin-top: 5rem;
}
.salles article {
display: flex;
flex-direction: column;
align-items: center;
width: 25vw;
margin: 0 5rem;
background : #004477;
padding-left: 1rem;
padding-bottom: 1rem;
}
.imgSalle {
width: 100%;
height: 30vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.imgSalle img {
object-fit: cover;
}
.salles article h3 {
background-color: white;
width: 100%;
text-align: center;
padding-top: 2rem;
padding-bottom: 0.5rem;
font-family: 'Oswald DemiBold';
font-size: 1.5rem;
}
.salles article p {
background-color: white;
width: 100%;
text-align: center;
padding-bottom: 2rem;
}
.salles p{
line-height: 17px;
}
.salles {
padding-bottom: 5rem; }
@media screen and (min-width: 1700px){
.presentation{
background-size: auto 165% !important;
height: 60vh;
}
.presentation article{
height: 60vh;
}
.presentation h1{
width: 40vw;
font-size: 5rem;
line-height: 65px;
}
.presentation p{
font-size: 2.3rem;
line-height: 35px;
} .bureau h2{
font-size: 5rem;
} .salles{
padding-bottom: 8rem;
}
.salles h2{
font-size: 5rem;
}
.salles article h3{
font-size: 3.5rem;
}
.salles article p{
line-height: 30px;
font-size: 2.3rem;
padding-top: 1.5rem;
}
}
@media screen and (min-width: 3000px){
.presentation{
background-size: auto 140% !important;
height: 70vh;
margin-bottom: 6rem;
}
.presentation article{
height: 70vh;
}
.presentation h1{
width: 35vw;
font-size: 12rem;
line-height: 113px;
padding-top: 4rem;
}
.presentation p{
font-size: 5rem;
line-height: 70px;
padding-top: 4rem;
} .bureau h2{
font-size: 10rem;
} .salles{
padding-bottom: 8rem;
}
.salles article{
padding-bottom: 2.5rem;
}
.salles h2{
font-size: 10rem;
}
.salles article h3{
font-size: 6rem;
padding-top: 6rem;
}
.salles article p{
line-height: 70px;
font-size: 4.5rem;
padding-top: 1.5rem;
padding-bottom: 5.5rem;
}
} @media screen and (max-width: 700px) {
.presentationSection {
background-position: top 40rem left 0;
background-size: 100%;
}
}
@media screen and (min-width: 790px) and (max-width: 1050px) { .presentation {
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondpresentation.svg);
background-repeat: no-repeat;
background-size: 95.5% auto;
background-position-x: -65px !important;
background-position-y: -60px;
height: 48rem;
}
.presentationArticle {
vertical-align: center;
width: 100vw;
padding: 10rem;
padding-left: 50vw;
padding-right: 10vw;
padding-top: 8vw;
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondbleupresentation-01.svg);
background-repeat: no-repeat;
background-position: right;
background-position: top;
margin-top: -2px;
background-size: 120% auto;
color: white;
line-height: 19px;
}
.presentation h1 {
line-height: 38px;
} .bureau h2 {
padding-top: 6rem;
margin-bottom: 2.5rem;
font-size: 3rem;
font-family: 'Oswald DemiBold';
display: flex;
flex-direction: column;
align-items: flex-end;
width: 20vw;
}
.bureau h2::after {
content: "";
height: 8px;
width: 20vw;
background-color: #004477;
margin-top: 1rem;
}
.imgBureau div img {
height: 25vh;
}
.imgBureau div p {
position: absolute;
bottom: -10rem;
display: flex;
flex-direction: column;
align-items: center;
color: white;
width: 100%;
background: linear-gradient(to top, #004477, rgba(255,255,255,0));
padding-top: 6rem;
padding-bottom: 2rem;
transition: 0.5s;
}
.imgBureau div:hover p {
bottom: 0;
}
.imgBureau div:active p {
bottom: 0;
}
.imgBureau div p span {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
} .salles article {
display: flex;
flex-direction: column;
align-items: center;
width: 30vw;
margin: 0 2.5rem;
background : #004477;
padding-left: 1rem;
padding-bottom: 1rem;
}
.imgSalle {
width: 100%;
height: 12.5vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.imgSalle img {
object-fit: cover;
}
.salles article h3 {
padding-top: 2rem;
padding-bottom: 0.9rem;
font-size: 1.9rem;
}
.salles article p {
width: 100%;
padding-bottom: 2rem;
}
.salles {
padding-bottom: 7rem; }
} @media screen and (min-width: 650px) and (max-width: 780px){ .presentation {
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondpresentation.svg);
background-repeat: no-repeat;
background-size: 85% auto !important;
background-position-x: -50px !important;
background-position-y: -60px;
height: 39rem;
}
.presentationArticle {
vertical-align: center;
width: 100vw;
padding: 10rem;
padding-left: 50vw;
padding-right: 7vw;
padding-top: 6vw;
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondbleupresentation-01.svg);
background-repeat: no-repeat;
background-position: right;
background-position: top;
margin-top: -2px;
background-size: 112% auto;
color: white;
line-height: 19px;
font-size: 1rem;
}
.presentation h1 {
line-height: 38px;
margin-top: 1rem;
margin-bottom: 1.7rem;
} .bureau h2 {
padding-top: 6rem;
margin-bottom: 2.5rem;
font-size: 3rem;
}
.bureau h2::after {
content: "";
height: 8px;
width: 20vw;
background-color: #004477;
margin-top: 1rem;
}
.imgBureau div img {
height: 25vh;
}
.imgBureau div p {
position: absolute;
bottom: -10rem;
display: flex;
flex-direction: column;
align-items: center;
color: white;
width: 100%;
background: linear-gradient(to top, #004477, rgba(255,255,255,0));
padding-top: 6rem;
padding-bottom: 2rem;
transition: 0.5s;
}
.imgBureau div:hover p {
bottom: 0;
}
.imgBureau div:active p {
bottom: 0;
}
.imgBureau div p span {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
} .containerSalles{
padding: 0 7vw;
}
.salles article {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 52vw;
margin: 0 2.5rem;
background : #004477;
padding-left: 1rem;
padding-bottom: 1rem;
}
.imgSalle {
width: 100%;
height: 12.5vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.imgSalle img {
object-fit: cover;
}
.salles article h3 {
padding-top: 2rem;
padding-bottom: 1.2rem;
font-size: 1.9rem;
}
.salles article p {
width: 100%;
padding-bottom: 2rem;
padding-right: 1rem;
padding-left: 1rem;
}
.salles {
padding-bottom: 7rem; }
} @media screen and (min-width: 300px) and (max-width: 649px) { .presentationSection {
margin-top: 13vh;
position: relative;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondBureau.svg);
background-position: top 50rem left 25%;
background-size: 180%;
background-repeat: repeat-y;
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.presentation {
background : none;
height: 50rem;
}
.presentationArticle {
vertical-align: center;
width: 100vw;
padding: 10rem;
padding-left: 10vw;
padding-right: 7vw;
padding-top: 6vw;
padding-bottom: 25vw;
background : url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondbleupresentation-03-01.svg);
background-position: center;
background-position: top;
margin-top: -2px;
background-size: 280% auto;
line-height: 19px;
font-size: 1.3rem;
}
.presentation h1 {
line-height: 38px;
margin-top: 3.5rem;
margin-bottom: 2.7rem;
} .bureau h2 {
width: 50%;
margin-left: -2.5rem;
padding-top: 4rem;
margin-bottom: 2.5rem;
font-size: 3rem;
}
.bureau h2::after {
content: "";
height: 6px;
width: 50vw;
}
.imgBureau{
flex-direction: column;
align-items: center;
}
.imgBureau div{
margin: 1rem;
}
.imgBureau div img {
height:30vh;
}
.imgBureau div p {
position: absolute;
bottom: -10rem;
display: flex;
flex-direction: column;
align-items: center;
color: white;
width: 100%;
background: linear-gradient(to top, #004477, rgba(255,255,255,0));
padding-top: 6rem;
padding-bottom: 2rem;
transition: 0.5s;
}
.imgBureau div:hover p {
bottom: 0;
}
.imgBureau div:active p {
bottom: 0;
}
.imgBureau div p span {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
} .salles h2 {
width: 50%;
margin-left: -2.5rem;
padding-top: 4rem;
margin-bottom: 2.5rem;
font-size: 3rem;
}
.salles h2::after {
content: "";
height: 6px;
width: 50vw;
margin-bottom: -10rem;
}
.containerSalles {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
justify-content: center;
margin-top: 5rem;
padding: 0 2.5vw;
}
.salles article {
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-items: center;
width: 70vw;
margin: 0 2.5rem;
background : #004477;
padding-left: 1rem;
padding-bottom: 1rem;
margin-top: 3rem;
}
.imgSalle {
width: 100%;
height: 12.5vh;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.imgSalle img {
object-fit: cover;
}
.salles article h3 {
padding-top: 2rem;
padding-bottom: 1.2rem;
font-size: 1.9rem;
}
.salles article p {
width: 100%;
padding-bottom: 2rem;
padding-right: 1rem;
padding-left: 1rem;
}
.salles {
padding-bottom: 7rem; }
}.recherche {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_ArticlesHead.svg);
padding-top: 7rem;
padding-bottom: 7rem;
background-position: top -10rem left -10rem;
display: flex;
justify-content: flex-start;
}
.recherche h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
padding-left: 10rem;
display: flex;
flex-direction: column;
align-items: flex-end;
}
.recherche h1:after {
content: "";
height: 4px;
width: 200%;
background-color: black;
position: relative;
}
.recherche form {
display: flex;
margin: 0 10rem;
margin-top: 3rem;
}
.recherche form input {
width: 90%;
font-family: 'Montserrat Light';
padding: 1rem;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border: none;
}
.recherche form button {
width: 10%;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border: none;
background-color: #ff7f00;
color: white;
}
.paginate {
display: flex;
justify-content: center;
}
.paginate span , .paginate a {
margin: 0 4px;
}
.paginate .page-numbers {
border: 1px solid #ffb400;
padding: .5rem 1rem;
border-radius: 50px;
transition: .5s;
}
.paginate .page-numbers:not(.current):hover {
border: 1px solid #ff7f00;
padding: .5rem 1rem;
background-color: #ff7f00;
color: white;
}
.paginate .current {
background-color: #ffb400;
color: white;
}
@media screen and (max-width:700px) {
.recherche {
padding: 5rem 3rem;
}
.recherche h1 {
padding-left: 3rem;
font-size: 2.5rem;
}
.recherche form {
margin: 0 3rem;
margin-top: 1rem;
}
} .rechercheMain {
padding: 7rem 10rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fond_ArticlesEnsemble.svg);
background-repeat: repeat-y;
background-size: 100% auto;
background-position: top -10rem left 0;
}
.rechercheMain article {
display: flex;
margin: 5rem 0;
}
.rechercheArticleImg {
height: 15rem;
width: 30%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
box-shadow: -15px 15px #ffb400;
}
.rechercheArticleImg img {
object-fit: cover;
min-height: 100%;
min-width: 100%;
}
.rechercheArticleP {
width: 70%;
padding-left: 5rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.rechercheMain article h2 {
font-family: 'Oswald DemiBold';
font-size: 2rem;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
}
.rechercheMain article h2::after {
content: "";
background-color: #ffb400;
height: 3px;
width: 17rem;
margin-top: 1rem;
position: relative;
left: -2rem;
}
.rechercheMain article p {
margin-bottom: 1rem;
}
.rechercheMain article a {
border: 2px solid #ffb400;
border-radius: 50px;
background-color: white;
font-family: 'Oswald DemiBold';
padding: 0.5rem 1rem;
transition: 0.5s;
}
.rechercheMain article a:hover {
background-color: #ffb400;
color: white;
}
@media screen and (max-width:800px) {
.rechercheMain {
padding: 3rem 5rem;
} 
}
@media screen and (max-width:700px) {
.recherche{
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
}
.rechercheMain {
padding: 3rem 15rem;
}
.rechercheMain article {
flex-direction: column;
align-items: center;
margin: 3rem 0
}
.rechercheArticleImg {
height: 15rem;
width: 90%;
}
.rechercheArticleP {
padding-left: 0;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
}
.rechercheMain article h2 {
margin-top: 4rem;
align-items: center;
}
.rechercheMain article h2::after {
width: 20rem;
margin-top: 1rem;
left: 0;
}
.rechercheArticleP h2, .rechercheArticleP p {
text-align: center;
}
}
@media screen and (max-width:500px) {
.rechercheMain {
padding: 2rem 3rem;
}
} .recherchePrecSuiv {
display: flex;
justify-content: space-between;
padding: 0 15rem;
margin-bottom: 5rem;
}
.recherchePrecSuiv button {
border: solid #ff7f00 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #ff7f00;
padding: 1rem 3rem;
transition: 0.5s;
}
.recherchePrecSuiv button:hover {
border: solid white 2px;
background-color: #ff7f00;
box-shadow: 0 4px #ff7f00;
color: white;
}
.recherchePrecSuiv button a {
color: #000000;
transition: 0.5s;
}
.recherchePrecSuiv button:hover a {
color: white;
}
@media screen and (max-width:700px) {
.recherchePrecSuiv {
padding: 0 2rem;
margin-bottom: 3rem;
}
.recherchePrecSuiv button {
padding: 1rem 1rem;
}
}.resultatMatch {
padding: 0 7rem;
padding-top: 20rem;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/barreBleuResultat1.svg), url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/barreBleuResultat2.svg);
background-repeat: repeat-y;
background-position: top 10rem left 3rem, top 10rem right 3rem;
z-index: 1;
}
.resultatMatchImg {
height: 30rem;
width: 100%;
overflow: hidden;
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: flex;
justify-content: center;
}
.resultatMatchImg img {
min-width: 100%;
object-fit: cover;
}
.resultatMatchDiv {
background-color: white;
padding: 4rem;
box-shadow: -20px 20px #004477;
display: flex;
flex-wrap: wrap;
justify-content: center;
border: 2px solid #004477;
flex: 1 1 100%;
}
.resultatMatch h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
flex: 1 1 100%;
display: flex;
flex-direction: column;
}
.resultatMatch h1::after {
content: "";
background-color: #004477;
height: 4px;
width: 15rem;
position: relative;
left: -4rem;
margin-top: 1rem;
margin-bottom: 2rem;
}
.resultatMatch form {
display: flex;
}
.resultatMatch input {
padding: 1rem;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
font-family: 'Montserrat Light';
border: 1px solid #004477;
}
.resultatMatch button {
background-color: #004477;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
padding: 1rem;
border: none;
color: white;
font-family: 'Montserrat SemiBold';
transition: .5s;
}
.resultatMatch button:hover {
background-color: #052238;
}
.loupeMatch {
height: 2rem;
padding-left: .5rem;
padding-right: 1rem;
}
.resultatMatch select {
font-family: 'Montserrat Light';
padding: 1rem;
margin-right: 3rem;
border: 1px solid #004477;
}
.resultatMatch table {
margin-top: 6rem;
}
.resultatMatch thead {
font-family: 'Montserrat SemiBold';
}
.resultatMatch tbody tr {
border-top: 2px solid #004477;
}
.resultatMatch th, .resultatMatch td {
padding: 2rem 6rem;
text-align: center;
}
.resultatMatch article {
display: flex;
justify-content: space-between;
flex: 1 1 100%;
}
.resultatMatch article p {
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 8vh;
transition: 0.5s;
margin-bottom: 7rem;
margin-right: 7rem;
}
.resultatMatch article p:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
}
.imgMatch {
height: 50vh;
margin-left: 6rem;
align-self: center;
margin-top: 6rem;
box-shadow: -20px 20px #004477;
}
.resultatGagnant {
font-family: 'Montserrat SemiBold';
margin-top: 5rem;
background-color: #004477;
padding: 5rem;
color: white;
text-align: center;
}
@media screen and (max-width:1400px) {
.resultatMatch {
background-position: top 10rem left 3rem, top 10rem right 1rem;
}
}
@media screen and (max-width:1150px) {
.resultatMatch {
background-position: top 10rem left 1rem, top 10rem right -2rem;
}
.resultatMatch td {
padding:2rem 3rem;
}
.resultatMatch th {
padding:2rem 3rem;
}
}
@media screen and (max-width:950px) {
.resultatMatch {
padding-left: 3rem;
padding-right: 3rem;
background-position: top 10rem left -2rem, top 10rem right -8rem;
}
.resultatMatch article p {
border-radius: 30px;
margin-bottom: 3rem;
margin-right: 2rem;
}
.resulatMatchDiv {
flex-direction: column;
align-items: center;
}
.resultatMatch select {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 750px) {
.resultatMatch {
padding-left: 2rem;
padding-right: 2rem;
padding-top: 10rem;
background-position: top 10rem left -5rem, top 10rem right -10rem;
}
.resulatMatchDiv {
padding: 2rem;
padding-top: 4rem;
box-shadow: -10px 10px #004477;
margin-right: auto;
margin-left: auto;
}
.resultatMatch h1::after {
left: -2rem;
}
.resultatMatch th {
padding: 2rem 1rem;
}
.resultatMatch td {
padding: 2rem 1rem;
}
.resultatMatch article {
flex-direction: column;
align-items: center;
margin: 3rem 0;
}
.resultatMatch article p {
border-radius: 30px;
margin-top: 2rem;
margin-bottom: 2rem;
margin-right: 2rem;
}
.imgMatch {
height: 30vh;
margin-left: 2rem;
align-self: center;
margin-top: 2rem;
box-shadow: -10px 10px #004477;
margin-bottom: 2rem;
}
}
@media screen and (max-width: 600px) {
.resultatMatch {
background-position: top 10rem left -10rem, top 10rem right -13rem;
}
}
@media screen and (max-width: 500px) {
.resultatMatchImg {
height: 30rem;
}
.resultatMatchImg img {
min-width: 150%;
}
.resultatGagnant {
padding: 2rem 3rem ;
margin-top: 2rem;
}
}
@media screen and (max-width: 350px) {
.resultatMatch th {
padding: 2rem .2rem;
}
.resultatMatch td {
padding: 2rem .2rem;
}
}.pageResultat {
padding: 10rem;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondResultat1.svg), url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/fondResultat2.svg);
background-repeat: repeat-y;
background-position: left top -5rem, right top -5rem;
}
.pageResultat h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
display: flex;
flex-direction: column;
margin-bottom: 2rem;
}
.pageResultat h1::after {
content: "";
background-color: #ffb400;
height: 8px;
width: 20vw;
position: relative;
left: -10vw;
margin-top: 2rem;
}
.pageResultat h2 {
font-family: 'Oswald DemiBold';
text-align: center;
padding: 1rem 0;
line-height: 2rem;
font-size: 2rem; 
color: #ffb400;
}
.pageResultat article {
display: flex;
justify-content: space-between;
margin: 5rem 0;
}
.pageResultat form {
display: flex;
}
.pageResultat input {
width: 35vw;
padding: 1rem;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
font-family: 'Montserrat Light';
border: 1px solid #ff7f00;
}
.pageResultat button {
background-color: #ff7f00;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
padding: 1rem;
border: none;
color: white;
font-family: 'Montserrat SemiBold';
}
.tohide_resultat_desktop {
display: none;
}
.pageResultat table {
width: 100%;
}
.pageResultat td, th {
text-align: center;
padding: 2rem;
}
.pageResultat th {
font-family: 'Montserrat SemiBold';
}
.pageResultat tbody tr {
border-top: 2px solid #ffb400;
transition: .5s;
}
.pageResultat tbody tr:hover {
background-color: #ffb400;
color: white;
cursor: pointer;
}
.dernierMatchEquipe tbody tr {
transition: .5s;
}
.dernierMatchEquipe tbody tr:hover {
background-color: #922016;
color: white;
cursor: pointer;
}
.dernierMatchEquipe th {
vertical-align: middle;
}
.consulterResultatMatch {
transition: .5s;
}
.consulterResultatMatch:hover {
background-color: #922016;
}
.consulterResultatMatch:hover a {
color: white;
}
@media screen and (min-width: 1700px){
.pageResultat h1{
font-size: 5rem;
}
.pageResultat h2{
font-size: 4rem;
margin-top: 8rem;
margin-bottom: 8rem;
}
.pageResultat p, .pageResultat label, .pageResultat select, .pageResultat input[type="search"]{
font-size: 2.3rem;
}
.pageResultat label{
margin-bottom: 3rem;
}
.pageResultat td,th{
padding: 2rem;
font-size: 2.3rem;
}
.dataTables_info{
font-size: 2.3rem;
margin-top: 5rem;
}
#wp_fftt_data_player_paginate a{
padding: 1.5rem;
border-radius: 20px;
}
#wp_fftt_data_player_paginate{
margin-top: 4vw;
font-size: 3rem;
}
}
@media screen and (min-width: 3000px){
.pageResultat{
background-size: 4%;
}
.pageResultat h1{
font-size: 12rem;
margin-top: 4rem;
}
.pageResultat h1::after{
top: 2rem;
height: 12px;
}
.pageResultat h2{
font-size: 8rem;
margin-top: 15rem;
margin-bottom: 15rem;
}
.pageResultat p, .pageResultat label, .pageResultat select, .pageResultat input[type="search"]{
font-size: 5rem;
}
.pageResultat label{
margin-bottom: 3rem;
}
.pageResultat td,th{
padding: 5rem;
font-size: 5rem;
}
.dataTables_info{
font-size: 5rem;
margin-top: 5rem;
}
#wp_fftt_data_player_paginate{
margin-top: 10rem;
font-size: 6rem;
margin-bottom: 10rem;
}
#wp_fftt_data_player_paginate a{
margin-right: 30px !important;
padding: 2.5rem;
border-radius: 40px;
}  
}
@media screen and (max-width:1000px) {
.pageResultat h1::after {
width: 30vw;
left: -20vw;
}
}
@media screen and (max-width: 900px) {
.pageResultat {
padding: 3rem;
padding-top: 5rem;
background-position: left -5px top -5rem, right -5px top -5rem;
}
.pageResultat td, th {
padding: 1rem;
}
}
@media screen and (max-width: 700px) {
.pageResultat {
background-position: left -15px top -5rem, right -35px top -5rem;
margin-top: 13vh;
}
.pageResultat h1::after {
width: 40vw;
left: -10vw;
}
.tohide_resultat_mobile {
display: none;
}
.tohide_resultat_desktop {
display: table-row;
}
.tohide_resultatIndi {
display: none;
}
.pageResultat {
padding: 2rem;
padding-top: 5rem;
}
}
.pageResultat article {
flex-direction: column;
justify-content: space-around;
align-items: center;
margin: 3rem 0;
}
.pageResultat form {
margin-top: 2rem;
}
.pageResultat input {
width: 70vw;
}
.tohide_resultat_desktop p {
display: flex;
flex-direction: column;
align-items: center;
}
.tohide_resultat_desktop p:not(:last-child)::after {
content: "";
background-color: #ffb400;
border-radius: 10px;
height: 3px;
width: 3px;
margin-top: .5rem;
margin-bottom: .5rem;
}
.resultatsRouge p:not(:last-child)::after {
background-color: #922016;
}
.tohide_resultat_desktop th p:not(:last-child)::after {
height: 6px;
width: 6px;
}
input[type="search"]{
width: 13vw!important;
margin: 1vw;
padding: 1rem;
border-radius: 30px;  font-family: 'Montserrat Light';
border: 1px solid #ff7f00;
}
#wp_fftt_data_player_filter{
display: flex;
justify-content: flex-end;
} select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
outline: 0;
box-shadow: none;
border: 0 !important;
background: #2c3e50;
background-image: none;
} select::-ms-expand {
display: none;
} .select {
position: relative;
display: flex;
width: 20em;
height: 3em;
line-height: 3;
background: #2c3e50;
overflow: hidden;
border-radius: .25em;
}
select {
flex: 1;
padding: 0 .5em;
color: #fff;
cursor: pointer;
} .select::after {
content: '\25BC';
position: absolute;
top: 0;
right: 0;
padding: 0 1em;
background: #34495e;
cursor: pointer;
pointer-events: none;
-webkit-transition: .25s all ease;
-o-transition: .25s all ease;
transition: .25s all ease;
} .select:hover::after {
color: #f39c12;
}
input:focus {
outline:  none;
}
th:focus {
outline: none;
cursor: pointer;
}
th:hover{
cursor: pointer;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding: .5em;
padding-right: 1.5em;
width: auto;
min-width: 70px;
outline: none;
font-family: sans-serif;
font-size: 12pt;
font-weight: 400;
text-indent: 0.01px;
text-overflow: '';
border: 1px solid rgba(255,255,255,.7);
border-radius: 2px;
color: rgba(0,0,0,.7);
background-color: rgba(255,255,255,.5);
background-repeat: no-repeat;
background-position: calc(100% - .5em) 50%;
background-size: 12px;
transition: all .2s ease-in-out;
box-shadow: rgba(0,0,0,.15) 0 1px 0;
}
select::-ms-expand {
display: none;
}
select:focus {
border-color: none; } select {
color: rgba(0,0,0,.7);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjciIHBvaW50cz0iMCw0IDE2LDQgOCwxMiIvPg0KPC9zdmc+DQo='); }
select:active {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gb3BhY2l0eT0iMC41IiBwb2ludHM9IjAsNCAxNiw0IDgsMTIiLz48L3N2Zz4=');
} select {
color: rgba(0,0,0,.7);
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+DQo8cG9seWdvbiBvcGFjaXR5PSIwLjciIHBvaW50cz0iMCw0IDE2LDQgOCwxMiIvPg0KPC9zdmc+DQo='); }
select:active {
background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBvbHlnb24gb3BhY2l0eT0iMC41IiBwb2ludHM9IjAsNCAxNiw0IDgsMTIiLz48L3N2Zz4=');
}
.dataTables_length{
margin-top: 2vw;
}
#wp_fftt_data_player_paginate{
display: flex;
justify-content: center;
}
#wp_fftt_data_player_paginate a {
margin-right: 5px;
}
.paginate_button {
background-color: #ffb400;
padding-right: 7px;
padding-left: 7px;
border-radius: 7px;
margin-left: 8px;
margin-right: 8px;
}
.dataTables_paginate a {
padding-top: 7px;
padding-bottom: 7px;
}
.dataTables_paginate span {
display: flex;
}
.dataTables_info {
margin-top: 1vw;
}
#wp_fftt_data_player_paginate{
margin-top: 2vw;
}
.current {
font-weight: bold;
}
.paginate_button:hover {
font-weight: bold;
cursor: pointer;
}
@media (max-width:425px){
#wp_fftt_data_player_paginate a {
margin-right: -7px;
}
}
@media (max-width:768px){
input[type="search"] {
width: 35vw!important;
margin: 1vw;
padding: 1rem;
border-radius: 30px;  font-family: 'Montserrat Light';
border: 1px solid #ff7f00;
}
}.statistiquePage {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background-01.svg) no-repeat top;
background-size: 100%;
}
.statistiquePage h1 {
font-family: 'Oswald DemiBold';
font-size: 3rem;
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 8rem;
position: relative;
padding-left: 10rem;
margin-bottom: 1rem;
}
.statistiquePage h1::after {
content: "";
height: 6px;
width: 100%;
background-color: #004477;
position: absolute;
top: 3.5rem;
}
.statistiquePage article:not(.articleAdherent) {
margin: 0 10rem;
margin-top: 5rem;
}
.graphiqueStatistique {
width: 80vw;
padding-bottom: 2rem;
}
.statistiquePage h3 {
font-family: 'Montserrat Bold';
margin-bottom: 3.3rem;
display: flex;
align-items: center;
}
.statistiquePage h3::before {
content: "";
height: 10px;
width: 10px;
background-color: #004477;
border-radius: 50px;
margin-right: 1rem;
} .articleAdherent {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background2-01.svg) no-repeat top center;
background-size: 130%;
width: 100vw;
display: flex;
padding-top: 8rem;
padding-bottom: 6rem;
justify-content: space-around;
}
.articleAdherentImg {
height: 40rem;
overflow: hidden;
box-shadow: 20px -20px #004477;
}
.articleAdherentImg img{
height: 100%;
object-fit: cover;
} .articleAdherentP {
width: 38vw;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 5rem;
line-height: 19px;
}
.articleAdherentP a {
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 8vh;
transition: 0.5s;
}
.articleAdherentP a:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
} .moisCi {
display: flex;
flex-direction: column;
padding: 7rem 0;
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background3-01.svg);
background-size: 100%;
background-repeat: repeat;
}
.moisCi h2 {
flex: 1 1 100%;
font-family: 'Oswald DemiBold';
font-size: 3rem;
margin-bottom: 9rem;
display: flex;
flex-direction: column;
align-items: flex-end;
align-self: flex-start;
position: relative;
padding-left: 7rem;
}
.moisCi h2::after {
content: "";
height: 6px;
width: 100%;
background: #004477;
position: absolute;
top: 3.5rem;
}
.moisCi article {
display: flex;
justify-content: space-around;
padding: 0 7rem;
}
.moisCi figure {
display: flex;
flex-direction: column;
align-items: center;
width: 20vw;
}
.moisCi figure div {
height: 12rem;
width: 12rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: 'Montserrat Bold';
font-size: 3rem;
}
.individuel {
border: 5px solid #ff7f00;
}
.equipe {
border: 5px solid #004477;
}
.participation {
border: 5px solid #952016;
}
.moisCi figure figcaption {
padding: 0 2rem;
text-align: center;
margin-top: 3rem;
line-height: 19px;
}
.moisCi a {
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: 10vh;
transition: 0.5s;
align-self: center;
margin-bottom: 6vh;
}
.moisCi a:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
} @media screen and (min-width: 810px) and (max-width: 1050px) { .articleAdherent {
padding-bottom: 4rem;
}
.articleAdherentP a {
margin-top: 3vh;
} .moisCi {
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background3-01.svg);
background-size: 100%;
background-position: bottom;
}
.moisCi a {
margin-top: 6vh;
margin-bottom: 3vh;
}
} @media screen and (min-width: 650px) and (max-width: 809px){
.statistiquePage h1 {
padding-left: 6rem;
}
.statistiquePage article:not(.articleAdherent) {
margin: 0 6rem;
margin-top: 5rem;
} .articleAdherent {
justify-content: space-between;
padding-bottom: 3rem;
}
.articleAdherentImg {
height: 30rem;
overflow: hidden;
box-shadow: 20px -20px #004477;
}
.articleAdherentP {
width: 40vw;
font-size: 1rem;
padding: 0 0rem;
padding-right: 5rem;
line-height: 19px;
}
.articleAdherentP a {
margin-top: 3vh;
} .moisCi {
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background3-01.svg);
background-size: 110%;
background-position: bottom;
}
.moisCi h2{
margin-bottom: 7rem;
}
.moisCi figure div {
height: 12rem;
width: 12rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: 'Montserrat Bold';
font-size: 3rem;
}
.moisCi figure figcaption {
padding: 1.3rem 0rem;
margin-top: 1rem;
line-height: 19px;
font-size: 1.2rem;
}
.moisCi a {
margin-top: 3.5vh;
margin-bottom: 2vh;
}
} @media screen and (min-width: 322px) and (max-width: 649px) {
.statistiquePage {
margin-top: 13vh;
margin-top: calc(var(--vh, 1vh) * 13);
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile1-01.svg) no-repeat top;
background-size: 100%;
}
.statistiquePage h1 {
line-height: 38px;
margin-top: 3.5rem;
margin-bottom: 0.2rem;
padding-left: 3rem;
}
.statistiquePage h1::after {
position: absolute;
top: 4rem;
}
.statistiquePage article:not(.articleAdherent) {
margin: 0 3rem;
margin-top: 5rem;
}
.graphiqueStatistique {
width: 90vw;
padding-bottom: 2rem;
}
.statistiquePage h3 {
font-family: 'Montserrat Bold';
margin-bottom: 3.3rem;
display: flex;
align-items: center;
font-size: 1.8rem;
}
.statistiquePage h3::before {
content: "";
height: 10px;
width: 10px;
background-color: #004477;
border-radius: 50px;
margin-right: 1rem;
} .articleAdherent {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile2-01.svg) no-repeat top center;
background-size: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 3rem;
}
.articleAdherentImg {
height: 22rem;
width: 80vw;
overflow: hidden;
box-shadow: 10px -10px #004477;
}
.articleAdherentImg img{
width: 100%;
object-fit: cover;
}
.articleAdherentP {
width: 100vw;
font-size: 1.3rem;
padding: 3.4rem 3rem;
line-height: 19px;
}
.articleAdherentP a {
margin-top: 3.1rem;
} .moisCi {
display: flex;
flex-direction: column;
padding: 1rem 0;
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile3-01.svg);
background-size: 100%;
background-repeat: no-repeat;
}
.moisCi h2 {
font-size: 3rem;
margin-bottom: 1rem;
padding-left: 3rem;
}
.moisCi h2::after {
content: "";
height: 7px;
position: absolute;
top: 3.7rem;
}
.moisCi article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 6rem 3rem;
padding-bottom: 2rem;
}
.moisCi figure {
display: flex;
flex-direction: column;
align-items: center;
width: 20vw;
}
.moisCi figure div {
height: 17rem;
width: 17rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: 'Montserrat Bold';
font-size: 4rem;
}
.moisCi figure figcaption {
width: 60vw;
padding: 0 1rem;
text-align: center;
margin-top: 1.5rem;
margin-bottom: 4rem;
line-height: 19px;
}
.moisCi a {
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: -2vh;
transition: 0.5s;
align-self: center;
margin-bottom: 10vh;
}
.moisCi a:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
}
} @media screen and (min-width: 300px) and (max-width: 321px) {
.statistiquePage {
margin-top: 13vh;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile1-01.svg) no-repeat top;
background-size: 100%;
}
.statistiquePage h1 {
line-height: 38px;
margin-top: 3.5rem;
margin-bottom: 0.2rem;
padding-left: 3rem;
}
.statistiquePage h1::after {
position: absolute;
top: 7.8rem;
width: 77%;
left: 0;
}
.statistiquePage article:not(.articleAdherent) {
margin: 0 1rem;
margin-top: 5rem;
}
.graphiqueStatistique {
width: 90vw;
padding-bottom: 2rem;
}
.statistiquePage h3 {
font-family: 'Montserrat Bold';
margin-bottom: 3.3rem;
display: flex;
align-items: center;
font-size: 1.8rem;
}
.statistiquePage h3::before {
content: "";
height: 10px;
width: 10px;
background-color: #004477;
border-radius: 50px;
margin-right: 1rem;
} .articleAdherent {
background: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile2-01.svg) no-repeat top center;
background-size: 100%;
flex-direction: column;
justify-content: space-between;
align-items: center;
padding-bottom: 3rem;
}
.articleAdherentImg {
height: 22rem;
width: 80vw;
overflow: hidden;
box-shadow: 10px -10px #004477;
}
.articleAdherentImg img{
width: 100%;
object-fit: cover;
}
.articleAdherentP {
width: 100vw;
font-size: 1.3rem;
padding: 3.4rem 3rem;
line-height: 19px;
}
.articleAdherentP a {
margin-top: 3.1rem;
} .moisCi {
display: flex;
flex-direction: column;
padding: 1rem 0;
background-image: url(//club-pongiste-rochelais.com/wp-content/themes/pongiste2/img/stat_background_mobile3-01.svg);
background-size: 100%;
background-repeat: no-repeat;
background-position: center;
}
.moisCi h2 {
font-size: 3rem;
margin-bottom: 1rem;
padding-left: 3rem;
}
.moisCi h2::after {
content: "";
height: 7px;
position: absolute;
top: 3.7rem;
}
.moisCi article {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 6rem 3rem;
padding-bottom: 2rem;
}
.moisCi figure {
display: flex;
flex-direction: column;
align-items: center;
width: 20vw;
}
.moisCi figure div {
height: 17rem;
width: 17rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
font-family: 'Montserrat Bold';
font-size: 4rem;
}
.moisCi figure figcaption {
width: 60vw;
padding: 0 1rem;
text-align: center;
margin-top: 1.5rem;
margin-bottom: 4rem;
line-height: 19px;
}
.moisCi a {
border: solid #004477 2px;
border-radius: 30px;
background-color: white;
font-family: 'Oswald DemiBold';
box-shadow: 0 4px #004477;
padding: 1rem 3rem;
margin-top: -2vh;
transition: 0.5s;
align-self: center;
margin-bottom: 10vh;
}
.moisCi a:hover {
border: solid white 2px;
background-color: #004477;
box-shadow: 0 4px #004477;
color: white;
}
}
@media screen and (min-width:3000px) {
.statistiquePage {
flex-direction: column;
align-items: flex-start;
}
.statistiquePage h1 {
font-size: 10rem; margin-bottom: 15rem;
}
.statistiquePage h1::after {
height: 20px;
top: 12rem;
}
.statistiquePage h3 {
font-size: 5rem;
}
.moisCi h2 {
font-size: 10rem;
padding-left: 30rem;
}
.moisCi h2::after {
height: 20px;
top: 12rem;
}
.moisCi a {
font-size: 2.5rem;
margin-top: 3vh;
}
.articleAdherentP a {
font-size: 2.5rem;
margin-top: 4vh;
padding: 2rem 3rem;
}
}