Outiref

Code source de l'URL : https://titiranol-cocktail.fr/

<!DOCTYPE html>
    <html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Un voyage enrichissant au coeur des enjeux planétaires  | titiranol-cocktail.fr</title>
<meta name="description" content="">

<meta name="robots" content="index,follow" />
<link rel="icon" type="image/png" href="/favicon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="/css/style2.css">
</head>
<body>
    <header>
    <div class="container-fluid d-flex justify-content-center">
        <nav class="navbar container navbar-expand-xl m-0 pt-3 pb-3">
            <div class="container-fluid">
                <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                    <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="bi bi-list" viewbox="0 0 16 16">
                        <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5"></path>
                    </svg>
                </button>
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    <form class="d-flex" role="search" method="get" action="/search">
    <input type="search" class="form-control"  name="q" placeholder="Rechercher" aria-label="Rechercher"  pattern=".*\S.*" required>
    <button type="submit" class="btn">
        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="currentColor" viewbox="0 0 512 512">
                    <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/>
                </svg>
    </button>
</form>
                    <ul class="navbar-nav">
                                                    <li class="nav-item">
    <a href="/voyages" class="nav-link">Voyages</a>
    </li>
                                    <li class="nav-item">
    <a href="/arts-et-culture" class="nav-link">Arts et Culture</a>
    </li>
                                    <li class="nav-item">
    <a href="/science-et-tech" class="nav-link">Science et Tech</a>
    </li>
                                    <li class="nav-item">
    <a href="/divers" class="nav-link">Divers</a>
    </li>
                            </ul>
                </div>
            </div>
        </nav>
    </div> 
</header>
<main>
        <div class="container main" ></div>    <section class="block-featured-multi">

        <div class="container-fluid">
            <div class="container">
                <h2>Flash actu</h2>
                <div class="row">
                                                                        <div class="col-12">
                                <figure><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français"><img class="d-block w-100" src="/images/le-renouveau-du-cinema-independant-francais.jpeg" alt="Le renouveau du cinéma indépendant français"></a></figure><figcaption>Le renouveau du cinéma indépendant français</figcaption>                            </div>
                            <div class="col-12 col-lg-5">
                                                                <h3><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français">Le renouveau du cinéma indépendant français</a></h3>                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                <p>
Dès l'avènement du cinéma, l'industrie cinématographique française a su se démarquer par son caractère unique et son approche artistique distinctive. Ces dernières années, un phénomène captivant attire l'attention des cinéphiles et des critiques du monde entier : le renouveau du cinéma indépendant français. Pendant des décennies, ce secteur a été le terrain fertile de l'innovation et de la créativité, défiant souvent les conventions et établissant de nouvelles normes narratives et esthétiques. Cet article invite à explorer les différents aspects de cette renaissance, soulignant la vitalité...</p>                            </div>
                                                                    
                                                            <div class="col-12">
                                    <div class="row mt-3">
                                                                                <div class="col-12 col-lg-3 col-xl-3">
                                            <a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire"><img class="d-block w-100" src="/images/la-gastronomie-moleculaire-une-revolution-culinaire.jpg" alt="La gastronomie moléculaire, une révolution culinaire"></a>                                            <div>
                                                                                                <h4><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire">La gastronomie moléculaire, une révolution culinaire</a></h4>                                            </div>
                                        </div>
                                                                                                            
                                                                    <div class="col-12 col-lg-3 col-xl-3">
                                            <a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France"><img class="d-block w-100" src="/images/les-defis-de-la-transition-energetique-en-france.jpg" alt="Les défis de la transition énergétique en France"></a>                                            <div>
                                                                                                <h4><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France">Les défis de la transition énergétique en France</a></h4>                                            </div>
                                        </div>
                                                                                                            
                                                                    <div class="col-12 col-lg-3 col-xl-3">
                                            <a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire"><img class="d-block w-100" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="L&#039;art du graffiti, expression urbaine contestataire"></a>                                            <div>
                                                                                                <h4><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h4>                                            </div>
                                        </div>
                                                                                                            
                                                                    <div class="col-12 col-lg-3 col-xl-3">
                                            <a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine"><img class="d-block w-100" src="/images/lintelligence-artificielle-au-service-de-la-medecine.jpg" alt="L&#039;intelligence artificielle au service de la médecine"></a>                                            <div>
                                                                                                <h4><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine">L'intelligence artificielle au service de la médecine</a></h4>                                            </div>
                                        </div>
                                                                            </div>
                                </div>
                                                                                        </div>
            </div>
        </div>

    </section>
    <section class="column-2">

        <div class="container">
            <h2>Voyages</h2>            <div class="row">
                                    <div class="col-12 col-md-6 col-lg-6">
                        <figure><a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique"><img class="img-fluid" src="/images/la-route-des-vins-une-experience-sensorielle-unique.jpeg" alt="La route des vins, une expérience sensorielle unique"></a></figure><figcaption>La route des vins, une expérience sensorielle unique</figcaption>                        <div>
                            <h3><a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique">La route des vins, une expérience sensorielle unique</a></h3>                        </div>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>
                        <div>
