madjeek-web.github.io/legal.html at main · madjeek-web/madjeek-web.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="internal-note" content="★★★ ICONS ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★">
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="img/favicon.ico" data-icon-ww="['16px','16px','16px','16px']" data-icon-hh="['16px','16px','16px','16px']" />
<link rel="shortcut icon" type="image/vnd.microsoft.icon" href="favicon.ico" data-icon-ww="['16px','16px','16px','16px']" data-icon-hh="['16px','16px','16px','16px']" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" data-icon-ww="['16px','16px','16px','16px']" data-icon-hh="['16px','16px','16px','16px']" data-type-MIME="image/x-icon" />
<link rel="icon" type="image/x-icon" href="favicon.ico" data-icon-ww="['16px','16px','16px','16px']" data-icon-hh="['16px','16px','16px','16px']" data-medias-type-Organization="iana" data-about-org="PTI" />
<link rel="icon" type="image/png" href="img/favicon_228_px_opera_coast.png" sizes="228x228" data-info="Public Technical Identifiers" data-icon-ww="['228px','228px','228px','228px']" data-icon-hh="['228px','228px','228px','228px']" />

<title>Mentions Légales | Convergence Human & Technology</title>

  <!-- ★★★ BASE ★★★ -->
  <meta name="title"       content="Mentions Légales | Convergence Human & Technology" />
  <meta name="description" content="Mentions légales du site Convergence Human & Technology. Éditeur, hébergeur, propriété intellectuelle, données personnelles et conditions d'utilisation." />
  <meta name="abstract"    content="Mentions légales | Convergence Human & Technology | Éditeur de logiciels PC | Solutions IT | France" />
  <meta name="keywords"    content="mentions légales, convergence, human technology, logiciels, software, solutions informatiques, éditeur, hébergeur, RGPD" />
  <meta name="author"      content="Convergence Human & Technology" />
  <meta name="language"    content="fr" />
  <meta name="generator"   content="GitHub Pages (https://pages.github.com)" />
  <meta name="contact"     content="convergence-tech@proton.me" />
  <meta name="url"         content="https://madjeek-web.github.io/legal.html" />
  <link rel="canonical"    href="https://madjeek-web.github.io/legal.html" />

  <!-- ★★★ ROBOTS ★★★ -->
  <meta name="robots"          content="index, follow" />
  <meta name="googlebot"       content="index, follow" />
  <meta name="googlebot-news"  content="index, follow" />
  <meta name="googlebot-image" content="index, follow" />
  <meta name="bingbot"         content="index, follow" />
  <meta name="duckduckbot"     content="index, follow" />
  <meta name="baiduspider"     content="index, follow" />
  <meta name="yandex"          content="index, follow" />
  <meta name="applebot"        content="index, follow" />
  <meta name="ia_archiver"     content="index, follow" />


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Genos:wght@100&display=swap" rel="stylesheet">


