+ Contact +
Vous pouvez contacter le collectif Karäfon au numéro de téléphone 07 67 27 83 14.
-
-
+ Vous pouvez contacter le collectif Karäfon par téléphone au 07 67 27 83 14 ou par mail : collectifkarafon@protonmail.com
+ +
+
- 
-
-
+
+
+
- Les prochaines dates arrivent bientôt ;)
-
-
- Le Collectif Karäfon a posé ses valises et son chapiteau
- à Orliénas les 6 et 7 septembre 2024
- Un festival convivial, familial et festif proposé par la troupe Karäfon !
- 
Venez passer un week-end de rêve sous chapiteau !
+
+ Retrouvez-nous le samedi 5 et dimanche 6 JUILLET 2025
+ à Saint-Genest d’Ambière et le vendredi 11 et samedi 12 Juillet 2025 à
+ Saint-Vitte !
+
Premier jour : Le Kabärêve !
++ Le 5 juillet à Saint Genest d’Ambière et le 11 juillet à Saint-Vitte ! +
++ Venez plongez dans l’univers du rêve avec un dîner spectaculaire sous chapiteau ! +
++ Entrée-Plat-Dessert et Spectacle ! +
+
+ 19h : Ouverture du site
+ 20h : Kabärêve
+
+ Au programme une cuisine faite maison mettant en avant des produits locaux et de saison... +
++ Prix fourchette au choix entre 30€ et 18€. +
+
+
+ Deuxième jour : Journée festive
++ Le 6 juillet à Saint Genest d’Ambière et le 12 juillet à Saint-Vitte ! +
++ Prix Libre ! +
++ 14h Ouverture du site ( buvette et crêpes aussi!) +
++ 15h "Jus de chaussettes", Cie L’éffémémère... +
++ 15h45 – 18h : Ateliers, animations, jeux... +
++ 18h : « Les désacordées », Cie Asso Téléplomb... +
++ 19h PIZZA +
++ 20h Scène ouverte +
+On attend plus que vous !
+ + + diff --git a/karafon_style.css b/karafon_style.css index 6da0b58..66f7522 100644 --- a/karafon_style.css +++ b/karafon_style.css @@ -1,28 +1,27 @@ -html { +html, body { + margin: 0; + padding: 0; font-family: Georgia, Verdana, sans-serif; + background-color: #fde47d; } header { + width: 100vw; align-items: center; background-color: #3897d1; padding: 20px; text-align: center; } -body{ - margin-top: 0%; - background-color: #fde47d; -} - -img{ - margin:2%; +img { + margin: 2%; } ul { list-style-type: none; margin: 0; padding: 0; - position:relative; + position: relative; } li { @@ -30,21 +29,89 @@ li { } li a { - color:rgb(250, 250, 200); + color: rgb(250, 250, 200); text-align: center; padding: 14px 16px; text-decoration: none; font-size: large; } -p{ - color:rgb(29, 92, 117); - font-size: large; +#citi { + position: absolute; + left: 80%; + max-width: 8%; +} + +#logo { + position: absolute; + left: 5%; + max-width: 13%; +} + +#collectif_karafon { + color: rgb(248, 248, 218); + font-size: 2.2em; + margin: 0; +} + +#festival_itinerant { + color: rgb(248, 248, 218); + font-size: 1.3em; + margin: 0.1em 0 1.2em; +} + +.corps { + margin-top: 4em; + margin-left: 20%; + margin-right: 20%; + text-align: center; + color: rgb(29, 92, 117); + font-size: 1em; +} + + +#on_attend { + margin-top: 0.5em; + margin-left: 20%; + margin-right: 20%; + text-align: center; + color: rgb(29, 92, 117); + font-size: 2.5em; +} + +.titre-accueil { + font-size: 2.2em; + font-weight: bold; + margin-bottom: 0.5em; +} + +.soustitre { + font-size: 1.5em; + margin-bottom: 0.5em; +} + + +strong { + font-weight: bold; +} + +#equipe{ + position:absolute; + right:7%; + top:30%; + max-height:40%; +} + +#intro-prochain{ + margin: 8% 50% -10% 4%; +} + +.images{ + max-width:80%; } .centrer{ text-align: center; - } .encadre{ @@ -52,52 +119,67 @@ p{ padding:5%; font-size: 1.7em; font-weight: 600; - } -.corps{ - margin-top: 6%; - margin-left: 22%; - margin-right: 22%; - text-align: center; -} - -.images{ - max-width:28%; -} - -#citi{ - position:absolute; - left: 80%; - max-width: 3%; -} - -#logo{ - position:absolute; - left: 5%; - max-width:10%; -} - -#collectif_karafon{ +footer { + background-color: #3897d1; color: rgb(248, 248, 218); + text-align: center; + padding: 20px; + margin-top: 3em; } -#festival_itinerant{ - color:rgb(248,248,218); +.footer-content { + font-size: 1.2em; } -#equipe{ - position:absolute; - right:7%; - top:30%; - max-height:40%; +.facebook-icon { + width: 10%; + margin-top: 10px; } -#intro-prochain{ - margin-top: 8%; - margin-left: 4%; - margin-right: 50%; - margin-bottom: -10%; +#premier-jour { + margin: 4em 10% 0 10%; + text-align: left; + color: rgb(29, 92, 117); + font-size: 1em; +} + +#deuxième-jour { + flex: 0 1 55%; + text-align: right; + color: rgb(29, 92, 117); + font-size: 1em; + margin: 0; +} + + +.banner-image { + width: 100%; + text-align: center; + margin: 0; +} + +.banner-image img { + width: 100%; + max-width: 1000px; + height: auto; + border-radius: 10px; + box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); +} + +.jour-image img { + max-width: 100%; + height: auto; + border-radius: 8px; +} + +.jour-container { + display: flex; + flex-wrap: wrap; + align-items: flex-start; + gap: 2em; + margin: 4em 10%; } diff --git a/presentation.html b/presentation.html index 1e625b4..51a3d9d 100644 --- a/presentation.html +++ b/presentation.html @@ -17,14 +17,18 @@
+
+ Le Karäfon
+
Art, cuisine, associations et action territoriale. Le Karäfon est un
projet fondamentalement ouvert et curieux qui mélange les influences
dans un objectif clair : démocratiser par tous les moyens l'accès à la
@@ -48,5 +52,14 @@
+