Imaginez un parcours initiatique, où chaque étape éveille les sens et promet de nouvelles découvertes. La route des vins s'offre comme une invitation à la découverte d'un patrimoine gustatif riche et diversifié. Ici, les paysages se dévoilent au rythme des saisons, tandis que les vignobles...</div>                                            </div>

                                                        <div class="col-12 col-md-6 col-lg-6">
                        <figure><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="img-fluid" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a></figure><figcaption>Les destinations méconnues de l'Europe de l'Est</figcaption>                        <div>
                            <h3><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h3>                        </div>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>
                        <div>
L'Europe de l'Est, avec son riche patrimoine culturel et ses paysages à couper le souffle, offre une myriade de destinations qui sortent des sentiers battus. Loin des foules touristiques, ces lieux préservés promettent une expérience authentique, où la tradition et la modernité coexistent...</div>                                            </div>

                                                </div>
        </div>
        
    </section>
<section class="container-fluid full">
            <img class="img-fluid" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="">            <div class="container-fluid">
                <div class="container">
                    <div class="col-12 col-lg-6">
                        <h3><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h3>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                                <p>
Dans un monde où l'urbanisme dicte nos horizons, une forme d'expression artistique se détache avec audace : le graffiti. Souvent perçu comme une simple marque de vandalisme, cette pratique est en réalité une voix puissante pour des narrations alternatives au sein de nos cités. À travers cet article, découvrez comment le graffiti s'est imposé comme une expression contestataire incontournable, révélant les tensions sous-jacentes de la société moderne. Nous explorerons les origines de cet art, sa progression vers la légitimité, et la manière dont il interpelle et transforme l'espace public. La complexité de son langage visuel, les questions de légalité et d'éthique, ainsi que son impact culturel seront mis en lumière. Préparez-vous à regarder les murs de votre ville d'un œil nouveau, à...</p>                    </div>
                </div>
            </div>

        </section>
    
        
        
        
        
        
        
        
        
            <section class="newest-list">
        <div class="container">
                        <h2>Arts et Culture</h2>
            <div class="row">
                                    <div class="col-12 col-md-4">
                        <figure><a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir"><img class="img-fluid" src="/images/le-jazz-manouche-une-musique-a-redecouvrir.jpg" alt="Le jazz manouche, une musique à redécouvrir"></a></figure><figcaption>Le jazz manouche, une musique à redécouvrir</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir">Le jazz manouche, une musique à redécouvrir</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Plongez dans l’univers fascinant du jazz manouche, une mélodie des rues qui captive encore les...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire"><img class="img-fluid" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="L&#039;art du graffiti, expression urbaine contestataire"></a></figure><figcaption>L'art du graffiti, expression urbaine contestataire</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Dans un monde où l'urbanisme dicte nos horizons, une forme d'expression artistique se détache...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français"><img class="img-fluid" src="/images/le-renouveau-du-cinema-independant-francais.jpeg" alt="Le renouveau du cinéma indépendant français"></a></figure><figcaption>Le renouveau du cinéma indépendant français</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français">Le renouveau du cinéma indépendant français</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Dès l'avènement du cinéma, l'industrie cinématographique française a su se démarquer par son...</div>                    </div>
                            </div>
        </div>
    </section>
    <section class="bloc-carousel-multi">
        <div class="container-fluid">
            <div id="carousel_6629003697b36" class="carousel slide" data-bs-ride="carousel">
                <div class="carousel-inner" role="listbox">
                                                                        <div class="carousel-item  active">
                                <div class="row">
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="d-block w-100" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation"><img class="d-block w-100" src="/images/les-avancees-de-la-robotique-dans-leducation.jpg" alt="Les avancées de la robotique dans l&#039;éducation"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation">Les avancées de la robotique dans l'éducation</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français"><img class="d-block w-100" src="/images/le-renouveau-du-cinema-independant-francais.jpeg" alt="Le renouveau du cinéma indépendant français"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français">Le renouveau du cinéma indépendant français</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                                                                <div class="carousel-item">
                                <div class="row">
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire"><img class="d-block w-100" src="/images/la-gastronomie-moleculaire-une-revolution-culinaire.jpg" alt="La gastronomie moléculaire, une révolution culinaire"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire">La gastronomie moléculaire, une révolution culinaire</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France"><img class="d-block w-100" src="/images/les-defis-de-la-transition-energetique-en-france.jpg" alt="Les défis de la transition énergétique en France"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France">Les défis de la transition énergétique en France</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire"><img class="d-block w-100" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="L&#039;art du graffiti, expression urbaine contestataire"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                                                                <div class="carousel-item">
                                <div class="row">
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine"><img class="d-block w-100" src="/images/lintelligence-artificielle-au-service-de-la-medecine.jpg" alt="L&#039;intelligence artificielle au service de la médecine"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine">L'intelligence artificielle au service de la médecine</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique"><img class="d-block w-100" src="/images/la-route-des-vins-une-experience-sensorielle-unique.jpeg" alt="La route des vins, une expérience sensorielle unique"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique">La route des vins, une expérience sensorielle unique</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                            <div class="col-12 col-xl-4 col-md-6">
                                            <figure>
                                                <a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir"><img class="d-block w-100" src="/images/le-jazz-manouche-une-musique-a-redecouvrir.jpg" alt="Le jazz manouche, une musique à redécouvrir"></a>                                            </figure>
                                            <div class="carousel-caption">
                                                <h3><a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir">Le jazz manouche, une musique à redécouvrir</a></h3>
                                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                            </div>
                                        </div>
                                                                    </div>
                            </div>
                                                                                                        </div>
                <button class="carousel-control-prev" type="button" data-bs-target="#carousel_6629003697b36"
        data-bs-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carousel_6629003697b36"
        data-bs-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="visually-hidden">Next</span>
