https://chartes-graphiques.com/chartes/charte-graphique-2.html

1<!DOCTYPE html>
2<html lang="fr">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <title>Charte graphique du Conservatoire National Supérieur de Musique et de Danse de Paris</title>
7    <meta name="description" content="Charte graphique du Conservatoire National Supérieur de Musique et de Danse de Paris situé avenue Jean-Jaurès, Paris 19e.">
8    <meta name="keywords" content="Conservatoire, musique, danse, Paris, charte graphique, identité visuelle, culture, éducation">
9    <meta name="robots" content="index, follow">
10    <link rel="stylesheet" href="../styles.css">
11</head> 

11<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

11
12 <!-- Google Tag Manager -->

13<script>

13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
14new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
15j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
16'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
17})(window,document,'script','dataLayer','

17GTM-PG9KQLHM

17');

17</script>

17
18<!-- End Google Tag Manager -->
19<!-- Google tag (gtag.js) -->

19
20<script async src="https://www.googletagmanager.com/gtag/js?id=

20G-KJKWV93DY9

20"></script>

21<script>
22  

22window.dataLayer = window.dataLayer || [];
23  function gtag(){dataLayer.push(arguments);}
24  gtag('js', new Date());
25
26  gtag('config', '

26G-KJKWV93DY9

26');

27</script>

27
28<body> <!-- Google Tag Manager (noscript) -->

28
29<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=

29GTM-PG9KQLHM

29"
30height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

31<!-- End Google Tag Manager (noscript) -->
32
33    <a href="https://chartes-graphiques.com/">
34        <img src="../logo.png" alt="Logo" class="logo">
35    </a>
36
37<p class="sous-titre">Téléchargez 100 chartes graphiques<br>et identités visuelles</p>
38

39<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8084125897268669"
40     crossorigin="anonymous"></script>

40
41<!-- Bloc charte -->
42<ins class="adsbygoogle"
43     style="display:block"
44     data-ad-client="ca-pub-8084125897268669"
45     data-ad-slot="4170041691"
46     data-ad-format="auto"
47     data-full-width-responsive="true"></ins>

48<script>
49     (adsbygoogle = window.adsbygoogle || []).push({});
50</script>

50
51
52    <div class="bandeau">
53        <div class="texte-col">
54          <h1>Charte graphique du Conservatoire National Supérieur de Musique et de Danse de Paris</h1>
55          <p>Le <strong>Conservatoire national supérieur de musique et de danse de Paris</strong>, situé <strong>avenue Jean-Jaurès</strong> dans le <strong>19e arrondissement de Paris</strong>, est un <strong>établissement public</strong> à caractère administratif inauguré en <strong>1795</strong>, qui trouve son origine dans le <strong>Conservatoire de musique</strong> fondé par la Convention.</p>
56          <p>Ce conservatoire est reconnu pour son excellence dans la <strong>formation musicale</strong> et <strong>chorégraphique</strong>, attirant des étudiants du monde entier. Avec une riche histoire et un patrimoine culturel important, il joue un rôle clé dans le développement de la <strong>scène artistique</strong> française et internationale.</p>
57          <p>Le conservatoire veille à maintenir une <strong>identité visuelle cohérente</strong> et forte pour refléter ses valeurs et son prestige.</p>
58
59                    <p> → <a href="charte-conservatoire-national-supérieur-musique-danse-Paris.pdf" target="_blank">télécharger la charte en PDF</a></p>
60        </div>
61        <div class="separator"> </div>
62        <div class="boutons-col">
63            <a href="https://charte.gumroad.com/l/chartes" target="_blank">  <button>Télécharger les 100 chartes</button></a>
64            <a href="../envoyer.html">  <button>Envoyer une charte</button></a>
65        </div>
66    </div>
67
68    <div style="text-align:center;">
69      <iframe src="//v.calameo.com/?bkcode=0000161338748ee8eb1ba&mode=mini&view=book&showsharemenu=false&clickto=embed" width="100%" height="800px" frameborder="0" scrolling="no" allowtransparency allowfullscreen
70        style="margin:0 auto;"></iframe>
71    </div>
72
73    <div style="text-align: center; margin: 3em auto; width: 100%; display: flex; justify-content: center; align-items: center;">
74      <p>← <a href="https://chartes-graphiques.com/" style="color: black; text-decoration: none;" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">retour</a></p>
75  </div>
76
77    <div class="bottom-bandeau">
78        <a href="../envoyer.html">  <button>Envoyer une charte</button></a>
79    </div>
80
81    <div class="footer">
82        <a href="https://charte.gumroad.com/l/chartes" target="_blank">  <button>Télécharger les 100 chartes</button></a>
83    </div>
84
85    <div class="bandeau-infos">
86        <p>Vos données personnelles/cookies peuvent être utilisés pour la personnalisation <br>des annonces publicitaires de ce site. Google utilisera vos données personnelles lorsque vous donnerez votre consentement sur ce site. <br>Voir le site de Google sur la confidentialité et les conditions d'utilisation de notre Politique de confidentialité.</p>
87        <p>&copy; chartes-graphiques.com</p>
88    </div>
89
90</body>
91
92    <!-- Banniere de consentement RGPD -->
93<div id="cookieConsentBanner" style="position: fixed; bottom: 0; width: 100%; background-color: #f4f4f4; padding: 20px; text-align: center; box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2); z-index: 1000; display: none;">
94    <p>
95        Nous utilisons des cookies pour vous offrir la meilleure expérience sur notre site, analyser le trafic et personnaliser les contenus.
96        En cliquant sur "Accepter", vous consentez à l'utilisation de tous les cookies. Vous pouvez aussi
97        <a href="/privacy-policy" target="_blank" style="color: #007bff; text-decoration: underline;">gérer vos préférences</a>.
98    </p>
99    <button id="acceptCookies" style="padding: 10px 20px; background-color: #28a745; color: #fff; border: none; border-radius: 5px; cursor: pointer;">Accepter</button>
100    <button id="declineCookies" style="padding: 10px 20px; background-color: #dc3545; color: #fff; border: none; border-radius: 5px; cursor: pointer; margin-left: 10px;">Refuser</button>
101</div>
102

103<script>
104// Affiche la bannière si le consentement n'est pas encore donné
105window.onload = function() {
106    if (!getCookie('cookieConsent')) {
107        document.getElementById('cookieConsentBanner').style.display = 'block';
108    }
109};
110
111// Gestion des clics sur les boutons
112document.getElementById('acceptCookies').onclick = function() {
113    setCookie('cookieConsent', 'accepted', 365);
114    document.getElementById('cookieConsentBanner').style.display = 'none';
115};
116
117document.getElementById('declineCookies').onclick = function() {
118    setCookie('cookieConsent', 'declined', 365);
119    document.getElementById('cookieConsentBanner').style.display = 'none';
120};
121
122// Fonction pour créer un cookie
123function setCookie(name, value, days) {
124    var expires = "";
125    if (days) {
126        var date = new Date();
127        date.setTime(date.getTime() + (days*24*60*60*1000));
128        expires = "; expires=" + date.toUTCString();
129    }
130    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
131}
132
133// Fonction pour lire un cookie
134function getCookie(name) {
135    var nameEQ = name + "=";
136    var ca = document.cookie.split(';');
137    for(var i=0;i < ca.length;i++) {
138        var c = ca[i];
139        while (c.charAt(0)==' ') c = c.substring(1,c.length);
140        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
141    }
142    return null;
143}
144</script>

144
145</html>