1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003 |
- @font-face {
- font-family: Universalis ADF Std, sans-serif;
- src: url('asset/fonts/UniversalisADFStd-Regular.otf') format('otf'),
- url('asset/fonts/UniversalisADFStd-Regular.woff') format('woff');
- font-family: Millimetre, sans-serif;
- src: url('asset/fonts/Millimetre-Bold.otf') format('otf'),
- url('asset/fonts/Millimetre-Regular.otf') format('otf');
- }
- *{
- box-sizing: border-box;
- }
- .paralax{
- z-index: -1;
- position: absolute;
- }
- body {
- font-size: 16px;
- font-family: Universalis ADF Std, sans-serif;
- padding: 0!important;
- }
- h1, h2, h3, h5{
- font-family: Millimetre, sans-serif;
- }
- h1, h5, h6{
- text-transform: uppercase;
- }
- img{
- width: 100%;
- height: 100%;
- }
- ul{
- padding:0;
- }
- li ,ul ,ol {
- list-style-type:none;
- }
- a, a:hover{
- color: black;
- text-decoration: none;
- }
- /* START HEADER */
- header{
- width: 100%;
- position: fixed;
- z-index: 999;
- top: 0;
- left: 0;
- }
- header > .nav-wrapper{
- height: fit-content;
- }
- /* START LOGO */
- .logoLamine {
- width : 150px;
- height: 150px;
- }
- .logoLamine a{
- display: block;
- width: 100%;
- height: 100%;
- }
- .logoLamine img{
- object-fit: cover;
- }
- #fond_logo{
- z-index: -1;
- position: absolute;
- left: -25px;
- top: -25px;
- width: 200px;
- height: 200px;
- background-color: white;
- border-radius: 200px;
- transform: scale(1);
- transition: all 0.3s ease;
- }
- .logoLamine:hover #fond_logo{
- transform: scale(1.1);
- transition: all 0.3s ease;
- }
- /* END LOGO */
- /* START RS */
- .rs{
- /* padding-top: 10px; */
- height: fit-content;
- }
- .rs > div {
- width: 30px;
- height: 30px;
- object-fit: cover;
- margin-right: 15px;
- }
- /* END RS */
- /* START NAV */
- /* END NAV */
- /* START BURGER */
- .burger{
- /* padding-top: 10px; */
- height: fit-content;
- }
- .fond_burger{
- background-image: url('../images/form_burger.svg');
- background-position: center; /* Center the image */
- background-repeat: no-repeat; /* Do not repeat the image */
- background-size: contain;
- }
- .nav-main{
- display: none;
- position: fixed;
- right: 0;
- top: 120px;
- background: white;
- }
- .nav-main.is-active{
- display: block
- }
- .menu-item {
- font-family: Millimetre, sans-serif;
- text-transform: uppercase;
- text-align: right;
- }
- #nav-main > ul > li > ul {display: none;}
- #nav-main > ul > li:first-child:hover > ul {display: block; background-color: grey;}
- .menu-item a:hover {
- display: block;
- width: 100%;
- height: 100%;
- background-color: black;
- color: white;
- }
- /* END BURGER */
- /* END HEADER */
- /* START BODY */
- body > .content-wrapper{
- margin-top: 200px;
- }
- /* END BODY */
- /* START BUTTON */
- .section_accueil .redirection_page{
- margin: 10px auto;
- padding: 3px 10px;
- }
- .section_accueil .tout_voir{
- margin: 30px auto;
- padding: 3px 10px;
- }
- .btn, #bouton_asso, #bouton_contact {
- display: block;
- cursor: default!important;
- margin: auto;
- transform: scale(1) rotate(0deg);
- transition: transform 0.3s ease;
- }
- #bouton_contact {
- margin-top: 20px;
- }
- .btn:hover, #bouton_asso:hover, #bouton_contact:hover{
- transform: scale(1.05) rotate(-5deg);
- transition: all 0.3s ease;
- }
- .btn a{
- padding: 7px 10px;
- border: 4px solid black;
- }
- .Btn, #Btn_asso {
- margin-top: 10px;
- color: black;
- text-decoration: underline;
- border: none;
- }
- .Btn a:hover, #Btn_asso a:hover {
- background-color: grey;
- }
- .flickity-button {
- background: transparent;
- }
- .flickity-prev-next-button {
- width: 100px;
- height: 100px;
- }
- .flickity-button-icon {
- fill: white;
- }
- .flickity-button-icon:hover {
- fill: black;
- }
- .flickity-prev-next-button:hover {
- background: transparent;
- }
- .flickity-button:disabled {
- display: none;
- }
- /* END BUTTON */
- /* START PAGE HOME */
- .section_accueil {
- position: relative;
- padding: 100px 0;
- }
- .section_accueil .titre{
- white-space: nowrap;
- }
- .section_accueil#section_proch .titre{
- border-color: #ffcc00ff;
- }
- .section_accueil#section_asso .titre,
- .section_accueil#section_asso .content_asso {
- border-color: #ffcc00ff;
- }
- .section_accueil#section_projets .titre,
- .section_accueil#section_projets .wrap_content {
- border-color: #f51212ff;
- }
- .section_accueil#section_projets .wrapper__content h3{
- color: #f51212ff;
- }
- .section_accueil#section_projets .wrap_content{
- height: calc(100% - 80px);
- }
- .section_accueil#section_tpsF .titre,
- .section_accueil#section_tpsF .content_asso {
- border-color: #009ee0ff;
- }
- .section_accueil#section_tpsF .wrapper__content h3{
- color: #009ee0ff;
- }
- .section_accueil#section_tpsF .colonne_section{
- margin-bottom: 50px;
- }
- .section_accueil#section_tpsF ._content_tpsF{
- min-height: 280px;
- }
- .section_accueil#section_MineVideo .titre {
- border-color: #009ee0ff;
- }
- /* END PAGE HOME */
- /* START PAGE AGENDA */
- .agenda .titre_page {
- border-color: #ffcc00ff;
- }
- .agenda .cat-list{
- padding: 50px 0;
- }
- .agenda .cat-list li{
- cursor: pointer;
- margin: 0 10px 20px 10px;
- padding: 2px 8px;
- border: 4px solid black;
- height: 40px;
- display: flex;
- align-items: flex-end;
- transition: all 0.2s ease;
- }
- .agenda .cat-list li:hover{
- background: black;
- color: white;
- transition: all 0.2s ease;
- }
- .cat-list {
- text-transform: uppercase;
- font-weight: bold;
- margin-top: 10px;
- }
- /* START END AGENDA */
- /* START PAGE SINGLE */
- .fleche {
- position: relative;
- left:-50px;
- top:-10px;
- background-image: url('../images/fleche.svg');
- width: 50px;
- height: 50px;
- background-size: contain;
- }
- article .header{
- margin-bottom: 40px;
- }
- article .titre_event{
- text-transform: uppercase;
- font-weight: bold;
- text-align: center;
- border: 8px solid #ffcc00ff;
- padding: 0.5rem 0 0.2rem 0;
- margin: 0!important;
- }
- .article-content .cat{
- text-transform: uppercase;
- font-weight: bold;
- }
- .article-content .data{
- border: 4px solid #ffcc00ff;
- padding: 1em;
- text-transform: uppercase;
- font-weight: bold;
- color: #ffcc00ff;
- }
- .article-content .inscription,
- .article-content .partager,
- .article-content .tarif{
- margin-top: 40px;
- }
- .article-content h3:not(.titre_event) {
- color: #ffcc00ff;
- margin-bottom: 0;
- }
- .article-content .texte_details{
- margin: 0;
- }
- .article-content .voir_event{
- font-weight: bold;
- }
- .article-content .partager a{
- display: block;
- width: 20px;
- height: 20px;
- margin-right: 5px;
- }
- article .__img_event img{
- object-fit: cover;
- }
- .other{
- margin-top: 200px;
- position: relative;
- }
- .other .header_other{
- position: absolute;
- top: 0;
- transform: translate(-50% ,-150%);
- left: 0;
- }
- .voir_aussi {
- text-transform: uppercase;
- font-weight: bold;
- border: 8px solid #ffcc00ff;
- transform: rotate(-10deg);
- padding: 0.5rem;
- }
- .cat p{
- margin:0;
- }
- .wrapper__content {
- margin-top: 20px;
- }
- /* END PAGE SINGLE */
- /* START PAGE LA COLLECTE */
- body.la-collecte .titre_page {
- border-color: #ff56ffff;
- }
- body.la-collecte .__header h3{
- color: #ff56ffff;
- }
- .sider_left_form .acf-field .acf-label label{
- display: none!important;
- }
- .sider_left_form .acf-fields > .acf-field{
- border-top: 0;
- }
- .sider_left_form input{
- border: 0px;
- border-bottom: 1px solid black;
- }
- .sider_left_form{
- padding: 0 1rem;
- border: 8px solid #ff56ffff;
- }
- .sider_left_form .acf-form-submit{
- padding-top: 0;
- }
- .sider_left_form .af-submit-button{
- margin: 0 auto;
- }
- .sidebar_left .__content,
- .content_zone {
- border: 8px solid blue;
- padding: 1em;
- }
- /* END PAGE LA COLLECTE */
- /* START PAGE BENEVOLE */
- body.la-benevole-zone .titre_page {
- border-color: #5353e1ff;
- }
- body.la-benevole-zone .__header h3{
- color: #5353e1ff;
- }
- body.la-benevole-zone .__content {
- border-color: #5353e1ff;
- }
- .la-benevole-zone .__bouttons{
- text-align: center;
- width: max-content;
- margin: 30px auto 0 auto;
- }
- .la-benevole-zone .__bouttons > div{
- border: 4px solid #5353e1ff;
- margin: 10px auto;
- padding: 0 10px;
- font-weight: bold;
- }
- /* END PAGE BENEVOLE */
- /* START PAGE projets */
- body.les-projets .titre_page {
- border-color: #ff0000ff;
- }
- body.les-projets .header h3{
- color: #ff0000ff;
- }
- body.les-projets .content_zone {
- border-color: #ff0000ff;
- }
- body.les-projets .title {
- color: #ff0000ff;
- }
- body.les-projets section#content .wrapper section{
- margin: 100px auto;
- }
- .projet .img {
- margin: 30px 0;
- }
- ._pjt{
- margin-top: 8%;
- /* RETIRE LES % */
- }
- /* END PAGE projets */
- /* START PAGE ASSOCIATION */
- body.association .titre_page {
- border-color: #ffcc00ff;
- }
- body.association .__header h3{
- color: #ffcc00ff;
- }
- body.association .__content {
- border-color: #ffcc00ff;
- }
- .association .__bouttons{
- text-align: center;
- width: max-content;
- margin: 30px auto 0 auto;
- }
- .association .__bouttons > div{
- border: 4px solid #ffcc00ff;
- margin: 10px auto;
- padding: 0 10px;
- font-weight: bold;
- }
- .tableau_engagements{
- margin-top: 100px;
- }
- .tableau_engagements > div:not(.gutter-sizer) {
- margin-bottom: 10px;
- border: 4px solid #ffcc00ff;
- padding: 10px;
- width: calc(50% - 10px)!important;
- }
- .gutter-sizer {
- width: 10px;
- }
- /* END PAGE ASSOCIATION */
- /* START PAGE privatiser-lespace */
- body.privatiser-lespace .titre_page {
- border-color: #26e800ff;
- }
- body.privatiser-lespace .__header h3{
- color: #26e800ff;
- }
- .legendes{
- background-color: white;
- position : absolute;
- bottom: 20px;
- margin-left: 20px;
- border: 8px solid #26e800ff;
- padding: 10px;
- }
- .privatiser.__slide .img{
- height: 100%;
- }
- .privatiser.__slide .legendes{
- opacity: 0;
- transform: translateX(50px);
- transition: all 0.3s;
- }
- .privatiser.__slide .is-selected .legendes{
- opacity: 1;
- transform: translateX(0px);
- transition: all 1.3s;
- }
- .privatiser-lespace .__organisation,
- .privatiser-lespace .__organisation .orga{
- margin: 40px 0;
- }
- .privatiser-lespace .__organisation .title{
- color: #26e800ff
- }
- .privatiser-lespace .__organisation .__item{
- border: 8px solid #26e800ff;
- padding: 10px;
- }
- /* END PAGE privatiser-lespace */
- .titre_page, .titre{
- position: absolute;
- top: -100px;
- left: -70px;
- text-transform: uppercase;
- font-weight: bold;
- text-align: center;
- align-items: center;
- border: 8px solid blue;
- transform: rotate(-10deg);
- padding: 0.5rem;
- background-color: white;
- }
- .titre_1{
- margin-top:1em;
- }
- .next_edition{
- font-style: italic;
- text-align: center;
- color:#009ee0ff;
- text-transform: uppercase;
- }
- .title {
- text-align: center;
- text-transform: uppercase;
- }
- /*start sections page accueil*/
- /* START KEVIN */
- /*START SECTION PROCHAINEMENT*/
- .coming_soon{
- width: 100%;
- }
- .coming_soon .thumbnails, .other-posts .thumbnails, .item.thumbnails {
- margin-top: 30px;
- transform: scale(1);
- transition: transform 0.3s ease;
- }
- .coming_soon .thumbnails:hover, .other-posts .thumbnails:hover, .item.thumbnails:hover {
- transform: scale(1.05);
- transition: all 0.3s ease;
- }
- /* ALL thumbnails */
- .thumbnails .__img{
- height: 300px;
- }
- .thumbnails .__img img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .thumbnails .icone_cat{
- width: 40px;
- height: 40px;
- border-radius: 40px;
- position: absolute;
- transform: translate(-50%, -50%);
- background-position: center; /* Center the image */
- background-repeat: no-repeat; /* Do not repeat the image */
- background-size: cover; /* Resize the background image to cover the entire container */
- background-color: black;
- }
- .thumbnails .atelier_bois{
- background-image: url("../images/atelier_couture.png");
- }
- .thumbnails .atelier_couture{
- background-image: url("../images/atelier_couture.png");
- }
- .thumbnails .atelier_tricot_solidaire{
- background-image: url("../images/atelier_tricot.png");
- }
- .thumbnails .bal_rock, .thumbnails .woodstroc{
- background-image: url("../images/bal_rock.png");
- }
- .thumbnails .chiner_concert{
- background-image: url("../images/chiner_concert.png");
- }
- .thumbnails .atelier_fab_lab{
- background-image: url("../images/fab_lab.png");
- }
- .thumbnails .la_mine_numerique{
- background-image: url("../images/fab_lab.png");
- }
- .thumbnails .gouter_melanie{
- background-image: url("../images/gouter.png");
- }
- .thumbnails .danse_orientale{
- background-image: url('../images/bal_rock.png');
- }
- .thumbnails .hatha_yoga{
- background-image: url("../images/hatha_yoga.png");
- }
- .thumbnails .mineside_jazz{
- background-image: url("../images/mineside_jazz.png");
- }
- .thumbnails .non_programmation{
- background-image: url("../images/non_prog.png");
- }
- .thumbnails .soiree_mine{
- background-image: url("../images/soiree_mine.png");
- }
- .thumbnails .zero_dechets {
- background-image: url("../images/zero_dechet.png");
- }
- /* END SECTION PROCHAINEMENT */
- /* SECTION ASSO */
- #section_asso .association .__body{
- position: relative;
- justify-content: flex-end;
- margin-top: 50px;
- }
- .image_sectionasso {
- position: absolute;
- top: 0;
- left: 0;
- margin-top: 100px;
- width: 70%;
- }
- .content_asso {
- width: 70%;
- position: relative;
- padding: 20px 10px;
- background-color: white;
- border: 8px solid yellow;
- }
- /* START SECTION PROJETS*/
- #section_projets{
- margin-top: 300px;
- }
- .title_pjt{
- color: #f51212ff;
- font-weight: bold;
- }
- /*END SECTION PROJETS*/
- /* responsive iframe */
- #section_MineVideo .wrapper__content {
- position: relative;
- padding-bottom: 56.25%; /* 16:9 */
- height: 0;
- }
- #section_MineVideo .wrapper__content iframe {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
- /* END KEVIN */
- /* .item {
- margin-top: 50px;
- } */
- .wrap__content_proch {
- position: relative;
- width: calc(100% - 40px);
- margin: -4rem auto 0 auto;
- padding: 10px;
- min-height: 160px;
- align-items: center;
- text-align: center;
- background-color: white;
- border: 4px solid black;
- display: flex;
- flex-direction: column;
- justify-content: center;
- }
- .colonne_section{
- margin-top: 10px;
- }
- .colonne_section .wrap_content {
- border: 8px solid blue;
- padding: 1em;
- }
- .colonne_section h3 {
- color: blue;
- text-transform: uppercase;
- text-align: center;
- }
- .projet .colonne_section .header{
- height: 80px;
- display: flex;
- align-items: flex-end ;
- }
- .projet .colonne_section .header h3{
- text-align: center;
- width: 100%;
- }
- .item img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- ._content_tpsF {
- position: relative;
- width: 80%;
- padding: 10px;
- margin: -50px auto;
- align-items: center;
- text-align: center;
- background-color: white;
- border: 4px solid black;
- }
- /*fin sections page accueil*/
- /*page collecte avec formulaire*/
- /*trouver comment styliser les champs du formulaire*/
- .af-submit-button{
- position: relative;
- margin: 50px auto 10px auto;
- display:flex;
- border: 4px solid black;
- border-radius: 0%;
- text-align: center;
- padding: 5px;
- transform: scale(1) rotate(0deg);
- transition: transform 0.3s ease;
- }
- .af-submit-button:hover{
- transform: scale(1.1) rotate(-10deg);
- transition: all 0.3s ease;
- }
- /*fin collecte et form*/
- /*gestion des dots*/
- .flickity-page-dots {
- bottom: 0px;
- }
- .flickity-page-dots .dot {
- width: 12px;
- height: 12px;
- opacity: 1;
- background: transparent;
- border: 2px solid white;
- }
- .flickity-page-dots .dot.is-selected {
- background: white;
- }
- /* dot home */
- .hero .flickity-page-dots{
- bottom: 30px;
- }
- /*fin gestion des dots*/
- /* START KEVIN */
- .hero{
- width: 100%;
- height: 100vh;
- position: relative;
- }
- .hero .slide{
- width: 100%;
- height: 100vh;
- overflow: hidden;
- }
- .hero .slide .image{
- width: 100%;
- height: 100vh;
- }
- .hero .slide img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .hero .__head{
- width: 100%;
- text-align: center;
- position: absolute;
- bottom: 60px;
- color: white;
- }
- .wrapper section > div {
- position: relative;
- }
- .tpsF .img{
- width: 100%;
- height: 400px;
- }
- .tpsF .img img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- body.les-temps-forts section{
- margin-top: 100px;
- }
- body.les-temps-forts .title, body.les-temps-forts .next_edition {
- color: #009ee0ff;
- text-align: left;
- }
- body.les-temps-forts .titre_page {
- border-color: #009ee0ff;
- }
- .projet .img{
- height: 300px;
- }
- .projet .img img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- .prive .images{
- width: 100%;
- height: 600px;
- }
- .prive .img img{
- width: 100%;
- height: 100%;
- object-fit: cover;
- }
- /* END KEVIN */
- /*START MEDIA QUERIES*/
- @media screen and (min-width: 200px) and (max-width: 1088px) {
- .titre_page,
- .titre {
- top: -150px;
- left: 50%;
- transform: rotate(-10deg) translateX(-50%);
- }
- .other .header_other {
- left: 50%;
- }
- .article-content{
- margin-top: 30px;
- }
- }
- @media screen and (max-width : 768px){
- article .__img_event{
- max-height: 300px;
- }
- }
- @media screen and (min-width: 200px) and (max-width: 640px) {
- .image_sectionasso {
- display: none;
- width: 100%;
- }
- .content_asso {
- width: 100%;
- }
- }
- @media screen and (min-width: 200px) and (max-width: 755px) {
- .__chapeau, .titre_event{
- margin-top: 20px;
- }
- }
- /*END MEDIA QUERIES*/
- /* START FOOTER */
- footer{
- background-color: rgba(240, 240, 240, 240);
- width: 100%;
- padding: 50px 10px;
- margin-top: 100px;
- }
- /* footer .information > div > div{
- margin: 0 20px;
- } */
- footer > section{
- margin-bottom: 20px;
- }
- footer .logo_lamine {
- width: 100px;
- height: auto;
- /* margin: 10px; */
- }
- footer .logo_lamine a{
- display: block;
- }
- footer .logo_lamine img{
- object-fit: contain;
- }
- footer .reseaux_sociaux > div a > img{
- display: block;
- width: 20px;
- height: 20px;
- margin-right: 5px;
- }
- footer .reseaux_sociaux img {
- vertical-align: baseline;
- object-fit: contain;
- }
- /* START Mailchimp */
- footer #mc_embed_signup label{
- margin: 0;
- padding: 0;
- }
- footer #mc_embed_signup_scroll label{
- margin-right: 10px;
- white-space: nowrap;
- }
- footer #mc_embed_signup_scroll input{
- width: 100%;
- }
- /* END MAILCHIMP */
- /* START SLIDE */
- footer .partenaires ._titre{
- white-space: nowrap;
- margin-right: 10px;
- }
- footer .partenaires{
- width: 100%;
- }
- footer .container_slide li{
- width: 80px;
- height: 80px;
- margin: 0 10px;
- }
- footer .partenaires img{
- object-fit: contain;
- }
- /* END SLIDE */
- /* END FOOTER */
|