</button>
            </div>
        </div>
    </section>
<section class="block-sidebar">
        <div class="container">
            <h2>Science et Tech</h2>            <div class="row">
                <div class="col-lg-9 order-1 order-md-2 col-12 main">
                    <div class="row">
                                                    <div class="col-12 col-lg-6 item">
                                <figure><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine"><img class="d-block w-100" src="/images/lintelligence-artificielle-au-service-de-la-medecine.jpg" alt="L&#039;intelligence artificielle au service de la médecine"></a></figure><figcaption>L'intelligence artificielle au service de la médecine</figcaption>                                <div>
                                    <h3><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine">L'intelligence artificielle au service de la médecine</a></h3>                                </div>
                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                
                                <p>
Dans un monde où la technologie évolue à une vitesse vertigineuse, l'intelligence artificielle (IA) s'impose comme une révolution dans de nombreux domaines, notamment celui de la médecine. Elle offre des perspectives inédites pour le diagnostic, le traitement et la prévention des maladies. Cette...</p>                            </div>

                                                                                <div class="col-12 col-lg-6 item">
                                <figure><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France"><img class="d-block w-100" src="/images/les-defis-de-la-transition-energetique-en-france.jpg" alt="Les défis de la transition énergétique en France"></a></figure><figcaption>Les défis de la transition énergétique en France</figcaption>                                <div>
                                    <h3><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France">Les défis de la transition énergétique en France</a></h3>                                </div>
                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                
                                <p>
La France, à l'instar des autres nations, fait face à un impératif majeur : celui de la transition énergétique. Ce virage stratégique vise à réduire l'empreinte carbone, sécuriser l'approvisionnement en énergie et favoriser la croissance économique durable. La complexité de cette entreprise...</p>                            </div>

                                                </div>
                    <div class="row">
                                                                            <div class="col-12 col-lg-6 item">
                                <figure><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation"><img class="d-block w-100" src="/images/les-avancees-de-la-robotique-dans-leducation.jpg" alt="Les avancées de la robotique dans l&#039;éducation"></a></figure><figcaption>Les avancées de la robotique dans l'éducation</figcaption>                                <div>
                                    <h3><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation">Les avancées de la robotique dans l'éducation</a></h3>                                </div>
                                <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                                
                                <p>
L'éducation connait actuellement une transformation sans précédent, poussée par l'essor de la technologie et plus particulièrement de la robotique. À l'heure où les enjeux d'apprentissage et d'accessibilité sont réévalués, la robotique émerge comme un vecteur d'innovation pédagogique prometteur....</p>                            </div>

                                                                                <div class="col-12 col-lg-6 item">
                                <figure><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile"><img class="d-block w-100" src="/images/les-enjeux-de-leconomie-circulaire-dans-le-textile.jpg" alt="Les enjeux de l&#039;économie circulaire dans le textile"></a></figure><figcaption>Les enjeux de l'économie circulaire dans le textile</figcaption>                                <div>
                                    <h3><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile">Les enjeux de l'économie circulaire dans le textile</a></h3>                                </div>
                                <time datetime="2023-12-11 18:55:10">11 décembre 2023 18:55</time>                                
                                <p>