<style>
/*
* Ces dégradés créent une transition douce du bleu nuit au blanc
*/
body, html {height: 100%; width: 100%; margin: 0; padding: 0; scroll-behavior: smooth;
/* Dégradé principal avec compatibilité multi-navigateurs */
background: rgb(5,23,51);
background: -moz-linear-gradient(top, rgba(5,23,51,1) 0%, rgba(30,93,112,1) 26%, rgba(45,142,139,1) 67%, #a8e0c1 87%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#051733), color-stop(26%,#1e5d70), color-stop(67%,#2d8e8b), color-stop(87%,#a8e0c1), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background: -o-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background: -ms-linear-gradient(top, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
background: linear-gradient(to bottom, #051733 0%,#1e5d70 26%,#2d8e8b 67%,#a8e0c1 87%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#051733', endColorstr='#ffffff',GradientType=0 );

/* Dégradé secondaire avec variante de bleus */
background: rgb(13,33,53);
background: -moz-linear-gradient(top, #0d2135 0%, #10376b 17%, #005884 48%, #4a9dc5 78%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(13,33,53,1)), color-stop(17%,#10376b), color-stop(48%,#005884), color-stop(78%,#4a9dc5), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top, #0d2135 0%,#10376b 17%, #005884 48%,#4a9dc5 78%,#ffffff 100%);
background: -o-linear-gradient(top, #0d2135 0%, #10376b 17%,#005884 48%,#4a9dc5 78%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, #0d2135 0%,#10376b 17%,#005884 48%,#4a9dc5 78%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, #0d2135 0%,#10376b 17%,#005884 48%,#4a9dc5 78%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d2135', endColorstr='#ffffff',GradientType=0 );

background-size: 100%; background-attachment: fixed; font-family: Arial, sans-serif;}


/* Centrage principal */
body {margin: 0; min-height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; font-family: Arial, sans-serif; line-height: 1.6; padding: 20px;}
/* Conteneur principal pour le contenu */
h1, h2, p, a {max-width: 800px; width: 100%; margin-left: auto; margin-right: auto;}
/* Style spécifique pour le titre principal */
h1 {text-align: center; margin-bottom: 30px;}
/* Style pour les sous-titres */
h2 { text-align: center; margin-top: 30px; margin-bottom: 15px;}
/* Style pour les paragraphes */
p {text-align: center; margin-bottom: 15px;}
/* Style pour les liens */
a {text-align: center; display: inline-block; color: #0066cc; text-decoration: none;}
a:hover {text-decoration: underline;}

/* Alternative avec flexbox sur un conteneur parent */
/* Si nous voulons utiliser un conteneur wrapper spécifique */
.legal-content {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; max-width: 800px; margin: 0 auto;}
.legal-content h1, .legal-content h2, .legal-content p, .legal-content a {text-align: center; width: 100%;}


/* * Barre de défilement subtile * Barre de défilement très fine pour garder un design épuré */::-webkit-scrollbar{width:.5px;height:.5px;opacity:.01}::-webkit-scrollbar-button{width:.5px;height:.5px;opacity:.01}
/* * Système de sections * Chaque section prend 100% de la hauteur d'écran */.section{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
/* * Conteneur de contenu (remplace image-div) * Même effet de translation que pour les images dans le projet original */
.content-div{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateY(100%);opacity:0;transition:transform 2s ease,opacity 2s ease;z-index:1;width:80%;max-width:800px;text-align:center;padding:2rem;box-sizing:border-box}

/* * Typographie et éléments visuels */
h1{font:36px/1.4 'Genos',sans-serif;color:#fff;text-transform:uppercase;margin:0 0 20px 0}
h2{font:24px/1.4 'Genos',sans-serif;color:#fff;text-transform:uppercase;margin:0 0 30px 0}h3{font:24px/1.4 'Genos',sans-serif;color:#fff;text-transform:uppercase;margin:20px 0}
P{font:22px/1.4 'Genos',sans-serif;color:#fff;text-transform:uppercase}
a{font:22px 'Genos',sans-serif;color:skyblue;text-decoration:none;text-transform:uppercase;transition:color .3s ease}a:hover{color:#fff}
/* * Séparateurs stylisés * Lignes de séparation avec dégradé transparent */
.hr{border-right:1px solid #e0deded0;border-image:linear-gradient(0deg,#ffffff00 0%,#e0deded0,#ffffff00 100%) 1}

/* ******************************************* *//* FLECHE SCROLL EN BAS */
.scroll-hint{font:22px/1.4 'Genos',sans-serif;color:#001a33;margin-top:20px;opacity:.8}
.arrow-particles-container{position:relative;width:60px;height:60px;margin:50px auto}
.particle{position:absolute;width:5px;height:5px;background:#001a33;border-radius:50%;animation:scatter 2s infinite;opacity:0}
.arrow-particles{position:absolute;font-size:30px;color:#001a33;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}

/* Animation des particules */ @keyframes scatter{0%{transform:translate(0,0);opacity:0}50%{transform:translate(var(--x),var(--y));opacity:.8}100%{transform:translate(0,0);opacity:0}}
/* Effet au survol */ .arrow-particles-container:hover .arrow-particles{transform:translate(-50%,-50%) scale(1.2)}

/* footer */
footer{position:fixed;bottom:0;left:0;right:0;text-align:center;padding:10px;background-color:transparent;border-top:1px solid #e9ecef;font-family:Arial,sans-serif}
footer a{color:#007bff;text-decoration:none;display:inline-flex;align-items:center;gap:5px}footer a:hover{text-decoration:underline}

/* ******************************************* */
.protected-content { user-select: none; /* Bloque la sélection texte */
-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;    -webkit-touch-callout: none; /* Désactive le menu contextuel sur iOS */
/* Empêche le drag/drop d'images/text */
-webkit-user-drag: none;
/* Rend invisible pour les robots :
-moz-text-security: disc; /* Masque le texte (Firefox)
text-security: disc; /* Future norme CSS */}
</style>

<script defer>
// Blocage Ctrl+C/Ctrl+V
document.addEventListener('keydown', function(e) {if ((e.ctrlKey || e.metaKey) && (e.key === 'c' || e.key === 'C')) {e.preventDefault();alert('Copie désactivée');} });
</script>

<!-- ******************************************************************************************************************************** -->

<!-- ******************************************************************************************************************************** -->
<meta name="google-site-verification" content="jsM_hxlBkNDburSyR0zaPNGTkc7KiiKV6MF8agHrclo" />
<!-- Google tag (gtag.js) / Via Google Madjeek -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-8HXRP323X8"></script> <script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-8HXRP323X8');</script>

</head>
<body>

<div class="legal-content">
    <h1>Mentions Légales</h1>
    <p>Conformément aux dispositions de la loi n° 2004 - 575 du 21 juin 2004 pour la confiance en l'économie numérique (LCEN), il est porté à la connaissance des utilisateurs du site les présentes mentions légales.</p>

    <h2>Éditeur du site</h2>
    <p><strong>Fabien Conéjéro</strong></p>

    <p><strong>Adresse e-mail :</strong> convergence-tech@proton.me</p>
    <p><strong>Site web :</strong> <a href="https://convergence-human-technology.github.io/site/">https://convergence-human-technology.github.io/site/</a></p>

    <h2>Hébergement</h2>
    <p><strong>Hébergeur :</strong> GitHub, Inc.</p>
    <p><strong>Service :</strong> GitHub Pages</p>
    <p><strong>Adresse :</strong> 88 Colin P. Kelly Jr. Street, San Francisco, CA 94107, États-Unis</p>
    <p><strong>Site web :</strong> <a href="https://pages.github.com" target="_blank" rel="noopener">https://pages.github.com</a></p>
</div>


</body>
</html>