1<!DOCTYPE html> 2<html lang="fr" class="antialiased"> 3 <head> 4 <title>Unframed Collection</title> 5 <meta charset="UTF-8"> 6 <meta name="language" content="fr" data-turbo-track="reload"> 7 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 8 <meta name="format-detection" content="telephone=no"> 9 10 11 <link rel="icon" type="image/png" href="/assets/favicon-223e53aa.png" /> 12 <meta name="csrf-param" content="authenticity_token" /> 13<meta name="csrf-token" content="khSa51-g6HyATjVnC3NA6Y7x-zuGauKUCvuSgn_2-Mr726lKMBBRVuQtCTHqmg180c8dJAgT_pL4TXaVVM6XCw" /> 14 15 <link rel="canonical" href="https://unframed-collection.com/fr/contact"> 16 <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin="anonymous"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous"><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"> 17
17<script> 18 window.tac = { 19 mtcaptchaSitekey: 'MTPublic-uf1wkw80k', 20 googleAdsId: 'AW-17378782442' 21 } 22 </script>
22 23 <link rel="stylesheet" href="/assets/application-2cedabaa.css" media="all" data-turbo-track="reload" /> 24<link rel="stylesheet" href="/assets/tarteaucitron-5d716ef1.css" media="all" data-turbo-track="reload" /> 25
25<script src="/assets/application-b70e7707.js" data-turbo-track="reload"></script>
vendor: 1 bytes, line 25
25
26<script src="/assets/tarteaucitron-5ecea027.js" data-turbo-track="reload"></script>
26 27 28 29 </head> 30 31 <body id="context-contacts-show" class="font-body text-black text-base "> 32 <div class="flex flex-col min-h-screen"> 33 <header class="z-[1000] fixed lg-more:h-[9.75rem] md:h-[4.25rem] w-full transition-[height] duration-150 ease-linear" data-controller="header" data-action="scroll@window->header#onWindowScroll" data-header-reduce-class="lg-more:h-[4.25rem]"> 34 <nav class="h-full"> 35 <div class="flex relative z-20 items-center h-full bg-white wrapper-x"> 36 <ul class="flex items-center space-x-10 w-1/2 lg:space-x-6 md:w-auto md:flex-none"> 37 <li> 38 <button type="button" class="py-1" data-header-target="menuTrigger" data-action="click->header#handleToggleMenu"> 39 <span class="relative block h-3.5 w-[30px]"> 40 <span class="absolute top-0 left-0 w-full h-0.5 bg-black"></span> 41 <span class="absolute left-0 w-full h-0.5 bg-black inset-y-center"></span> 42 <span class="absolute bottom-0 left-0 w-full h-0.5 bg-black"></span> 43 </span> 44 </button> 45 </li> 46 <li class="md:hidden"> 47 <a class="font-extrabold uppercase lg:text-13" href="/fr/experiences">La collection</a> 48 </li> 49 </ul> 50 <a class="max-h-full flex-none overflow-hidden transition-opacity duration-100 ease-in md:ml-5" data-header-target="logo" data-header-reduce-class="ease-out lg-more:opacity-0" href="/fr"> 51 <img alt="Unframed Collection" width="175" height="106" class="md:w-[5.25rem] xs:w-[4.25rem]" src="/assets/application/logo-b5a09b55.svg" /> 52</a> <div class="flex flex-col items-end w-1/2 md:w-auto md:ml-auto"> 53 <ul class="flex justify-end items-center space-x-8 xs:space-x-0"> 54 <li class="xs:hidden"> 55 <div class="relative" data-controller="toggle"> 56 <button type="button" class="flex items-center font-medium" data-action="click->toggle#handleToggle"> 57 <span>FR</span> 58 <span class="w-0 h-0 mt-px ml-[0.4375rem] border-t-black border-t-[0.3125rem] border-l-transparent border-l-[0.21875rem] border-r-transparent border-r-[0.21875rem]"></span> 59 </button> 60 <div class="hidden absolute top-[2.625rem] -left-2.5 w-[8.75rem] p-2.5 bg-white shadow-[0_3px_6px_rgba(0,0,0,0.16)]" data-header-target="dropdown" data-toggle-target="item"> 61 <ul class="space-y-1.5"> 62 <li> 63 <a class="font-medium hover:text-gray-400" href="/en/contact">EN</a> 64 </li> 65 </ul> 66 </div> 67 </div> 68 </li> 69 <li> 70 <a class="font-medium" href="/fr/utilisateur/connexion">Se connecter</a> 71 </li> 72 </ul> 73 </div> 74 </div> 75 <div class="absolute z-10 flex h-screen top-0 left-0 pt-[9.75rem] w-[23.75rem] bg-white -translate-x-full overflow-hidden [transition:padding_150ms_linear,transform_200ms_linear,box-shadow_200ms_linear] md:pt-[4.25rem] xs:w-full" data-header-target="menu" data-header-reduce-class="pt-[4.25rem]" data-header-open-class="translate-x-0 shadow-[0.5rem_0_1.5rem_rgba(0,0,0,0.075)]"> 76 <div class="w-full max-h-full py-8 overflow-auto wrapper-x"> 77 <ul class="space-y-5"> 78 <li> 79 <a class="font-extrabold uppercase" href="/fr">Accueil</a> 80 </li> 81 <li> 82 <a class="font-extrabold uppercase" href="/fr/experiences">La collection</a> 83 </li> 84 85 <li> 86 <p class="font-extrabold uppercase">Vous êtes un lieu de diffusion</p> 87 <ul class="mt-2.5 space-y-1.5"> 88 <li> 89 <a class="font-medium" href="/fr/intro-institutions">Nos solutions techniques</a> 90 </li> 91 <li> 92 <a class="font-medium" href="/fr/controlleurs">Guide d'installation des CMS</a> 93 </li> 94 <li> 95 <a class="font-medium" href="/fr/tarifs">Nos formules tarifaires</a> 96 </li> 97 <li> 98 <a class="font-medium" href="/fr/institutionnel"> Bibliothèques et Scolaires </a> 99 </li> 100 <li> 101 <a class="font-medium" href="/fr/organisation/nouveau?role=client_admin&subscription=free_trial">S'inscrire pour un essai gratuit</a> 102 </li> 103 <li> 104 <a class="font-medium" href="/fr/organisation/nouveau?role=client_admin">S'abonner</a> 105 </li> 106 </ul> 107</li> 108 109<li> 110 <p class="font-extrabold uppercase">Vous êtes un ayant droit</p> 111 <ul class="mt-2.5 space-y-1.5"> 112 <li> 113 <a class="font-medium" href="/fr/intro-ayants-droit">Découvrez notre service</a> 114 </li> 115 <li> 116 <a class="font-medium" href="/fr/organisation/nouveau?role=right_holder_admin">S'inscrire</a> 117 </li> 118 </ul> 119</li> 120 121 122 123 <li> 124 <a class="font-extrabold uppercase" target="_blank" href="https://news.unframed-collection.com/">Actualités</a> 125 </li> 126 127 <li> 128 <a class="font-extrabold uppercase" href="/fr/a-propos">A propos</a> 129 </li> 130 131 <li> 132 <a class="font-extrabold uppercase" href="/fr/contact">Nous contacter</a> 133 </li> 134 </ul> 135 136 <ul class="flex items-center mt-8 space-x-5"> 137 <li> 138 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.linkedin.com/company/unframedcollection/"> 139 <img alt="Linkedin" src="/assets/application/icons/social/linkedin-846f771c.svg" /> 140</a> </li> 141 <li> 142 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://vimeo.com/unframedcollection"> 143 <img alt="Vimeo" src="/assets/application/icons/social/vimeo-36c43212.svg" /> 144</a> </li> 145 <li> 146 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.facebook.com/people/Unframed-Collection/100090097148766/"> 147 <img alt="Facebook" src="/assets/application/icons/social/facebook-d128a803.svg" /> 148</a> </li> 149 <li> 150 </li> 151 <li> 152 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.instagram.com/unframedcollection_"> 153 <img alt="Instagram" src="/assets/application/icons/social/instagram-37046127.svg" /> 154</a> </li> 155 </ul> 156 157 <ul class="flex mt-8 space-x-4 sm-more:hidden"> 158 <li> 159 <a class="font-medium" href="/en/contact">EN</a> 160 </li> 161 <li> 162 <a class="font-medium" href="/fr/contact">FR</a> 163 </li> 164 </ul> 165 </div> 166</div> 167 168 </nav> 169</header> 170 171 <div class="flex flex-col grow pt-[9.75rem] md:pt-[4.25rem]"> 172 <div class="wrapper-x wrapper-y"> 173 174<div class="section-head "> 175 <div class="section-head-top justify-center text-center"> 176 <div> 177 <div class="section-title"><h1>Nous contacter</h1></div> 178 </div> 179 </div> 180</div> 181 182 183 <form data-turbo="false" class="simple_form form-wrapper" id="new_contact" novalidate="novalidate" action="/fr/contact" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="x8HJ4MePlbQMBeuN7U6EGDS45dMM3Z9C518DaQxpc73GIuee57eGCzMJd81RJvV0Lf9VL81ZaJ4w3jpNNDm3HA" autocomplete="off" /> 184 <div class="form-section"> 185 <div class="form-row"> 186 <div class="form-group string required contact_name"><div class="form-label-wrapper">
186<label class="form-label string required" for="contact_name">Nom <abbr title="Requis">*</abbr></label></div><div class="form-field"><input class="form-control string required" type="text" name="contact[name]" id="contact_name" /></div></div> 187 <div class="form-group email required contact_email"><div class="form-label-wrapper"><label class="form-label email required" for="contact_email">E-mail <abbr title="Requis">*</abbr></label></div><div class="form-field"><input class="form-control string email required" type="email" name="contact[email]" id="contact_email" /></div></div> 188 <div class="form-group tel required contact_phone"><div class="form-label-wrapper"><label class="form-label tel required" for="contact_phone">Téléphone <abbr title="Requis">*</abbr></label></div><div class="form-field"><input class="form-control string tel required" type="tel" name="contact[phone]" id="contact_phone" /></div></div> 189 </div> 190 <div class="form-row"> 191 <div class="form-group string required contact_subject"><div class="form-label-wrapper"><label class="form-label string required" for="contact_subject">Sujet <abbr title="Requis">*</abbr></label></div><div class="form-field"><input class="form-control string required" type="text" name="contact[subject]" id="contact_subject" /></div></div> 192 </div> 193 <div class="form-row"> 194 <div class="form-group text required contact_body"><div class="form-label-wrapper"><label class="form-label text required" for="contact_body">Message <abbr title="Requis">*</abbr></label></div><div class="form-field"><textarea class="form-control text required" name="contact[body]" id="contact_body"> 195</textarea></div></div> 196 </div> 197 <div class="form-row" data-controller="form--captcha-component"> 198 <div class="form-group captcha "> 199 <div id="captcha" class="mtcaptcha"></div> 200 201 </div> 202</div> 203 204 </div> 205 <div class="form-actions"> 206 <input type="submit" name="commit" value="Envoyer" class="btn button-fill-black" data-disable-with="Envoyer" /> 207 </div> 208</form></div> 209 210 </div> 211 <footer class="py-8 space-y-8 text-center text-white bg-black wrapper-x"> 212 <a class="inline-block" href="/fr"> 213 <img alt="Unframed Collection" width="131" height="80" class="mx-auto" src="/assets/application/logo-light-d355d15d.svg" /> 214</a> <ul class="flex flex-wrap justify-center items-center gap-y-3 space-x-[4.375rem] sm:space-x-5"> 215 <li> 216 <a class="text-12 font-bold uppercase" href="/fr/terms-and-conditions">Conditions d'utilisation</a> 217 </li> 218 <li> 219 <a class="text-12 font-bold uppercase" href="/fr/mentions-legales">Mentions légales</a> 220 </li> 221 <li> 222 <a class="text-12 font-bold uppercase" href="/fr/privacy-policy">Politique de confidentialité</a> 223 </li> 224 <li> 225 <button name="button" type="submit" id="tarteaucitronManagerCustom" class="text-12 font-bold uppercase">Cookies</button> 226 </li> 227 </ul> 228 <ul class="flex flex-wrap flex-center gap-x-14 gap-y-6 max-w-full mx-auto py-1.5 sm:justify-evenly sm:gap-x-12"> 229 <li> 230 <img alt="Lucid Realities" width="40" height="23" src="/assets/application/partners/lucid-realities-a3f2ff6b.png" /> 231 </li> 232 <li> 233 <img alt="Pumpkin" width="74" height="14" src="/assets/application/partners/pumpkin-af491f4d.png" /> 234 </li> 235 <li> 236 <img alt="Creative Europe Media" width="110" height="23" style="filter: grayscale(100%)" src="/assets/application/partners/creative-europe-media-c5235b10.png" /> 237 </li> 238 <li> 239 <img alt="Bpifrance" width="59" height="16" src="/assets/application/partners/bpifrance-37b640c0.png" /> 240 </li> 241 <li> 242 <img alt="CNC" width="61" height="13" src="/assets/application/partners/cnc-78955c2f.png" /> 243 </li> 244 <li> 245 <img alt="SMECF" width="75" height="16" src="/assets/application/partners/smecf-b6a52f03.png" /> 246 </li> 247 </ul> 248 <ul class="flex items-center justify-center space-x-5"> 249 <li> 250 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.linkedin.com/company/unframedcollection/"> 251 <img alt="Linkedin" class="h-4" src="/assets/application/icons/social/linkedin-light-0d756371.svg" /> 252</a> </li> 253 <li> 254 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://vimeo.com/unframedcollection"> 255 <img alt="Vimeo" class="h-4" src="/assets/application/icons/social/vimeo-light-779b0433.svg" /> 256</a> </li> 257 <li> 258 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.facebook.com/people/Unframed-Collection/100090097148766/"> 259 <img alt="Facebook" class="h-4" src="/assets/application/icons/social/facebook-light-fc8487c8.svg" /> 260</a> </li> 261 <li> 262 <a class="text-12 font-bold uppercase" rel="nofollow" target="_blank" href="https://www.instagram.com/unframedcollection_"> 263 <img alt="Instagram" class="h-4" src="/assets/application/icons/social/instagram-light-c42a635d.svg" /> 264</a> </li> 265 <li> 266 </li> 267 </ul> 268 <p class="xs:text-13">18 Rue Jean Jacques Rousseau â 93230 Romainville - France</p> 269</footer> 270 271 <div id="page-modal-wrapper"></div> 272 </div> 273 274 275 </body> 276</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.