L'économie circulaire dans l'industrie du textile est un sujet qui gagne de l'espace dans les discussions contemporaines sur la durabilité et l'écologie. Face à un modèle économique linéaire prédominant, qui encourage la consommation et le gaspillage, l'économie circulaire se présente comme une...</p>                            </div>

                                                </div>
                    <div class="row">
                                                                    </div>
                                    </div>
                                    <aside class="col-lg-3 order-2 order-md-2 col-12 aside-right">
                        <div>
                                                            <div class="d-flex">
                                    <figure><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="d-block w-100" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a></figure>                                    <div>
                                        <h3><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h3>                                        <p>
L'Europe de l'Est, avec son riche patrimoine culturel et ses paysages à couper le souffle, offre une myriade de destinations qui sortent des sentiers battus. Loin des foules touristiques, ces lieux préservés promettent une expérience authentique, où la tradition et la modernité coexistent...</p>                                    </div>
                                </div>
                                                            <div class="d-flex">
                                    <figure><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation"><img class="d-block w-100" src="/images/les-avancees-de-la-robotique-dans-leducation.jpg" alt="Les avancées de la robotique dans l&#039;éducation"></a></figure>                                    <div>
                                        <h3><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation">Les avancées de la robotique dans l'éducation</a></h3>                                        <p>
L'éducation connait actuellement une transformation sans précédent, poussée par l'essor de la technologie et plus particulièrement de la robotique. À l'heure où les enjeux d'apprentissage et d'accessibilité sont réévalués, la robotique émerge comme un vecteur d'innovation pédagogique prometteur....</p>                                    </div>
                                </div>
                                                            <div class="d-flex">
                                    <figure><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français"><img class="d-block w-100" src="/images/le-renouveau-du-cinema-independant-francais.jpeg" alt="Le renouveau du cinéma indépendant français"></a></figure>                                    <div>
                                        <h3><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français">Le renouveau du cinéma indépendant français</a></h3>                                        <p>
Dès l'avènement du cinéma, l'industrie cinématographique française a su se démarquer par son caractère unique et son approche artistique distinctive. Ces dernières années, un phénomène captivant attire l'attention des cinéphiles et des critiques du monde entier : le renouveau du cinéma...</p>                                    </div>
                                </div>
                                                            <div class="d-flex">
                                    <figure><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire"><img class="d-block w-100" src="/images/la-gastronomie-moleculaire-une-revolution-culinaire.jpg" alt="La gastronomie moléculaire, une révolution culinaire"></a></figure>                                    <div>
                                        <h3><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire">La gastronomie moléculaire, une révolution culinaire</a></h3>                                        <p>
Imaginez une cuisine où la science rencontre l'art, où chaque saveur se transforme en expérience, et chaque plat devient une découverte. Bienvenue dans le monde fascinant de la gastronomie moléculaire, cette tendance culinaire qui bouleverse les codes traditionnels de la cuisine. Fusionnant...</p>                                    </div>
                                </div>
                                                            <div class="d-flex">
                                    <figure><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France"><img class="d-block w-100" src="/images/les-defis-de-la-transition-energetique-en-france.jpg" alt="Les défis de la transition énergétique en France"></a></figure>                                    <div>
                                        <h3><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France">Les défis de la transition énergétique en France</a></h3>                                        <p>
La France, à l'instar des autres nations, fait face à un impératif majeur : celui de la transition énergétique. Ce virage stratégique vise à réduire l'empreinte carbone, sécuriser l'approvisionnement en énergie et favoriser la croissance économique durable. La complexité de cette entreprise...</p>                                    </div>
                                </div>
                                                            <div class="d-flex">
                                    <figure><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire"><img class="d-block w-100" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="L&#039;art du graffiti, expression urbaine contestataire"></a></figure>                                    <div>
                                        <h3><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h3>                                        <p>
