body { font-family: "Roboto";/*ancien Poppins*/ color: black; background-color: #ffffff; } .layout_padding { padding: 75px 0; } .layout_padding2 { padding: 45px 0; } /*header section*/ .titre { text-align: center; color: black; background-color: #fdffcd; padding: 50px 50px; letter-spacing: -3px; font-weight: bold; font-size : 50px; text-transform: uppercase; } /***********************************************************************************ACCUEIL******************************************************************************************/ /*Menu de Navigation*/ .header_section { position: relative; top: 0px; background-color: #fdffcd; width: 100%; padding-top: 10px; padding-bottom: 10px; z-index: 1000; } .header_section ul { list-style: none; } .header_section a { text-decoration : none; } .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(30, 130, 95, 0.5); } .container_nav { max-width: 100%; padding: 0 2rem; margin: 0 auto; display: flex; position: relative; } .logo-container { display: flex; align-items: center; } .logo-container img { width : 100px; } .nav-btn { display: flex; white-space: nowrap; margin: auto; } .nav-links { flex: 2; } .log-sign { display: flex; justify-content: center; align-items: center; flex: 1; } .btn { display: inline-block; padding: .5rem 1.3rem; font-size: .8rem; border: 2px solid white; border-radius: 2rem; line-height: 1; margin: 0 .2rem; transition: .3s; text-transform: uppercase; } .btn.solid, .btn.transparent:hover { background-color: white; color: #3D8361; } .btn.transparent, .btn.solid:hover { background-color: transparent; color: white; } .nav-links > ul { display: flex; position: relative; justify-content: center; align-items: center; } .nav-link { position: relative; } .nav-link > a { line-height: 3rem; color: black; padding: 0 .8rem; text-transform: uppercase; letter-spacing: 1px; font-size: .9rem; display: flex; align-items: center; justify-content: space-between; transition: .5s; } .select_link.active { color: #fff94f; background-color: black; transition: 0.4s; } .nav-link > a > i { margin-left: .2rem; } .nav-link:hover > a { transform: scale(1.1); } /*Sous-menus*/ .dropdown { position: absolute; top: 100%; left: 0; width: 10rem; transform: translateY(10px); opacity: 0; pointer-events: none; transition: .5s; } .dropdown ul { position: relative; list-style: none; text-align: center; width: 250px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); } .dropdown-link > a { display: block; background-color: #fdffcd; color: black; padding :1em; font-size: 1rem; align-items: center; justify-content: space-between; transition: .3s; opacity: 0.93; } /* Couleur utilisée lors du passage de la souris sur les sous-menus*/ .dropdown-link:hover > a { background-color: #fff94f; color: black; } .dropdown-link i { transform: rotate(-90deg); } .arrow { position: absolute; width: 11px; height: 11px; top: -5.5px; left: 32px; background-color: white; transform: rotate(45deg); cursor: pointer; transition: .3s; z-index: -1; } .dropdown-link:first-child:hover ~ .arrow { background-color: #1C6758; } .dropdown-link { position: relative; } .dropdown.second { top: 0; left: 100%; padding-left: .8rem; cursor: pointer; transform: translateX(10px); } .dropdown.second .arrow { top: 10px; left: -5.5px; } .nav-link:hover > .dropdown, .dropdown-link:hover>.dropdown { transform: translate(0, 0); opacity: 1; pointer-events: auto; } .hamburger-menu-container { flex: 1; display: none; align-items: center; justify-content: flex-end; } .hamburger-menu { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: flex-end; } .hamburger-menu div { width: 1.6rem; height: 3px; border-radius: 3px; background-color: black; position: relative; z-index: 1001; transition: .5s; } .hamburger-menu div:before, .hamburger-menu div:after { content: ''; position: absolute; width: inherit; height: inherit; background-color: black; border-radius: 3px; transition: .5s; } .hamburger-menu div:before { transform: translateY(-7px); } .hamburger-menu div:after { transform: translateY(7px); } #check { position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%); width: 2.5rem; height: 2.5rem; z-index: 90000; cursor: pointer; opacity: 0; display: none; } #check:checked ~ .hamburger-menu-container .hamburger-menu div { background-color: transparent; } #check:checked ~ .hamburger-menu-container .hamburger-menu div:before { transform: translateY(0) rotate(-45deg); } #check:checked ~ .hamburger-menu-container .hamburger-menu div:after { transform: translateY(0) rotate(45deg); } @keyframes animation { from { opacity: 0; transform: translateY(15px); } to { opacity: 1; transform: translateY(0px); } } /*FIN Menu de Navigation*/ /*Logo réseaux sociaux*/ a, a:hover, a:focus, a:active { text-decoration: none; } .social-icon { margin-bottom: 15px; box-sizing: border-box; -moz-border-radius: 138px; -webkit-border-radius: 138px; border-radius: 138px; border: 5px solid; text-align: center; width: 50px; height: 50px; position : relative; display: inline-block; line-height: 1px; padding-top: 11px; transition: all 0.5s; } .social-icon:hover { transform: rotate(360deg)scale(1.3); } /*Facebook*/ .position_logo_facebook { font-size:20px; position: relative; top: 5px; left:85px } .facebook { font-size: 22px; padding-top: 12px; background-color: #ffcf2b; color: black; border-color: black; border-width: 2px; } .facebook:hover { background-color: black; color: #ffcf2b; border-color: #ffcf2b; } /*FIN logo Facebook*/ /*Instagram*/ .position_logo_instagram { font-size:20px; position: relative; top: 5px; left:105px } .instagram { font-size: 22px; padding-top: 12px; background-color: #ffcf2b; color: black; border-color: black; border-width: 2px; } .instagram:hover { background-color: black; color: #ffcf2b; border-color: #ffcf2b; } /*FIN logo Instagram*/ /*FIN Logo réseaux sociaux*/ /*Logo EAT*/ .logo img { /* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */ -webkit-transition: all 0.4s; /* Safari et Chrome */ -moz-transition: all 0.4s; /* Firefox */ -ms-transition: all 0.4s; /* Internet Explorer 9 */ -o-transition: all 0.4s; /* Opera */ transition: all 0.4s; } .logo:hover img { /* Le logo est grossie de 25% */ -webkit-transform:scale(1.15); /* Safari et Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* Internet Explorer 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); cursor: pointer; } /*Première section Accueil*/ .first_section_accueil { max-width : 100%; background-image: url(../images/fond_accueil.jpg); padding: 5% 0; background-size: cover; } .first_section_accueil .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /*Titre Bienvenue tessoualle*/ .titre_bienvenue { font-family: Montserrat, Helvetica, sans-serif; max-width: 600px; } .titre_bienvenue p { text-transform: uppercase; color: #222; color: transparent; font-size: 0px; } .titre_bienvenue p span { display: inline-block; position: relative; overflow: hidden; padding-left: 16px; padding-right: 16px; background-color: #ffcf2b; font-size: 50px; } .titre_bienvenue p span::after { content: ""; display: block; text-align :center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; transform: translateX(-100%); } .titre_bienvenue p:nth-child(1) { font-weight: 400; animation: txt-appearance 0s 1s forwards; } .titre_bienvenue p:nth-child(2) { font-weight: 600; animation: txt-appearance 0s 1.25s forwards; } .titre_bienvenue p:nth-child(3) { font-weight: 1000; animation: txt-appearance 0s 1.25s forwards; } .titre_bienvenue p:nth-child(1) span::after { background: #fdffcd; animation: slide-in 0.75s ease-out forwards, slide-out 0.75s 1s ease-out forwards; } .titre_bienvenue p:nth-child(2) span::after { background: #fdffcd; animation: slide-in 0.75s 0.3s ease-out forwards, slide-out 0.75s 1.3s ease-out forwards; } .titre_bienvenue p:nth-child(3) span::after { background: #fdffcd; animation: slide-in 0.75s 0.3s ease-out forwards, slide-out 0.75s 1.3s ease-out forwards; } @keyframes slide-in { 100% { transform: translateX(0%); } } @keyframes slide-out { 100% { transform: translateX(100%) } } @keyframes txt-appearance { 100% { color: black; } } /*FIN Titre Bienvenue tessoualle*/ .text_accueil h5 { color: white; background-color : #b3654e; position: relative; left: 10px; top: 100px; text-align :center; border : 20px solid #b3654e; } /*Mot du président*/ .position-relative .mot_president { background-color : #fdffcd; position : relative; top: 50px; width: 90%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; border: 1px solid #606060; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .position-relative .mot_president .img_box { width: 200px; margin-left: -100px; } .position-relative .mot_president .img_box img { min-width: 100%; border: 1px solid #606060; position : relative; top: 0px; left : 0px; } .position-relative .mot_president .mot { padding: 0 35px; } .position-relative .mot_president .mot h6 { font-weight : bold; text-align : right; } /*FIN Mot du président*/ /*Calendrier Évènement*/ .calendrier_event { border-radius: 8px; padding: 0 5px 50px 5px; width: 100%; margin: 0 auto; max-width: 660px; } .fc-calendar-container { position: relative; height: 400px; width: 400px; } .fc-calendar { width: 100%; height: 100%; } .fc-calendar .fc-head { height: 30px; line-height: 30px; } .fc-calendar .fc-body { position: relative; width: 100%; height: 100%; height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); height: calc(100% - 30px); border: 1px solid #ffcf2b; } .fc-calendar .fc-row { width: 100%; border-bottom: 1px solid #ffcf2b; } .fc-four-rows .fc-row { height: 25%; } .fc-five-rows .fc-row { height: 20%; } .fc-six-rows .fc-row { height: 16.66%; height: -moz-calc(100%/6); height: -webkit-calc(100%/6); height: calc(100%/6); } .fc-calendar .fc-row > div, .fc-calendar .fc-head > div { float: left; height: 100%; width: 14.28%; /* 100% / 7 */ width: -moz-calc(100%/7); width: -webkit-calc(100%/7); width: calc(100%/7); position: relative; } .ie9 .fc-calendar .fc-row > div, .ie9 .fc-calendar .fc-head > div { width: 14.2%; } .fc-calendar .fc-row > div { border-right: 1px solid #ffcf2b; padding: 4px; overflow: hidden; position: relative; } .fc-calendar .fc-head > div { text-align: center; } .fc-calendar .fc-row > div > span.fc-date { position: absolute; width: 30px; height: 20px; font-size: 20px; line-height: 20px; font-weight: 700; text-shadow: 0 -1px 0 rgba(255,255,255,0.8); bottom: 5px; right: 5px; text-align: right; } .fc-calendar .fc-row > div > span.fc-weekday { padding-left: 5px; display: none; } .fc-calendar .fc-row > div.fc-today { background: #fff4c3; } .fc-calendar .fc-row > div.fc-out { opacity: 0.6; } .fc-calendar .fc-row > div:last-child,.fc-calendar .fc-head > div:last-child { border-right: none; } .fc-calendar .fc-row:last-child { border-bottom: none; } .custom-calendar-wrap { margin-top: 70px; position: relative; overflow: hidden; } .custom-inner { border-radius: 5px; box-shadow: 0 1px 3px rgba(0,0,0,0.2); overflow: hidden; } .custom-inner:before,.custom-inner:after { content: ''; width: 99%; height: 50%; position: absolute; background: #ffcf2b; bottom: -4px; left: 0.5%; z-index: -1; box-shadow: 0 1px 3px rgba(0,0,0,0.2); } .custom-inner:after { content: ''; width: 98%; bottom: -7px; left: 1%; z-index: -2; } /*En-tête du calendrier*/ .custom-header { background: #fdffcd; padding: 5px 10px 10px 20px; height: 70px; position: relative; border-top: 5px solid #fdffcd; border-bottom: 1px solid #fdffcd; } .custom-header h2,.custom-header h3 { text-align: center; text-transform: uppercase; } /*Mois du calendrier*/ .custom-header h2 { color: black; font-weight: 700; font-size: 18px; margin-top: 10px; } /*Année du calendrier*/ .custom-header h3 { font-size: 10px; font-weight: 700; color: black; } .custom-header nav span { position: absolute; top: 17px; width: 30px; height: 30px; color: transparent; cursor: pointer; margin: 0 1px; font-size: 20px; line-height: 30px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; } /*Flèches des mois*/ .custom-header nav span:first-child { left: 10px;} .custom-header nav span:last-child { right: 10px;} .custom-header nav span:before { color: #ffcf2b; position: absolute; text-align: center; width: 100%; } .custom-header nav span.custom-prev:before { content: '\25c2';} .custom-header nav span.custom-next:before { content: '\25b8';} .custom-header nav span:hover:before { color: black;} /*Corps de la pop-up*/ .custom-content-reveal { background: rgba(253, 255, 205, 0.97); width: 100%; height: 100%; position: absolute; z-index: 100; top: 100%; left: 0px; text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } /*Fermeture de la pop-up*/ .custom-content-reveal span.custom-content-close { position: absolute; top: 15px; right: 10px; width: 20px; height: 20px; text-align: center; background: #fdffcd; box-shadow: 0 1px 1px rgba(0,0,0,0.1); cursor: pointer; line-height: 13px; padding: 0; } .custom-content-reveal span.custom-content-close:after { content: '╳'; font-size: 18px; color: black; } .custom-content-reveal a, .custom-content-reveal span { font-size: 22px; font-weight: bold; padding: 158px 30px; display: block; } /*Fermeture de la pop-up*/ /*En-tête de la pop-up du calendrier*/ .custom-content-reveal h4 { text-transform: uppercase; font-size: 13px; font-weight: 300; letter-spacing: 3px; color: black; padding: 20px; background: #ffcf2b; border-bottom: 1px solid black; border-top: 5px solid #ffcf2b; box-shadow: 0 1px rgba(255,255,255,0.9); margin-bottom: 30px; } /* .custom-content-reveal span { color: #888;} */ /* .custom-content-reveal a { color: #ffcf2b;} */ /* .custom-content-reveal a:hover { color: #333;} */ /* Modifications */ .fc-calendar-container { height: 400px; width: auto; padding: 30px; background: black; box-shadow: inset 0 1px rgba(255,255,255,0.8); } /*Jour de la semaine*/ .fc-calendar .fc-head { background: transparent; color: #fdffcd; font-weight: bold; text-transform: uppercase; font-size: 12px; } .fc-calendar .fc-row > div { background: #fdffcd; cursor: pointer; } /*Fond des jours qu'il n'y a pas dans le mois*/ .fc-calendar .fc-row > div:empty { background: #ffcf2b; } .fc-calendar .fc-row > div > span.fc-date { top: 50%; left: 50%; text-align: center; margin: -10px 0 0 -15px; color: black; font-weight: 400; pointer-events: none; } .fc-calendar .fc-row > div.fc-today { background: #ffcf2b; box-shadow: inset 0 -1px 1px rgba(0,0,0,0.1); } .fc-calendar .fc-row > div.fc-today > span.fc-date { color: black; text-shadow: 0 1px 1px rgba(0,0,0,0.1); } /*Gommette d'évènements*/ .fc-calendar .fc-row > div.fc-content:after { content: '\00B7'; text-align: center; width: 20px; margin-left: -10px; position: absolute; color: black; font-size: 70px; line-height: 20px; left: 50%; bottom: 3px; } .fc-calendar .fc-row > div.fc-today.fc-content:after { color: #b02c42;} .fc-calendar .fc-row > div.fc-content:hover:after{ color: black;} .fc-calendar .fc-row > div.fc-today.fc-content:hover:after{ color: #fff;} .fc-calendar .fc-row > div > div a, .fc-calendar .fc-row > div > div span { display: none; font-size: 22px; } @media screen and (max-width: 400px) { .fc-calendar-container { height: 300px; } .fc-calendar .fc-row > div > span.fc-date { font-size: 15px; } } /*FIN Calendrier Évènement*/ /*Section Fil d'Actualité*/ .actu_section .titre_actu { text-align : center; } .actu_section .titre_actu img { width: 30%; } .actus { align-items: center; display: flex; justify-content: center; margin-bottom: 50px; } .imagegroup { display: flex; width: 100%; animation: travel 40s ease infinite; } @keyframes travel { 0%, 3.60%, 100% { transform: translate(0,0); } 6.31%, 9.91% { transform: translate(-60%,0); } 12.61%, 16.22% { transform: translate(-135%,0); } 18.92%, 22.52% { transform: translate(-208%,0); } 25.23%, 28.83% { transform: translate(-283%,0); } 31.53%, 35.14% { transform: translate(-358%,0); } 37.84%, 41.44% { transform: translate(-432%,0); } 44.14%, 47.75% { transform: translate(-507%,0); } 50.45%, 54.05% { transform: translate(-580%,0); } 56.76%, 60.36% { transform: translate(-655%,0); } 63.06%, 66.67% { transform: translate(-730%,0); } 69.37%, 72.97% { transform: translate(-805%,0); } 75.68%, 79.28% { transform: translate(-880%,0); }/* 81.98%, 85.59% { transform: translate(-92.86%,0); }*/ } .imagegroup:hover{ animation-play-state: paused; } /*Section Actus*/ .actu_section { background-color: #4F6246; background-image: url(../images/terreactu.png), url(../images/terre_verte_actu.png); background-size : 100%, 100%; background-repeat: no-repeat, no-repeat; background-position: bottom, top; } .hover { flex: 1; padding: 0 25px; } .title_actu { margin-top: -5px; padding: 0 0 10px; color: #ffcf2b; font-size: 24px; font-weight: 700; } .reprise_entrainements img { max-width: 600px; margin-right: 50px; text-align: center; } .affiche_tournoi img { max-width: 375px; margin-left: 50px; text-align: center; } .ag img { max-width: 600px; margin-right: 50px; text-align: center; } /*Repas de la semaine*/ .menu_restauration { width: 35%; margin: 0 auto; padding: 10px 30px; background: #fdffcd; border: 3px solid black; box-shadow: 1px 1px 3px black; color: black; } .menu_restauration h1 { font-size: 35px; text-align: center; font-weight: bolder; margin-bottom: 20px; } .itemWrap { margin-bottom: 10px; } /*Displaying flex and justifying content space between to take up the width of the box*/ .itemNameWrap { display: flex; justify-content: space-between; } .itemName { font-size: 1.8em; } /*The Radial Gradient background is used as the dots. The position being at 90% helps line up the dots with the price which is just a little smaller than the description. Flex-grow: 2 makes the middle spread out to take up the remaining space. */ .itemMiddle { vertical-align: bottom; background-image: radial-gradient(var(--themeFont) 1px, var(--themeBG) 0px); background-size: 8px 8px; background-repeat: repeat-x; background-position: left 90%; flex-grow: 2; } .itemPrice { font-size: 1.6em; padding-top:5px; } .itemDescription { font-size: 1.1em; font-style: italic; } /*FIN Repas de la semaine*/ .loto img { max-width: 350px; text-align: center; } .decouverte img { max-width: 325px; margin-left: 50px; text-align: center; } /*Bouton tableau tournoi*/ .button_slide { color: #fdffcd; border: 2px solid #fdffcd; border-radius: 0px; padding: 18px 36px; display: inline-block; font-family: "Lucida Console", Monaco, monospace; font-size: 14px; letter-spacing: 1px; cursor: pointer; box-shadow: inset 0 0 0 0 #fdffcd; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s; } .button_slide:hover { box-shadow: inset 400px 0 0 0 black; color: #fdffcd; } #outer { width: 364px; margin: 50px auto 0 auto; text-align: center; } .button_slide_tournoi { color: black; border: 2px solid black; border-radius: 0px; padding: 18px 36px; display: inline-block; font-family: "Lucida Console", Monaco, monospace; font-size: 14px; letter-spacing: 1px; cursor: pointer; box-shadow: inset 0 0 0 0 black; -webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s; transition: ease-out 0.4s; } .button_slide_tournoi:hover { box-shadow: inset 400px 0 0 0 #fdffcd; ; color: black; } .row_actu { display: flex; overflow: hidden; } /*FIN Section Fil d'Actualité*/ /*BOUTON Troisième section Accueil*/ /*Fond section boutons*/ .boutons_section { background-color: #ffcf2b; background-image: url(../images/joueur_jaune_droite.png), url(../images/joueur_jaune_gauche.png); background-repeat: no-repeat, no-repeat; background-position: bottom right, bottom left; } @import url('https://fonts.googleapis.com/css?family=Poppins:900i'); * { box-sizing: border-box; } .wrapper { display: flex; justify-content: center; } .cta { display: flex; padding: 10px 45px; text-decoration: none; font-weight: bold; font-style: italic; font-size: 35px; color: #fdffcd; background: black; transition: 1s; box-shadow: 6px 6px 0 #fdffcd; transform: skewX(-15deg); } .cta:focus { outline: none; } .cta:hover { transition: 0.5s; background-color : #fdffcd; box-shadow: 10px 10px 0 black; color: black; } .cta span:nth-child(2) { transition: 0.5s; margin-right: 0px; } .cta:hover span:nth-child(2) { transition: 0.5s; margin-right: 45px; } .cta span { transform: skewX(15deg) } .cta span:nth-child(2) { width: 20px; margin-left: 30px; position: relative; top: 0%; } /**************SVG****************/ path.one { transition: 0.4s; transform: translateX(-60%); } path.two { transition: 0.5s; transform: translateX(-30%); } .cta:hover path.three { animation: color_anim 1s infinite 0.2s; } .cta:hover path.one { transform: translateX(0%); animation: color_anim 1s infinite 0.6s; } .cta:hover path.two { transform: translateX(0%); animation: color_anim 1s infinite 0.4s; } /* SVG animations */ @keyframes color_anim { 0% { fill: black; } 50% { fill: grey; } 100% { fill: white; } } /*FIN BOUTON Troisième section Accueil*/ /*Section effectifs*/ .effectifs_section { background-color: #fdffcd; background-image: url(../images/terre_noire180.png); background-repeat: no-repeat; background-position: bottom; background-size: contain; } .effectifs_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } .effectifs_section .img_box { margin: -30px 0; margin-bottom: 5%; } .effectifs_section .img-box img { width: 100%; height: 100%; } .effectifs_section .img_box.box-1 { width: 50%; text-align : center; } .effectifs_section .img_box.box-1 h4 { width: 102%; text-align : center; } .effectifs_section .img_box.box-2 { width: 50%; text-align : center; } .effectifs_section .img_box.box-2 h4 { width: 102%; text-align : center; } .effectifs_section .img_box.box-3 { width: 50%; text-align : center; } .effectifs_section .img_box.box-3 h4 { width: 102%; text-align : center; } .titre_effectifs { position: relative; top: -50px; left: -15px; color: #cd3500; } /*FIN Section effectifs*/ /*Compteur de licenciés*/ .counter { display : table-cell; margin : 1.5%; font-size : 50px; background-color: #FF6F6F; width : 200px; border-radius: 50%; height : 200px; padding-top: 55px; vertical-align: middle; } .box { background-color: #ffcf2b; color: black; max-width:800px; margin: 50px auto 0; text-align: center; display: table; } /*FIN Compteur de licenciés*/ /*Diapo soirées*/ /*Animation hiver*/ @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 1000px 1000px, 400px 400px, 300px 300px;} } @-moz-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-webkit-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } @-ms-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;} } /*FIN Animation hiver*/ .diapo_soirees { background-color: black; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfQAAAH0CAYAAADL1t+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NTYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkU1MTk3OTQyMjc0MTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU1NDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU1NTIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhaMNc4AABHpSURBVHja7N3BTlzX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'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEsCAYAAAB5fY51AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTFCN0Y1NEUyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTFCN0Y1NEYyMjczMTFFMUFCRDRFQUNEMjAzMjJFMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMUI3RjU0QzIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMUI3RjU0RDIyNzMxMUUxQUJENEVBQ0QyMDMyMkUyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Prq/JMMAAAvPSURBVHja7N19bxTXFQfgWWObN0MgaYCiiqZtKjVVIvX7f41ESaNSldCU8hICGGOM37bnaM+I0datICT4zuzzSEe7XvJHPDP+zbl3Z+7M5vN5V2ZVaV4F0Iz1wfs+pGbCCmjR2gmfCStgNIEFILAABBawEtZtAiZqtlQ5N3tc/2aeVmBBc4G1GXW+jvP9qL2oA4ElsKAlOdWxEfVh1M2oi1FPo+7Vq+sMBRY0Jbura1Ff1OudqJdRu1GHNs94z0QwxeFg32Vld7UVdaF+RocFTcnhXs5VPYm6HfUo6mHUc92VwIIWA2u/Qmqvhoc5HNwWWCNvnQc3P8MUh4Xr9f64wsqEu8CCZkPrpO4LQ0JocmjIhPiWEBBYAAILEFgAAgtAYAECi1U0fGISNMt1WIJqrSrfH3WLK8Jdv4TAormwOtMtVjG4UO/zfrsX3eLG4WObCIFFS4F1Lup61K2os1H3o+52FrlDYNHgUDBD6kbU51GXor7uFkuyPK/hITTFpPtqmp/wfvhqAh4dFs2F1quoB1FfDYaEO501o2h1aGB5mZUeFuZEez5V5mJn0h2BxQhCqw+uvus66ky2I7AA3o1Jd0BgAQgsYGW5rOHtDG8SXr5+CRBYTXWj+W3aRr3Pb9P6r/9dAgACq6nOKsMqb1+52i3uwcvrlfI2lp36d50WCKxmAiufHnwt6rMKrXtRf+0WTxjes4lAYLUUWLmtLkf9plvcMJz+WZ2XDgsEVjP6K8B3ox7XZz9WZ2VVA3hfnYMr3d+4w8rJ9is1LMwF77ajHtar21lAYDVlrTrSzRoG5ooGudqBbwlBYDXbac2Whoo2ILwn5rDejoCCUx7mAAgsAIEFCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxgnDxIlVU5MfdP7c4H4R53HogrsKAxGVBnojajzlVw7UftRR0ILYEFrQVWhtW1qF/X+x+i/hX1XKclsKClsFqrzirD6i9RW1HfVli9rG6LkY3tYcpySLhRYbVVAXamAg0dFjShn1zfq2HgtxVW30ftRh3ZRCNsm+dzQ3gmPSzMk/LFqMvVWWVYbUe9qkBDYEFToXWmqquQOhJWAgtaDq3+dd75ZnC0zGGxCuZLr4yUbwkBgQUgsACBBSCwAAQWILCAqejXAJsM12HBNBuRvvLas6NuIhfMCiyYXleVq1Pk/ZPnK6xedIvldI7GHloCC6YVVnnP5KWoW1E3usVN3nej/j0ILYEFNCEDK9f9+iTqz91iscIMrSfdYqmd0Y91gWma3L2TOiyYlhzy7UTdqY4qu6sH9X70S+pYXgamJUdNk510F1gwPf3k+2zQdU3isgaBBYyqfQQQWAACCxBYAAILQGABAgugQW7NYdlsqeZLBQKLpgIrj4u8rWMz6qBb3IeWr8dCC4FFS2GVt3R8EHUz6kq3uA/tXtTjqH2bCIFFS7Kruhr1p26xptLDqMNusa7SgQ6L02TSneUOazgkzJUr867/jTpWZjYROixaMa9uajvqu26xJMmzbrFape6K0z+jWq2BpQ4rO6lz3WIeK1/3K8B2uwmsp4TAYrrDwrVB1+UbQgQWTQfX8nARTpU5LP4XAUVzfEsICCwAgQUILACBBSCwgFXjsob3Y3l9qWObBARWi0G1Vtt5s37Oq8bzdhe3uYDAai6wcqWDj6I+rvd5I3Eu2fKic7sLCKzGuqtcpiUXw/u8WyzVcrtbrOC5Z2gIAqvFbXwh6lrUVtSjGh76wgMEVjP6yfWcr3oadaeCK4eDuc7UkU0EAqs1OfS7VyGV2zuXGt4WWPD2LC/zC2/f7vWDHTbqfQaVJ9CAwGo+uPqhoo0OhoTNElI/X/B3tqXAgrEMrWc1nHbhrcCC5qx1r69n26r3+QVGXnjbzwUisKCZ7iqf3nMj6lbU2aj7UXe7xeUihtsCq4mDdMgBudqBlSF1PeqL6rK+jvqxW1wi4vIQgXWqB2f/iKmN+izb/kNn0pUPLScvmgysPJteqeqq7c/as7tW0rz2/YOoLwdDwh3dlcA6bTmhmjcI/zbqj/XZ36rL6jstVstxBVYfUsNJdxffCqxT77BygjWXY/ldfZZzFd93/z2vxep0WNlJ7VZw9XcLWAhRYJ16WHXVST2vIUBX7w8G/40z6uqG1vHgZwRWEwdltv3fVcuffuhez1c4UAUXK6y1ewn7Re9yvajht4T7nfkKEFgN3vw8G7zODAOAFoeEy23/vHOzK9B4YJ0UXgDWFQcEFoDAAgQWgMACEFiAwAIQWAACCxBYAAILQGABAgtAYAEILEBgAQgsAIEFCCwAgQUgsACBBfAerdsEwHvWPyR5+Bi/N3qkn8Ci5QN6+PTveec5lVNpkvrK/XoQdfSmoSWwaDGs8rg8W5VeRe3VgS20xmut9umHUZeiDqOeRG1H7euwVqcTGZ6d5hP4nc5F3Yi6Xp89iLof9UJgjXq/nom6HPVp1CdRu1HfVlgdDjotgTXBnZ9nq42f2lo3flBfjLoV9UV9/mXU8+qyDA3HK/ft+ahrUb+vfZono83u5HktgTWhrurcu7TWIziwc+iwVT+frc8Yt+M6Pp9Vx7xbXfPhm56IBNb4zGu/ffAurXXDv1se1C/rgP6mPr9fn+msxu2oTqq3ox7XqODR2+xbgTXeYdOwtd6pP+q+tR77WTjPunejfqzPduozk+7jPtEe18n1XgVV33EdCKzVaa0f1B/z7qC1HvuBfVC/2059dti9vrSBce/bPOnsVXXdW85JzuZzx8AIO6yccL9YHdbV+gN/WB3Jfv1xT+H37F9NtCOwJjAszCHgxgmttZ2KwKLZbmsuqFgF5rDGPydgboeVYbWGaYQWCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABAgtAYAEILEBgAQgsAIEFCCwAgQUgsACBBSCwAAQWILAABBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxAYAEILEBgAQisdzCza4Bl6w0GVV/zqm7wCgisZpyJ2ozaiDqO2o86EFpAa4GVYXUh6lrU1QqqR1GPK7gEFmO2PM3heB5xYM0qsC5HfVr1IuqrqN2ow+q4YIxBNau/tbU6jo/qVWiNuMNaq+HgB1HXo55HXRz8P87sYEYaVufrZHy+RgvbgxMxIw2sPOu8jHoY9fd6/3QwHBRWjFGehD+M+kOdiJ9F3Y66V8e843rEgbVdO/NBnX2eRO0ZDjLiDiv/xi5FfVKhlcd2zsvm/OwrQ8NxBla/w/ZqRz6pHXlQQQZjNK/j+LBGDDvdYm72YBBUwuptzgDzeVPba/Z/wgzG2mFdibpZry9qOPh4EFyMNLBgatYqtHLCfXPQbZmbFVjQZJd10h0cwuonWLcJ4Bc1DCaX5vwM7Srw/sILgQUILACBBSCwAIEFILAABBYgsAAEFr8oTyFiEtyaM/2g6pefztfjzrImCCwa7qDPRW11iycR5XpjubxJrhRgnTEEFk11V7mcya+iftstVr3MNZi+q1crXSKwaCqwNiqwPusW64n/o1usKZ5LUR/YRIxxyMB0A2uZuSt0WDSpXxP/h6hvor6voeAz3RWjPQtbcXTS8tvBnHTP5zvmfFY/6d4/rQUEFk0NC/vLGvquy/K8GBLSpOVwElIILEYRXDB6viUEBBaAwAIEFoDAAhBYgMACEFgAAgsQWAACC0BgAQILQGABCCxAYAEILACBBQgsAIEFILAAgQUgsAAEFiCwAAQWgMACBBaAwAIElk0ACCyAn9n64P1sUPOoY5sHaC2w+pDaiNqs94dR+1FHFV4AzQRWBtVHUR9XcD2Jehj1ojotoQU0EVg5j3Uu6mbU51EXo25H7VUZGgItmPUdVr5eiLoWtRX1qLouk/JAUx1WdlA5X/U06k4FVw4HX3aLOSyAFsz7wMqh370KqfzsedS2wAKaGhPO5/P+W8Iz3WLCvaugOuxMuAMN+Y8AAwClSt21xjnpmgAAAABJRU5ErkJggg=='), url('data:image/png;base64,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'); font-family: helvetica, arial; -webkit-animation: snow 20s linear infinite; -moz-animation: snow 20s linear infinite; -ms-animation: snow 20s linear infinite; animation: snow 20s linear infinite; } .titre_repas_noel img { width: 30%; margin: auto; display: block; } .img_repas_noel { width: 80%; margin: auto; display: block; } /* Slideshow container */ .slideshow_repas_noel { max-width: 500px; position: relative; margin: auto; } /* Number text (1/10 etc)*/ .numbertext { color: #fdffcd; background-color: #000000; font-size: 12px; padding: 8px 12px; position: absolute; top: 0; left: 50px; } /* Fading animation */ .fade { animation-name: fade; animation-duration: 4s; } @keyframes fade { from {opacity: .4} to {opacity: 1} } /*FIN Diapo Soirées*/ /*Section partenaires*/ .partenaires_section .titre_partenaires img { position: relative; margin-top: 50px; width: 30%; } .partenaires_section .partenaires { text-align : center; } .partenaires_section { background-color: #fdffcd; background-image: url(../images/terre_noire.png), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat; background-position: top, bottom; background-size: contain; } .partenaires_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } .partenaires_section .img_box { margin: -30px 0; } .partenaires_section .img-box img { width: 100%; height: 100%; } .partenaires_section .img_box.box-1 { width: 48%; } .partenaires_section .img_box.box-2 { width: 50%; } .partenaires_section .img_box.box-3 { width: 32%; } /*FIN Section partenaires*/ /******************************************************************************FIN ACCUEIL******************************************************************************************/ /***************************************************************************INSTALLATIONS************************************************************************************/ /*Section COURTS*/ .titre_installations { text-align: center; color: black; background-color: #fdffcd; padding: 50px 50px; letter-spacing: -3px; font-weight: bold; font-size : 50px; text-transform: uppercase; } .courts_section { text-align : center; } .courts_section .titre_courts img { position: relative; width: 30%; top: -50px; } .courts_section { background-color: #ffcf2b ; background-image: url(../images/terre.jpg); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .courts_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } .courts_section .img_box.box-1 img { max-width: 100%; } .courts_section .img_box.box-2 img { max-width: 100%; } .courts_section .img_box.box-3 img { max-width: 100%; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .courts_section .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .courts_section .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN section COURTS*/ .club_house_section .titre_club_house img { position: relative; width: 30%; top: -50px; } .club_house_section .club_house { text-align : center; } /***********************************************************************HISTORIQUE**************************************************/ /*Timeline start*/ .timeline__cover{ background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; padding: 100px 0 160px 0; color: #ffffff; } .timeline__cover .timeline__title{ max-width: 840px; margin: 0 auto; text-align: center; padding: 0 16px; } .timeline__cover .timeline__title p{ font-size: 18px; font-weight: 400; line-height: 28.8px; color: black; } .timeline__cover .timeline{ padding-top: 64px; } .timeline__cover .timeline ul{ padding-top: 100px; } .timeline__cover .timeline ul li { background: black; position: relative; margin: 0 auto; width: 2px; margin-bottom: 48px; list-style-type: none; } .timeline__cover .timeline ul li:last-child { padding-bottom: 7px; width: 0; height: 0; } .timeline__cover .timeline ul li:before { content: ''; background: #cd3500; position: absolute; left: 50%; top: -32px; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 16px; height: 16px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .timeline__cover .timeline ul li .hidden { opacity: 0; } .timeline__cover .timeline ul li .content { position: relative; top: -100px; width: 289px; } .timeline__cover .timeline ul li .content .badge{ font-size: 12px; line-height: 16px; text-transform: uppercase; color: black; display: inline-block; padding: 6px 12px; background: #fdffcd; border-radius: 1000px; } .timeline__cover .timeline ul li .content h3{ font-size: 20px; font-weight: 600; line-height: 28px; color: #cd3500; margin: 16px 0 8px; } .timeline__cover .timeline ul li .content p{ color: black; font-size: 14px; font-weight: 400; line-height: 20px; } .timeline__cover .timeline ul li:nth-child(odd) .content { left: 70px; } .timeline__cover .timeline ul li:nth-child(odd) .content:before { left: -38px; } .timeline__cover .timeline ul li:nth-child(even) .content { left: calc(-289px - 70px); } .timeline__cover .timeline ul li:nth-child(even) .content:before { right: -38px; } /* timeline__cover ends */ /******************************************************************FIN HISTORIQUE****************************************************/ /***************************************************************************ORGANISATIONS************************************************************************************/ /*Noms membres du bureau*/ .noms_club_house { position: relative; top: 10px; color: #cd3500; } .club_house_section { background-color: #ffcf2b; background-image: url(../images/terre_noire180.png); background-repeat: no-repeat; background-position: bottom; background-size: contain; padding-top: 50px; } .club_house_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } .club_house_section .img-box img { text-align : center; } .club_house_section .img_box { text-align : center; } .club_house_section .img_box.box-1 img { max-width: 100%; } .club_house_section .img_box.box-2 img { max-width: 100%; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .club_house_section .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .club_house_section .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*Section entraîneurs*/ .titre_organisation { text-align: center; color: black; background-color: #fdffcd; padding: 50px 50px; letter-spacing: -3px; font-weight: bold; font-size : 50px; text-transform: uppercase; } /*Titre entraineurs*/ .entraineurs_section .entraineurs { text-align : center; } .entraineurs_section h3 { font-weight: bold; } .entraineurs_section .titre_entraineurs img { position: relative; width: 33%; top: -50px; } .entraineurs_section { background-color: #ffcf2b ; background-image: url(../images/terre.jpg); background-repeat: no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .espace_entraineur { display: block; margin: 0 auto; margin-top: 50px; } .entraineurs_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } /*FIN Section entraineurs*/ /*Section membres du bureau*/ .mdb_section { background-color: #ffcf2b; background-image: url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat; background-position: bottom right, top, right; background-size: contain; } /*Titre membres du bureau*/ .mdb_section .titre_mdb img { position: relative; width: 45%; top: -50px; } .mdb_section .mdb { text-align : center; } /*Noms membres du bureau*/ .mdb_section h3 { font-weight: bold; } .card hr { border: none; border-top: 3px double black; color: black; overflow: visible; text-align: center; height: 5px; } .card hr:after { background: #fdffcd; content: url('../images/balle-de-tennis.png'); padding: 0 4px; position: relative; top: -13px; } .card:hover hr { border-top: 3px double #fdffcd; } .card:hover hr:after { background: #cd3500; content: url('../images/balle-de-tennis-hover.png'); } .espace_mdb_partie1 { display: block; margin: 0 auto; margin-top: 50px; } .espace_mdb_partie2 { display: block; margin: 0 auto; position: relative; margin-top: 50px; margin-bottom: 100px; } #team i { font-size: 26px; color: black; } #team p { font-weight: 500; } #team .card { border-radius: 0; background-color: #fdffcd; box-shadow: 5px 5px 15px black; transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; } #team .card:hover { background: #cd3500; color: #fdffcd; border-radius: 5px; border: none; box-shadow: 5px 5px 10px black; } #team .card:hover h3, #team .card:hover i { color: #fdffcd; } /*FIN Membres du bureau*/ /***********************************************************************************FIN ACCUEIL**************************************************************************************/ /***********************************************************************************NOS EQUIPES**************************************************************************************/ /*Partie jeune*/ .partie_jeunes { background-color: #00503c; background-size: cover; } .partie_jeunes .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .partie_jeunes .equipes_jeunes h4 { color: #ffffff; font-weight: bold; } .partie_jeunes .equipes_jeunes p { color: #ffffff; } .partie_jeunes .img_box { margin: 15px auto; } .partie_jeunes .img_box img { width: 100%; height: 100%; text-align : center; } .partie_jeunes .img_box.box-1 { width: 48%; } /*FIN Partie jeune*/ /*Partie senior féminins*/ .partie_senior_feminins { background-color: #005669; background-image: url(../images/ppp.png); background-size: cover; } .partie_senior_feminins .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .partie_senior_feminins .equipes_senior_feminins h2 { color: #ffffff; font-weight: bold; } .partie_senior_feminins .equipes_senior_feminins p { color: #ffffff; } .partie_senior_feminins .img_box { margin: 15px auto; } .partie_senior_feminins .img_box img { width: 100%; height: 100%; text-align : center; } .partie_senior_feminins .img_box.box-1 { width: 48%; } /*FIN Partie senior féminins*/ /*Partie senior*/ .partie_senior { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png),url(../images/about-bg-reverse.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom; background-size: contain, contain, cover; } .partie_senior .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .partie_senior .equipes_senior h4 { color: #cd3500; font-weight: bold; margin-left: 150px; } .partie_senior .img_box { margin: 15px auto; } .partie_senior .img_box img { margin-top: 35px; width: 90%; } .partie_senior .img_box.box-1 { width: 48%; margin-left: 150px; } .partie_senior .img_box.box-2 { width: 42%; margin-left: 150px; } /*FIN Partie senior*/ /*Partie senior35*/ .partie_plus35 { background-color: #ffcf2b ; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png),url(../images/about-bg.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top, bottom; background-size: contain, contain, cover; } .partie_plus35 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } /*equipes plus35*/ .partie_plus35 .equipes_plus35 h4 { color: #cd3500; font-weight: bold; padding-left: 150px; } .partie_plus35 .img_box { margin: 15px auto; } .equipes_plus35 .img_box img { max-width: 90%; margin-top: 35px; } .equipes_plus35 .img_box.box-1 { width: 48%; padding-left: 150px; } /*FIN equipes plus35*/ /*Tableau_equipes*/ *, ::before, ::after { box-sizing: border-box; margin: 0; padding: 0; } contenu { padding: 20px; background: #fff; display: flex; justify-content: center; align-items: center; } .table-style { border-collapse: collapse; box-shadow: 0 5px 50px rgba(0,0,0,0.15); margin: 0px auto; border: 2px solid #cd3500; position: relative; top: 125px; left: 0px; } /*Première ligne du tableau*/ .table-style thead tr { background-color: black; color: #ffcf2b; text-align: center; } .table-style th, td { padding: 15px 20px; text-align: center; } /*ligne intérieur du tableau*/ .table-style tbody tr, td, th { border: 1px solid #cd3500; } /*Couleur première ligne*/ .table-style tbody tr:nth-child(even) { background-color: #fdffcd; } /*Couleur deuxieme ligne*/ .table-style tbody tr:nth-child(odd) { background-color: #fdffcd; } @media screen and (max-width: 550px) { contenu { align-items: flex-start; } .table-style { width: 100%; margin: 0px; font-size: 10px; } th, td { padding: 10px 7px; } } /*FIN Tableau_equipes*/ /*********************************************************************************FIN NOS EQUIPES************************************************************************************/ /**********************************************************************************COMPÉTITIONS*****************************************************************************************/ /*Tournois*/ /*Bouton Inscription*/ .inscription_bouton img { display: block; width: 20%; margin: auto; /* La transition s'applique à la fois sur la largeur et la hauteur, avec une durée d'une seconde. */ -webkit-transition: all 0.4s; /* Safari et Chrome */ -moz-transition: all 0.4s; /* Firefox */ -ms-transition: all 0.4s; /* Internet Explorer 9 */ -o-transition: all 0.4s; /* Opera */ transition: all 0.4s; } .inscription_bouton:hover img { /* Le logo est grossie de 25% */ -webkit-transform:scale(1.15); /* Safari et Chrome */ -moz-transform:scale(1.15); /* Firefox */ -ms-transform:scale(1.15); /* Internet Explorer 9 */ -o-transform:scale(1.15); /* Opera */ transform:scale(1.15); } /*Tournoi partie 1*/ .tournoi_section1 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section1 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section1 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section1 .img_box.box-1 img { width: 35%; display: block; margin : auto; margin-top : 50px; } .tournoi_section1 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section1 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi partie 1*/ /*Tournoi partie 2*/ .tournoi_section2 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section2 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section2 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section2 .img_box img { margin-top: 50px; } /* AFFICHE .tournois_section2 .img_box.box-1 { width: 70%; margin-top: 50px; text-align : center; }*/ .tournoi_section2 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section2 .img_box.box-1 img { width: 100%; } .tournoi_section2 .img_box.box-2 { margin-left: 5em; } .tournoi_section2 .img_box.box-2 p { text-align : center; font-weight: bold; } .tournoi_section2 .img_box.box-2 img { width: 100%; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section2 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section2 .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi partie 2*/ /*Tournoi partie 3*/ .tournoi_section3 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section3 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section3 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section3 .img_box img { margin-top: 50px; } .tournoi_section3 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section3 .img_box.box-1 img { width: 70%; margin-left: 70px; } .tournoi_section3 .img_box.box-2 p { text-align : center; font-weight: bold; } .tournoi_section3 .img_box.box-2 img { width: 70%; margin-left: 100px; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section3 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section3 .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi partie 3*/ /*Tournoi partie 4*/ .tournoi_section4 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section4 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section4 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section4 .img_box.box-1 img { max-width: 70%; display: block; margin : auto; margin-top : 50px; } .tournoi_section4 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section4 .img_box.box-2 img { width: 95%; display: block; margin : auto; margin-top : 50px; } .tournoi_section4 .img_box.box-2 p { text-align : center; font-weight: bold; } .tournoi_section4 .img_box.box-3 img { max-width: 70%; display: block; margin : auto; margin-top : 50px; } .tournoi_section4 .img_box.box-3 p { text-align : center; font-weight: bold; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section4 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section4 .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section4 .img_box.box-3 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*Open 2023 partie 5*/ .tournoi_section5 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section5 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section5 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section5 .img_box img { margin-top: 50px; } .tournoi_section5 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section5 .img_box.box-1 img { width: 100%; } .tournoi_section5 .img_box.box-2 { margin-left: 5em; } .tournoi_section5 .img_box.box-2 p { text-align : center; font-weight: bold; } .tournoi_section5 .img_box.box-2 img { width: 100%; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section5 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section5 .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi partie 5*/ /*Interne 2024*/ .tournoi_section6 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section6 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section6 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section6 .img_box.box-1 img { width: 35%; display: block; margin : auto; margin-top : 50px; } .tournoi_section6 .img_box.box-1 p { text-align : center; font-weight: bold; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section6 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*Interne double 2025*/ .tournoi_section7 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section7 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section7 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section7 .img_box.box-1 img { width: 35%; display: block; margin : auto; margin-top : 50px; } .tournoi_section7 .img_box.box-1 p { text-align : center; font-weight: bold; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section7 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*Interne simple 2025*/ .tournoi_section8 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section8 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section8 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section8 .img_box.box-1 img { max-width: 55%; display: block; margin : auto; margin-top : 50px; } .tournoi_section8 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section8 .img_box.box-2 img { max-width: 95%; display: block; margin : auto; margin-top : 50px; } .tournoi_section8 .img_box.box-2 p { text-align : center; font-weight: bold; } .tournoi_section8 .img_box.box-3 img { max-width: 70%; display: block; margin : auto; margin-top : 50px; } .tournoi_section8 .img_box.box-3 p { text-align : center; font-weight: bold; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section8 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section8 .img_box.box-2 img:hover { opacity: 0.8; transition: opacity 0.9s; } .tournoi_section8 .img_box.box-3 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*Open 2025 partie 9*/ .tournoi_section9 { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section9 .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section9 .img_box img { margin-top: 50px; margin: auto; display: block; } .tournoi_section9 .img_box.box-1 p { text-align : center; font-weight: bold; } .tournoi_section9 .img_box.box-1 img { margin-top: 50px; width: 30%; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section9 .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi partie 9*/ /*Lien pour tableau tournoi interne*/ .tournoi_section_tableau { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top left, bottom, right; background-size: contain; color : #cd3500; } .tournoi_section_tableau .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .tournoi_section_tableau .container h2 { color: #cd3500; font-weight : bold; } .tournoi_section_tableau .img_box.box-1 img { width: 35%; display: block; margin : auto; margin-top : 50px; } .tournoi_section_tableau .img_box.box-1 p { text-align : center; font-weight: bold; } /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ .tournoi_section_tableau .img_box.box-1 img:hover { opacity: 0.8; transition: opacity 0.9s; } /*FIN Tournoi*/ /*Planning matchs*/ .planning_match_section { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .planning_match_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .planning_match_section .img_box img { width: 100%; height: 100%; } /*FIN Planning des matchs*/ /*Classements*/ /*Classements senior*/ .titre_classements { text-align: center; color: black; background-color: #fdffcd; padding: 50px 50px; letter-spacing: -3px; font-weight: bold; font-size : 50px; text-transform: uppercase; } .classements-section-senior { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre180_centre.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .classements-section-senior h5 { color: #cd3500; font-weight: bold; } .classements-section-senior .classements { text-align: center; } .classements-section-senior .titre_classements-section-senior img { position: relative; width: 30%; top: -30px; } .classements-section-senior .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .classements-section-senior .img_box img { margin: 15px 0; width: 100% !important; } /*FIN Classements senior*/ /*Classements senior plus35*/ .classements-section-seniorplus35 { background-color: #ffcf2b; background-image: url(../images/terre_centre.png), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .classements-section-seniorplus35 h5 { color: #cd3500; font-weight: bold; } .classements-section-seniorplus35 .classements { text-align: center; } .classements-section-seniorplus35 .titre_classements-section-seniorplus35 img { position: relative; width: 30%; top: -30px; } .classements-section-seniorplus35 .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .classements-section-seniorplus35 .img_box img { margin: 15px 0; width: 100% !important; } /*FIN Classements*/ /*********************************************************************************TARIFS*********************************************************************************************/ .page_tarif { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .page_tarif .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .page_tarif .titre_tarifs img { position: relative; width: 30%; top: -30px; } .page_tarif .tarifs { color: #cd3500; font-weight: bold; text-align: center; } .page_tarif .formulaire img { width: 10%; position: relative; top: 23px; margin-right: 75px; margin-left: 75px; } .reductions { text-align: center; } .coupon { display: inline-block; margin: auto; border: 1px dashed #000; padding: 0.8em 1.2em; position: relative; font-weight: bold; border-radius: 10px; background: #ffcf2b; margin-left: 50px; margin-right: 50px; margin-bottom: 50px; } .code { font-size: 3rem; font-weight: bold; } .coupon p { margin-bottom: 5px; } span.scissors { position: absolute; top: -12px; right: 200px; } .warning { border: 10px ridge #FFC400; border-radius: 10% / 50%; background-color: #fdffcd; padding: .5rem; display: flex; flex-direction: column; width: 30%; } .page_tarif .warning { margin-top: 30px; margin-bottom: 60px; } .warning h4 { color: #8a1100; font-weight: bold; text-align: center; } .warning h5 { color: #8a1100; font-weight: bold; text-decoration : underline; text-align: center; } .warning p { color: #8a1100; font-weight: bold; text-align: center; } /*********************************************************************************FIN TARIF*****************************************************************************************/ /*********************************************************************************CONTACT******************************************************************************************/ .map_section { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .map_section .carte { position: relative; top: 27px; } .map_section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: center; } .description { position : relative; right : 130px; } .map_section .description img { width : 100%; text-align : center; } .description p { color: #cd3500; font-weight : bold; text-align : center; white-space: nowrap; } /*Formulaire de contact*/ .map_section .form_container form { background-color: #fdffcd; padding: 50px 100px; margin-left: 100px; position : relative; border-radius: 5px; } /*Champs de contactez-nous*/ .map_section .form_container input { border: none; outline: none; background-color: transparent; border-bottom: 1px solid #111111; padding-top: 35px; width : 500px; } /*Champ message de contactez-nous*/ .map_section .form_container input.message-box { padding-top: 55px; } .map_section .form_container button { display: inline-block; padding: 12px 20px; background-color: black; border: 1px solid black; color: #ffcf2b; border-radius: 30px; width: 100%; margin-top: 35px; } .map_section .form_container button:hover { background-color: #ffcf2b; color: black; } /*FIN Formulaire de contact*/ /*Message de validation d'envoie*/ /*Validation*/ .funds-checkmark-text-container { display: block; width: auto !important; max-width: 500px; margin: 0 auto; text-align: center; } .funds-checkmark-container { padding: 0 4px 0 0px; display: inline-block; width: 70px; margin: 0 auto; } .funds-checkmark-container:after { clear: both; } .funds-success-done-text { vertical-align: middle; margin: 0; padding: 15px 0 0 0; display: inline; } /* CHECKMARK */ .funds-checkmark-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 5; stroke-miterlimit: 10; stroke: #93be4d; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .funds-checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 5; stroke: #ffffff; stroke-miterlimit: 10; margin: 10% auto; -webkit-box-shadow: inset 0px 0px 0px #33bb11; box-shadow: inset 0px 0px 0px #33bb11; -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } .funds-checkmark-check { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } .funds-display-on-ie { display: none; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .funds-display-on-ie { display: block; } .funds-checkmark { display: none; } .funds-ie-checkmark-circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 5; stroke-miterlimit: 10; stroke: #33bb11; fill: none; -webkit-animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards; } .funds-ie-checkmark { width: 100px; height: 100px; border-radius: 50%; display: block; stroke-width: 5; stroke: #ffffff; stroke-miterlimit: 10; margin: 10% auto; -webkit-box-shadow: inset 0px 0px 0px #33bb11; box-shadow: inset 0px 0px 0px #33bb11; -webkit-animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both; } .funds-ie-checkmark-check { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards; } } @-webkit-keyframes stroke { 100% { stroke-dashoffset: 0; } } @keyframes stroke { 100% { stroke-dashoffset: 0; } } @-webkit-keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @keyframes scale { 0%, 100% { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @-webkit-keyframes fill { 100% { -webkit-box-shadow: inset 0px 0px 0px 30px #33bb11; box-shadow: inset 0px 0px 0px 30px #33bb11; } } @keyframes fill { 100% { -webkit-box-shadow: inset 0px 0px 0px 50px #33bb11; box-shadow: inset 0px 0px 0px 50px #33bb11; } } @media only screen and (max-width: 768px) { .funds-checkmark-text-container { display: block; } .funds-checkmark-container { height: auto; padding: 0; display: block; width: 100%; } } /*Message*/ .body_msg_envoi { text-align: center; background-image: url("../images/fond_msg_envoi.png"); background-repeat: no-repeat; background-size: 100%; background-position: bottom; background-color: #fdffcd; color: #cd3500; font-family: Helvetica; height: 100vh; padding-top: 175px; } .animation_text{ --headingSize: 55px; } .msg_envoi h3 { margin: 0; letter-spacing: -1px; font-size: var(--headingSize); } .body_msg_envoi span{ display: inline-block; overflow: hidden; animation: .3s swift-up ease-in-out forwards; } .body_msg_envoi i{ font-style: italic; font-weight: bolder; position: relative; top: var(--headingSize); animation: .5s swift-up ease-in-out forwards; } @keyframes swift-up { to { top: 0; } } @media screen and (max-width: 1000px){ .animation_text{ --headingSize: 35px; } } /*FIN Message de validation d'envoie*/ /********************************************************************************FIN CONTACT****************************************************************************************/ /********************************************************************************BOUTIQUE****************************************************************************************/ .section_boutique { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .section_boutique .infos_boutique { color: #cd3500; font-weight: bold; text-align: center; padding-top: 150px; } .boutique h3 { font-size: 25px; padding: 25px; font-weight: 500; color: black; margin: 0; } .boutique option { text-align: center; } .boutique p { font-size: 15px; color: black; font-weight: 500; } .boutique a { text-decoration: none } .produits { font-family: 'Oswald', Arial, sans-serif; position: relative; margin-left: 10%; margin-top: 75px; margin-bottom: 200px; display: inline-block; width: 20%; background: #fdffcd; text-align: center; color: #fff94f; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); font-size: 16px; border-radius: 10px; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .produits * { -webkit-box-sizing: padding-box; box-sizing: padding-box; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .produits img { max-width: 100%; position: relative; } .produits figcaption { background-color: black; padding: 20px 15px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .produits h3, .produits p { margin: 0; } .produits h3 { font-size: 1.3em; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; } .produits p { font-size: 0.9em; letter-spacing: 1px; font-weight: 300; } .produits .price { font-weight: 500; font-size: 1.4em; line-height: 48px; letter-spacing: 1px; } .produits i { position: absolute; bottom: -10px; left: 50%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%); width: 46px; height: 46px; border-radius: 50%; background-color: black; color: #fff94f; font-size: 1em; border: 3px solid #ffcf2b; display: flex; align-items: center; justify-content: center; } .produits a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } .produits:hover, .produits.hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); } .produits:hover i, .produits.hover i { background-color: black; } .select-cible{ display:none } .select-cible-show { display:block } /********************************************************************************FIN BOUTIQUE****************************************************************************************/ /*************************************************************************TABLEAUX TOURNOIS INTERNE*****************************/ .tableaux_tournoi_interne { background-color: #ffcf2b; background-image: url(../images/terre.jpg), url(../images/terre_noire180.png); background-repeat: no-repeat, no-repeat, no-repeat; background-position: top right, bottom, right; background-size: contain; } .tableaux_tournoi_interne .container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .tableaux_tournoi_interne .img_box img { margin: 15px 0; width: 30% !important; } /************************************************************************FIN TABLEAUX TOURNOI INTERNE*******************************/ /********************************************************************************MEDIAS**********************************************************************************************/ /* footer section*/ .footer_section { width: 100%; position: relative; text-align: center; } .footer_section p {font-family: 'Montserrat', sans-serif; font-size: 12px; } .footer_section p:hover { color: #ffcf2b; } @media only screen and (min-width: 768px) { .ftC { float: left; display: flex; flex-direction: COLUMN; justify-content: space-around; margin: 0; text-align: center; vertical-align: middle; width: 100%; height: 30vh; background-color: black; } } @media only screen and (max-width: 768px) { .ftC { display: flex; flex-direction: column; justify-content: space-around; text-align: center; width: 100%; background-color: black; } } .ftC a {color: #fdffcd; text-decoration: none; font-weight:bold;} .ftC p {margin: 0px; color: #fdffcd;} .ftcontatti {display:flex; justify-content: center;} @media only screen and (max-width: 768px) { .colonnacontatti { width: 100%; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; display: flex; flex-direction: column; justify-content: center; } } @media only screen and (min-width: 768px) { .colonnacontatti { width: 30%; padding-left: 10px; padding-right: 10px; padding-top: 0px; padding-bottom: 0px; } } @media only screen and (max-width: 768px) { .orizcontatti { display: flex; flex-direction:column; justify-content: center; }} @media only screen and (min-width: 768px) { .orizcontatti { display: flex; justify-content: space-around; }} .st0 { fill: #fdffcd; display:inline-block; border:0; position: absolute; -webkit-transition: all 200ms ease-in; -webkit-transform: scale(1); -ms-transition: all 200ms ease-in; -ms-transform: scale(1); -moz-transition: all 200ms ease-in; -moz-transform: scale(1); transition: all 200ms ease-in; transform-origin: 50% 50%; transform: scale(1); } #play:hover .stroke-solid { opacity: 1; stroke-dashoffset: -300; } #play:hover .st0 { fill: #ffcf2b; -webkit-transition: all 100ms ease-in; -webkit-transform: scale(1.05); -ms-transition: all 100ms ease-in; -ms-transform: scale(1.05); -moz-transition: all 100ms ease-in; -moz-transform: scale(1.05); transition: all 100ms ease-in; transform-origin: 50% 50%; transform: scale(1.05); } #play { cursor: pointer; } .vl { border-left: 1px solid #fdffcd; } .ol { border-top: 1px solid #fdffcd; width: 100%; } @media only screen and (min-width: 768px) { .ol {display: none;} } @media only screen and (min-width: 768px) { .vl { display: block; height: 60px; /* ajuste */ border-left: 1px solid #fdffcd; margin: auto 20px; /* espace autour */ } } /* end footer section*/ /*******************************************************************************ANIMATION DES IMAGES*****************************************************************************/ /*L'OPACITÉ DE LA VIGNETTE CHANGE LORS DU HOVER*/ /*img:hover { opacity: 0.8; transition: opacity 0.9s; }*/ /*LIGHTBOX*/ body:after { content: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/close.png) url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/loading.gif) url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/prev.png) url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/next.png); display: none; } body.lb-disable-scrolling { overflow: hidden; } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; /* Image border */ border: 4px solid white; } .lightbox a img { border: none; } .lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; /* Background color behind image. This is visible during transitions. */ background-color: white; } .lb-outerContainer:after { content: ""; display: table; clear: both; } .lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/loading.gif) no-repeat; } .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } .lb-container > .nav { left: 0; } .lb-nav a { outline: none; background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=='); } .lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; } .lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/prev.png) left 48% no-repeat; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-prev:hover { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/next.png) right 48% no-repeat; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .lb-nav a.lb-next:hover { filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .lb-dataContainer:after { content: ""; display: table; clear: both; } .lb-data { padding: 0 4px; color: white; } .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } .lb-data .lb-caption a { color: #4ae; } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; } .lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/265602/close.png) top right no-repeat; text-align: right; outline: none; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } .lb-data .lb-close:hover { cursor: pointer; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /*******************************************************************************FIN ANIMATION DES IMAGES**************************************************************************/