+
+
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€.
Prix -12 ans : 10€
+
+
-
-

-
-
-
+

+
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
-
+
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
diff --git a/karafon_style.css b/karafon_style.css
index db3a2ea..83c2f07 100644
--- a/karafon_style.css
+++ b/karafon_style.css
@@ -1,14 +1,17 @@
+/* karafon_style.css */
+
html, body {
margin: 0;
padding: 0;
font-family: Georgia, Verdana, sans-serif;
- background-color: #fde47d;
+ background-color: #e3bd98;
+ color: #6c324b;
}
header {
width: 100vw;
align-items: center;
- background-color: #3897d1;
+ background-color: #411431;
padding: 20px;
text-align: center;
}
@@ -29,7 +32,7 @@ li {
}
li a {
- color: rgb(250, 250, 200);
+ color: #fdcb74;
text-align: center;
padding: 14px 16px;
text-decoration: none;
@@ -49,36 +52,31 @@ li a {
}
#collectif_karafon {
- color: rgb(248, 248, 218);
+ color: #fdcb74;
font-size: 2.2em;
margin: 0;
}
#festival_itinerant {
- color: rgb(248, 248, 218);
+ color: #fdcb74;
font-size: 1.3em;
margin: 1em 0 1.2em;
}
.corps {
- margin-top: 4em;
- margin-left: 20%;
- margin-right: 20%;
+ margin: 4em 10%;
text-align: center;
- color: rgb(29, 92, 117);
font-size: 1em;
}
-
#on_attend {
- margin-top: 0.5em;
- margin-left: 20%;
- margin-right: 20%;
+ margin: 2em auto;
+ max-width: 80%;
text-align: center;
- color: rgb(29, 92, 117);
font-size: 2.5em;
}
+/* ===== Titres & sous-titres ===== */
.titre-accueil {
font-size: 2.2em;
font-weight: bold;
@@ -90,40 +88,40 @@ li a {
margin-bottom: 0.5em;
}
-
strong {
font-weight: bold;
}
-#equipe{
- position:absolute;
- right:7%;
- top:30%;
- max-height:40%;
+
+#equipe {
+ position: absolute;
+ right: 7%;
+ top: 30%;
+ max-height: 40%;
}
-#intro-prochain{
+#intro-prochain {
margin: 8% 50% -10% 4%;
}
-.images{
- max-width:80%;
+.images {
+ max-width: 80%;
}
-.centrer{
+.centrer {
text-align: center;
}
-.encadre{
- color:rgb(29,92,117);
- padding:5%;
+.encadre {
+ color: #6c324b;
+ padding: 5%;
font-size: 1.7em;
font-weight: 600;
}
footer {
- background-color: #3897d1;
- color: rgb(248, 248, 218);
+ background-color: #411431;
+ color: #fdcb74;
text-align: center;
padding: 20px;
margin-top: 3em;
@@ -138,48 +136,41 @@ footer {
margin-top: 10px;
}
-#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%;
+ justify-content: space-between;
+ gap: 1.5em;
+ margin: 3em auto;
+ max-width: 90%;
}
+.image-jour {
+ flex: 0 1 45%;
+ max-width: 45%;
+ height: auto;
+ border-radius: 10px;
+ box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+ box-sizing: border-box;
+}
+#premier-jour {
+ flex: 0 1 45%;
+ max-width: 45%;
+ margin: 0;
+ box-sizing: border-box;
+ text-align: left;
+ color: #6c324b;
+ font-size: 1em;
+}
+
+#deuxieme-jour {
+ flex: 0 1 45%;
+ max-width: 45%;
+ margin: 0;
+ box-sizing: border-box;
+ text-align: right;
+ color: #6c324b;
+ font-size: 1em;
+}
\ No newline at end of file