Dans un monde où l'urbanisme dicte nos horizons, une forme d'expression artistique se détache avec audace : le graffiti. Souvent perçu comme une simple marque de vandalisme, cette pratique est en réalité une voix puissante pour des narrations alternatives au sein de nos cités. À travers cet...</p>                                    </div>
                                </div>
                            
                        </div>
                    </aside>
                            </div>
        </div>
    </section>
    <section class="column-3">

        <div class="container">
            <h2>Divers</h2>            <div class="row">
                                    <div class="col-12 col-md-5 col-lg-4 item">

                        <figure><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile"><img class="img-fluid" src="/images/les-enjeux-de-leconomie-circulaire-dans-le-textile.jpg" alt="Les enjeux de l&#039;économie circulaire dans le textile"></a></figure><figcaption>Les enjeux de l'économie circulaire dans le textile</figcaption>                        <div>
                            <h3><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile">Les enjeux de l'économie circulaire dans le textile</a></h3>                        </div>
                        <time datetime="2023-12-11 18:55:10">11 décembre 2023 18:55</time>                        
                        <div>
L'économie circulaire dans l'industrie du textile est un sujet qui gagne de l'espace dans les discussions contemporaines sur la durabilité et l'écologie. Face à un modèle économique linéaire prédominant, qui encourage la consommation et le gaspillage, l'économie circulaire se présente comme une...</div>                                            </div>

                                                        <div class="col-12 col-md-5 col-lg-4 item">

                        <figure><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire"><img class="img-fluid" src="/images/la-gastronomie-moleculaire-une-revolution-culinaire.jpg" alt="La gastronomie moléculaire, une révolution culinaire"></a></figure><figcaption>La gastronomie moléculaire, une révolution culinaire</figcaption>                        <div>
                            <h3><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire">La gastronomie moléculaire, une révolution culinaire</a></h3>                        </div>
                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        
                        <div>
Imaginez une cuisine où la science rencontre l'art, où chaque saveur se transforme en expérience, et chaque plat devient une découverte. Bienvenue dans le monde fascinant de la gastronomie moléculaire, cette tendance culinaire qui bouleverse les codes traditionnels de la cuisine. Fusionnant...</div>                                            </div>

                                                        <div class="col-12 col-md-5 col-lg-4 item">

                        <figure><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="img-fluid" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a></figure><figcaption>Les destinations méconnues de l'Europe de l'Est</figcaption>                        <div>
                            <h3><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h3>                        </div>
                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        
                        <div>
L'Europe de l'Est, avec son riche patrimoine culturel et ses paysages à couper le souffle, offre une myriade de destinations qui sortent des sentiers battus. Loin des foules touristiques, ces lieux préservés promettent une expérience authentique, où la tradition et la modernité coexistent...</div>                                            </div>

                                </div>
            <div class="row">
                                                                    <div class="col-12 col-md-5 col-lg-4 empty"></div>
                            </div>
        </div>
        
    </section>
<section class="block-featured">

        <div class="container-fluid">
            <div class="container">
                <h2>Sélection</h2>                                                        <div class="row">
                        <div class="col-12 item">
                            <figure><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="d-block w-100" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a></figure><figcaption>Les destinations méconnues de l'Europe de l'Est</figcaption>                        </div>
                        <div class="col-12 col-lg-5">
                                                        <h3><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h3>                            <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                            <p>
L'Europe de l'Est, avec son riche patrimoine culturel et ses paysages à couper le souffle, offre une myriade de destinations qui sortent des sentiers battus. Loin des foules touristiques, ces lieux préservés promettent une expérience authentique, où la tradition et la modernité coexistent harmonieusement. Chaque recoin de cette région recèle des trésors cachés, prêts à être explorés par les voyageurs en quête de nouveauté. Des villes médiévales oubliées aux parcs naturels préservés, l'Europe de l'Est attend ceux qui sont prêts à s'éloigner des itinéraires conventionnels. Cet article invite à un voyage au cœur de ces perles peu connues, où chaque destination est une découverte en soi. Préparez-vous à être émerveillé par la beauté insoupçonnée et l'hospitalité chaleureuse de ces contrées....</p>                        </div>
                    </div>
                                                                                                                                </div>
        </div>

    </section>
    <section class="newest-list">
        <div class="container">
                        <h2>Nouveautés</h2>
            <div class="row">
                                    <div class="col-12 col-md-4">
                        <figure><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile"><img class="img-fluid" src="/images/les-enjeux-de-leconomie-circulaire-dans-le-textile.jpg" alt="Les enjeux de l&#039;économie circulaire dans le textile"></a></figure><figcaption>Les enjeux de l'économie circulaire dans le textile</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/les-enjeux-de-leconomie-circulaire-dans-le-textile" title="Les enjeux de l&#039;économie circulaire dans le textile">Les enjeux de l'économie circulaire dans le textile</a></h4>                        <time datetime="2023-12-11 18:55:10">11 décembre 2023 18:55</time>                        <div>
L'économie circulaire dans l'industrie du textile est un sujet qui gagne de l'espace dans les...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir"><img class="img-fluid" src="/images/le-jazz-manouche-une-musique-a-redecouvrir.jpg" alt="Le jazz manouche, une musique à redécouvrir"></a></figure><figcaption>Le jazz manouche, une musique à redécouvrir</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/le-jazz-manouche-une-musique-a-redecouvrir" title="Le jazz manouche, une musique à redécouvrir">Le jazz manouche, une musique à redécouvrir</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Plongez dans l’univers fascinant du jazz manouche, une mélodie des rues qui captive encore les...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique"><img class="img-fluid" src="/images/la-route-des-vins-une-experience-sensorielle-unique.jpeg" alt="La route des vins, une expérience sensorielle unique"></a></figure><figcaption>La route des vins, une expérience sensorielle unique</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/la-route-des-vins-une-experience-sensorielle-unique" title="La route des vins, une expérience sensorielle unique">La route des vins, une expérience sensorielle unique</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Imaginez un parcours initiatique, où chaque étape éveille les sens et promet de nouvelles...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine"><img class="img-fluid" src="/images/lintelligence-artificielle-au-service-de-la-medecine.jpg" alt="L&#039;intelligence artificielle au service de la médecine"></a></figure><figcaption>L'intelligence artificielle au service de la médecine</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/lintelligence-artificielle-au-service-de-la-medecine" title="L&#039;intelligence artificielle au service de la médecine">L'intelligence artificielle au service de la médecine</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Dans un monde où la technologie évolue à une vitesse vertigineuse, l'intelligence artificielle...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire"><img class="img-fluid" src="/images/lart-du-graffiti-expression-urbaine-contestataire.jpeg" alt="L&#039;art du graffiti, expression urbaine contestataire"></a></figure><figcaption>L'art du graffiti, expression urbaine contestataire</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/lart-du-graffiti-expression-urbaine-contestataire" title="L&#039;art du graffiti, expression urbaine contestataire">L'art du graffiti, expression urbaine contestataire</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Dans un monde où l'urbanisme dicte nos horizons, une forme d'expression artistique se détache...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France"><img class="img-fluid" src="/images/les-defis-de-la-transition-energetique-en-france.jpg" alt="Les défis de la transition énergétique en France"></a></figure><figcaption>Les défis de la transition énergétique en France</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/les-defis-de-la-transition-energetique-en-france" title="Les défis de la transition énergétique en France">Les défis de la transition énergétique en France</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
La France, à l'instar des autres nations, fait face à un impératif majeur : celui de la...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire"><img class="img-fluid" src="/images/la-gastronomie-moleculaire-une-revolution-culinaire.jpg" alt="La gastronomie moléculaire, une révolution culinaire"></a></figure><figcaption>La gastronomie moléculaire, une révolution culinaire</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/la-gastronomie-moleculaire-une-revolution-culinaire" title="La gastronomie moléculaire, une révolution culinaire">La gastronomie moléculaire, une révolution culinaire</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Imaginez une cuisine où la science rencontre l'art, où chaque saveur se transforme en expérience,...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français"><img class="img-fluid" src="/images/le-renouveau-du-cinema-independant-francais.jpeg" alt="Le renouveau du cinéma indépendant français"></a></figure><figcaption>Le renouveau du cinéma indépendant français</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/le-renouveau-du-cinema-independant-francais" title="Le renouveau du cinéma indépendant français">Le renouveau du cinéma indépendant français</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
Dès l'avènement du cinéma, l'industrie cinématographique française a su se démarquer par son...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation"><img class="img-fluid" src="/images/les-avancees-de-la-robotique-dans-leducation.jpg" alt="Les avancées de la robotique dans l&#039;éducation"></a></figure><figcaption>Les avancées de la robotique dans l'éducation</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/les-avancees-de-la-robotique-dans-leducation" title="Les avancées de la robotique dans l&#039;éducation">Les avancées de la robotique dans l'éducation</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
L'éducation connait actuellement une transformation sans précédent, poussée par l'essor de la...</div>                    </div>
                                    <div class="col-12 col-md-4">
                        <figure><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est"><img class="img-fluid" src="/images/les-destinations-meconnues-de-leurope-de-lest.jpeg" alt="Les destinations méconnues de l&#039;Europe de l&#039;Est"></a></figure><figcaption>Les destinations méconnues de l'Europe de l'Est</figcaption>                        <div>
                                                    </div>
                        <h4><a href="/les-destinations-meconnues-de-leurope-de-lest" title="Les destinations méconnues de l&#039;Europe de l&#039;Est">Les destinations méconnues de l'Europe de l'Est</a></h4>                        <time datetime="2023-12-11 18:55:09">11 décembre 2023 18:55</time>                        <div>
L'Europe de l'Est, avec son riche patrimoine culturel et ses paysages à couper le souffle, offre...</div>                    </div>
                            </div>
        </div>
    </section>
            </main>
<footer>
    <div class="container-fluid">
        <div class="container">
            <div class="row default-search">
                <div class="col-12 col-lg-4">
                    <form class="d-flex" role="search" method="get" action="/search">
    <input type="search" class="form-control"  name="q" placeholder="Rechercher" aria-label="Rechercher"  pattern=".*\S.*" required>
    <button type="submit" class="btn">
        <svg xmlns="http://www.w3.org/2000/svg" width="18px" height="18px" fill="currentColor" viewbox="0 0 512 512">
                    <path d="M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"/>
                </svg>
    </button>
</form>
                </div>
                <div class="col-12 col-lg-4">
                    <section>
            <div>
                <h3><a href="/voyages" title="Voyages">Voyages</a></h3>                            </div>
        </section>
            <section>
            <div>
                <h3><a href="/arts-et-culture" title="Arts et Culture">Arts et Culture</a></h3>                            </div>
        </section>
            <section>
            <div>
                <h3><a href="/science-et-tech" title="Science et Tech">Science et Tech</a></h3>                            </div>
        </section>
            <section>
            <div>
                <h3><a href="/divers" title="Divers">Divers</a></h3>                            </div>
        </section>
                        </div>
                <div class="col-12 col-lg-4">
                    (C) 2024
                                    </div>
            </div>
        </div>
    </div>
</footer>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
    <script src="https://cdn.ckeditor.com/ckeditor5/40.2.0/super-build/ckeditor.js"></script>

<div style="left:-900000px">

    <!-- Modal COLOR -->
    <div class="modal fade" id="modal-color" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-xl">
            <div class="modal-content">
                <div class="modal-header">
                    <h1 class="modal-title fs-5" id="exampleModalLabel">Changer la couleur</h1>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <form method="post"
                          id="frm-color"
                          action="/api/site/6254/merge?back=true">
                        <div class="form-group mb-3">
                            <label>Couleur</label>
                            <input class="form-control" name="color" type="color"
                                   value="#f75921">
                            <input name="params" type="hidden">
                        </div>
                        <button type="submit" class="btn btn-primary">Valider</button>
                        <script>
                            var element = document.querySelector('#frm-color input[name=color]');
                            var element2 = document.querySelector('#frm-color input[name=params]');
                            ['change', 'blur', 'keyup', 'focus'].forEach(function (evt) {
                                element.addEventListener(evt, function () {
                                    var json = {"main":{"body":{"menu":{"scss":["views\/body\/menu\/default-menu-nav"],"view":{"name":"body.menu.default-menu-nav","scss":["views\/body\/menu\/default-menu-nav"]},"search":{"scss":["views\/body\/menu\/default-search-nav"],"view":{"name":"body.menu.default-search-nav","scss":["views\/body\/menu\/default-search-nav"]},"variables":{"content":{"value":"top"},"placeholder":{"value":"Rechercher"}}},"variables":{"content":{"value":"top"},"txthome":{"value":"Accueil"}}},"view":{"name":"body.default-body","scss":[]},"footer":{"view":{"name":"body.footer.footer-default","scss":["views\/body\/footer\/footer-default"]},"footerzone1":{"view":{"name":"body.content.pages.pages-list-no-image","scss":["views\/body\/content\/pages\/pages-list-default"],"variables":{"list":{"value":"order","options":{"source":{"value":"top"}}}}}},"footerzone2":{"view":{"name":"body.content.text","scss":[],"variables":{"content":{"value":"(C) 2024"}}}}},"header":{"view":{"name":"body.header.header-lefted","scss":["views\/body\/header\/header-lefted"]}},"social":{"view":{"name":"body.social.default-social","scss":["views\/body\/social\/default-social"],"variables":{"content":{"value":"{\"facebook\":\"https:\\\/\\\/www.facebook.com\\\/sharer.php?u=%url\",\"linkedin\":\"https:\\\/\\\/www.linkedin.com\\\/shareArticle?url=%url&title=%title\",\"twitter\":\"https:\\\/\\\/twitter.com\\\/share?url=%url&text=%title\"}"}}}},"ads-txt":{"view":{"name":"layout.ads-txt","scss":[]}},"content":{"view":{"name":"body.content.default-content","scss":["views\/body\/content\/default-content"]}},"breadcrumb":{"view":{"name":"body.breadcrumb.default-breadcrumb","scss":["views\/body\/breadcrumb\/default-breadcrumb"],"variables":{"label":{"value":"Accueil"},"divider":{"value":null}}}},"robots-txt":{"view":{"name":"layout.robots-txt","scss":[]}}},"head":{"meta":{"view":{"name":"head.meta.default-meta-variation","scss":[],"variables":{"robot":{"value":"index,follow"},"titleformat":{"value":"Un voyage enrichissant au coeur des enjeux planétaires  __PIPE__ titiranol-cocktail.fr"}}}},"view":{"name":"head.default-head","scss":[]},"doctype":{"view":{"name":"head.doctype.default-doctype","scss":[],"variables":{"lang":{"value":"fr"},"format":{"value":"LLL"}}}}},"view":{"name":"layout.main","scss":[]}},"meta":{"adult":{"value":false},"thematic":{"value":"G\u00e9n\u00e9ralistes"}},"scss":{"color":"f75921","theme":"little-shadow"}};
                                    element2.value = JSON.stringify(mergeDeep(json, {scss: {color: element.value}}));
                                }, false);
                            });
                        </script>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Bouton flottant -->
<div class="" style="position: fixed; bottom: 20px; right: 20px;">

    <div class="btn-group">
        <button type="button" class="btn btn-secondary">Mise en forme</button>
        <button type="button" class="btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown">
            <span class="visually-hidden">Toggle Dropdown</span>
        </button>
        <div class="dropdown-menu">
            <a class="dropdown-item" href="/nophoto.png?force=1" target="_blank">Regénérer nophoto</a>
            <a class="dropdown-item" href="/favicon.png?force=1" target="_blank">Regénérer favicon</a>


            <a class="dropdown-item"
            >
                <input type="checkbox" onclick="if(this.checked) {            setCookie('full', '1', 30)    }else {            eraseCookie('full');    }        window.location.href = '/';    "
                                              class="form-check-inline mr-2">
                Tout sur une page
            </a>
            <a class="dropdown-item"
            >
                <input type="checkbox" onclick="if(this.checked) {            setCookie('random', '1', 30)    }else {            eraseCookie('random');    }        window.location.href = window.location.href;    "
                                              class="form-check-inline mr-2">
                random
            </a>
            <a class="dropdown-item"
            >
                <input type="checkbox" onclick="if(this.checked) {            setCookie('remakeCss', '1', 30)    }else {            eraseCookie('remakeCss');    }        window.location.href = window.location.href;    "
                                              class="form-check-inline mr-2">
                Regénérer le css
            </a>

                    <li><a href="#" class="dropdown-item" data-bs-toggle="modal" data-bs-target="#modal-color">Changer la
                    couleur
                </a></li>
            <select class="dropdown-item text-black-50" placeholder="Test html1" id="btn-generate-html">
                <option value="">Aucune démo</option>
                <option value="demoFull">Full</option>
                <option value="demoLittleShadow">Thème Little Shadow</option>
                <option value="demoSummary">Page article</option>
                <option value="demoList">Page list</option>
                <option value="demoCreate">Demo de la page</option>
            </select>

        </div>
    </div>

</div>


<div class="d-none" id="frm-content">
    </div>


<script>
    const isObject = (item) => {
        return (item && typeof item === 'object' && !Array.isArray(item));
    }

    const mergeDeep = (target, ...sources) => {
        if (!sources.length) return target;
        const source = sources.shift();

        if (isObject(target) && isObject(source)) {
            for (const key in source) {
                if (isObject(source[key])) {
                    if (!target[key]) Object.assign(target, {
                        [key]: {}
                    });
                    mergeDeep(target[key], source[key]);
                } else {
                    Object.assign(target, {
                        [key]: source[key]
                    });
                }
            }
        }

        return mergeDeep(target, ...sources);
    }


    function setCookie(name, value, days) {
        var expires = "";
        if (days) {
            var date = new Date();
            date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
            expires = "; expires=" + date.toUTCString();
        }
        document.cookie = name + "=" + (value || "") + expires + "; path=/";
    }

    function getCookie(name) {
        var nameEQ = name + "=";
        var ca = document.cookie.split(';');
        for (var i = 0; i < ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0) == ' ') c = c.substring(1, c.length);
            if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
        }
        return null;
    }

    function eraseCookie(name) {
        document.cookie = name + '=; Path=/; Expires=Thu, 01 Jan 1970 00:00:01 GMT;';
    }
</script>
</body>
</html>