1<!DOCTYPE html> 2<html lang="fr" dir="ltr" prefix="og: https://ogp.me/ns#"> 3 <head> 4 <meta charset="utf-8" /> 5<link rel="canonical" href="https://civipol.fr/fr/contact" /> 6<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" /> 7<meta name="MobileOptimized" content="width" /> 8<meta name="HandheldFriendly" content="true" /> 9<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> 10<link rel="stylesheet" href="/sites/default/files/fontyourface/local_fonts/din_next_bold/font.css" media="all" /> 11<link rel="stylesheet" href="/sites/default/files/fontyourface/local_fonts/din_next_light/font.css" media="all" /> 12<link rel="stylesheet" href="/sites/default/files/fontyourface/local_fonts/din_next_medium/font.css" media="all" /> 13<meta http-equiv="x-ua-compatible" content="ie=edge" /> 14<link rel="icon" href="/themes/contrib/civipol/favicon.ico" type="image/vnd.microsoft.icon" /> 15<link rel="alternate" hreflang="fr" href="https://civipol.fr/fr/contact" /> 16<link rel="alternate" hreflang="en" href="https://civipol.fr/en/contact" /> 17 18 <title>Nous Contacter - Civipol</title> 19 <link rel="apple-touch-icon" sizes="180x180" href="/themes/contrib/civipol/favicon/apple-touch-icon.png"> 20 <link rel="icon" type="image/png" sizes="32x32" href="/themes/contrib/civipol/favicon/favicon-32x32.png"> 21 <link rel="icon" type="image/png" sizes="16x16" href="/themes/contrib/civipol/favicon/favicon-16x16.png"> 22 <link rel="manifest" href="/themes/contrib/civipol/favicon/site.webmanifest"> 23 <link rel="mask-icon" href="/themes/contrib/civipol/favicon/safari-pinned-tab.svg" color="#5bbad5"> 24 <meta name="apple-mobile-web-app-title" content="Civipol"> 25 <meta name="application-name" content="Civipol"> 26 <meta name="msapplication-TileColor" content="#ffffff"> 27 <meta name="theme-color" content="#ffffff"> 28 <link rel="stylesheet" media="all" href="//stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" /> 29<link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.element.flexbox.css?tkzkgk" /> 30<link rel="stylesheet" media="all" href="/core/modules/system/css/components/align.module.css?tkzkgk" /> 31<link rel="stylesheet" media="all" href="/core/modules/system/css/components/fieldgroup.module.css?tkzkgk" /> 32<link rel="stylesheet" media="all" href="/core/modules/system/css/components/container-inline.module.css?tkzkgk" /> 33<link rel="stylesheet" media="all" href="/core/modules/system/css/components/clearfix.module.css?tkzkgk" /> 34<link rel="stylesheet" media="all" href="/core/modules/system/css/components/details.module.css?tkzkgk" /> 35<link rel="stylesheet" media="all" href="/core/modules/system/css/components/hidden.module.css?tkzkgk" /> 36<link rel="stylesheet" media="all" href="/core/modules/system/css/components/item-list.module.css?tkzkgk" /> 37<link rel="stylesheet" media="all" href="/core/modules/system/css/components/js.module.css?tkzkgk" /> 38<link rel="stylesheet" media="all" href="/core/modules/system/css/components/nowrap.module.css?tkzkgk" /> 39<link rel="stylesheet" media="all" href="/core/modules/system/css/components/position-container.module.css?tkzkgk" /> 40<link rel="stylesheet" media="all" href="/core/modules/system/css/components/reset-appearance.module.css?tkzkgk" /> 41<link rel="stylesheet" media="all" href="/core/modules/system/css/components/resize.module.css?tkzkgk" /> 42<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-counter.css?tkzkgk" /> 43<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-counters.css?tkzkgk" /> 44<link rel="stylesheet" media="all" href="/core/modules/system/css/components/system-status-report-general-info.css?tkzkgk" /> 45<link rel="stylesheet" media="all" href="/core/modules/system/css/components/tablesort.module.css?tkzkgk" /> 46<link rel="stylesheet" media="all" href="/core/misc/components/progress.module.css?tkzkgk" /> 47<link rel="stylesheet" media="all" href="/core/misc/components/ajax-progress.module.css?tkzkgk" /> 48<link rel="stylesheet" media="all" href="/core/modules/views/css/views.module.css?tkzkgk" /> 49<link rel="stylesheet" media="all" href="/libraries/jquery.intl-tel-input/build/css/intlTelInput.min.css?tkzkgk" /> 50<link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.element.details.toggle.css?tkzkgk" /> 51<link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.element.message.css?tkzkgk" /> 52<link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.form.css?tkzkgk" /> 53<link rel="stylesheet" media="all" href="/modules/contrib/captcha/css/captcha.css?tkzkgk" /> 54<link rel="stylesheet" media="all" href="/modules/contrib/webform/css/webform.ajax.css?tkzkgk" /> 55<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/variables.css?tkzkgk" /> 56<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/user.css?tkzkgk" /> 57<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/progress.css?tkzkgk" /> 58<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/node.css?tkzkgk" /> 59<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/
59affix.css?tkzkgk" /> 60<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/book.css?tkzkgk" /> 61<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/contextual.css?tkzkgk" /> 62<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/feed-icon.css?tkzkgk" /> 63<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/field.css?tkzkgk" /> 64<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/header.css?tkzkgk" /> 65<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/help.css?tkzkgk" /> 66<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/icons.css?tkzkgk" /> 67<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/image-button.css?tkzkgk" /> 68<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/item-list.css?tkzkgk" /> 69<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/list-group.css?tkzkgk" /> 70<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/media.css?tkzkgk" /> 71<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/page.css?tkzkgk" /> 72<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/search-form.css?tkzkgk" /> 73<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/shortcut.css?tkzkgk" /> 74<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/sidebar.css?tkzkgk" /> 75<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/site-footer.css?tkzkgk" /> 76<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/skip-link.css?tkzkgk" /> 77<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/table.css?tkzkgk" /> 78<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tabledrag.css?tkzkgk" /> 79<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tableselect.css?tkzkgk" /> 80<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tablesort-indicator.css?tkzkgk" /> 81<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/ui.widget.css?tkzkgk" /> 82<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/tabs.css?tkzkgk" /> 83<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/toolbar.css?tkzkgk" /> 84<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/vertical-tabs.css?tkzkgk" /> 85<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/views.css?tkzkgk" /> 86<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/webform.css?tkzkgk" /> 87<link rel="stylesheet" media="all" href="/themes/contrib/bootstrap_barrio/css/components/ui-dialog.css?tkzkgk" /> 88<link rel="stylesheet" media="all" href="//fonts.googleapis.com/icon?family=Material+Icons" /> 89<link rel="stylesheet" media="all" href="/libraries/bootstrap/css/bootstrap.min.css?tkzkgk" /> 90<link rel="stylesheet" media="all" href="/themes/contrib/civipol/css/style.css?tkzkgk" /> 91<link rel="stylesheet" media="all" href="/themes/contrib/civipol/css/block.css?tkzkgk" /> 92<link rel="stylesheet" media="all" href="/themes/contrib/civipol/css/colors.css?tkzkgk" /> 93<link rel="stylesheet" media="all" href="/core/../themes/contrib/bootstrap_barrio/components/menu/menu.css?tkzkgk" /> 94<link rel="stylesheet" media="all" href="/core/../themes/contrib/bootstrap_barrio/components/menu_columns/menu_columns.css?tkzkgk" /> 95<link rel="stylesheet" media="print" href="/themes/contrib/bootstrap_barrio/css/print.css?tkzkgk" /> 96 97 98
98<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
98 99 100 <!-- Consentement Cookies --> 101
101<script type="text/javascript" src="https://cache.consentframework.com/js/pa/29323/c/Vbnbp/stub" referrerpolicy="unsafe-url" charset="utf-8"></script>
101 102
102<script> window.Sddan = { "info": { "hd_m" : "", "hd_s256" : "", "uf_postal_code" : "", "uf_bday" : "", "uf_gender" : "", } }; </script>
102 103
103<script type="text/javascript" src="https://choices.consentframework.com/js/pa/29323/c/Vbnbp/cmp" referrerpolicy="unsafe-url" charset="utf-8" async></script>
103 104
104<script type="text/javascript"> 105 // Fonction de rappel lors du clic sur une des validations du bandeau de cookies. 106 const callbackConsentCookie = (tcData, success) => { 107 // Validation action clic 108 if (success && tcData.eventStatus === 'useractioncomplete') { 109 // Le client a donné son consentement, activation Matomo 110 if (tcData?.publisher?.consents[8]) { 111 // enable the use of navigator.sendBeacon() 112 _paq.push(['alwaysUseSendBeacon']); 113 114 // standard Matomo tracking code below 115 _paq.push(['trackPageView']); 116 _paq.push(['enableLinkTracking']); 117 (function() { 118 var u="//civipol.matomo.wassa-prod.com/"; 119 _paq.push(['setTrackerUrl', u+'matomo.php']); 120 _paq.push(['setSiteId', '1']); 121 var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; 122 g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s); 123 })(); 124 } 125 } 126 } 127 // Ajout d'une écoute d'évènement 128 window.__tcfapi("addEventListener", 2, callbackConsentCookie); 129 130 // Fonction de suivie pour Matomo avec vérification si consentement 131 let _paq = window._paq || []; 132 function trackEventAndRouting(sectionName, actionName, pageName, buttonName, url) { 133 window.__tcfapi("getTCData", 2, function (tcData, success) { 134 if (tcData.publisher.consents[8]) { 135 _paq.push(['trackEvent', sectionName, actionName, pageName, buttonName]); 136 } 137 }); 138 let win = window.open(url, '_blank'); 139 win.focus(); 140 } 141 function trackEvent(sectionName, actionName, pageName) { 142 window.__tcfapi("getTCData", 2, function (tcData, success) { 143 if (tcData.publisher.consents[8]) { 144 _paq.push(['trackEvent', sectionName, actionName, pageName]); 145 } 146 }); 147 } 148 </script>
148 149 <!-- Fin consentement Cookies --> 150 151 </head> 152 <body class="fontyourface layout-no-sidebars page-node-30 path-node node--type-contact-us"> 153 154 <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> 155 <div id="page-wrapper"> 156 <div id="page"> 157 <header id="header" class="header contact_us" role="banner" aria-label="Entête du site"> 158 <nav id="top-menu" role="navigation" aria-labelledby="block-top-menu-menu" id="block-top-menu" class="navbar navbar-expand-sm px-0 navigation menu--top-menu"> 159 <div class="container"> 160 161 <ul id="block-top-menu" class="clearfix nav navbar-nav ml-auto mr-0"> 162 <li class="nav-item active"> 163 <a href="/fr/contact" class="nav-link active is-active" data-drupal-link-system-path="node/30" aria-current="page">Nous contacter</a> 164 </li> 165 </ul> 166 167 168 169 170 <span class="vertical-line mx-2"></span> 171 <ul class="navbar-nav"> 172 <li class="nav-item dropdown"> 173 <a class="nav-link dropdown-toggle d-flex align-items-center" href="javascript:void(0)" id="language-selector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 174 Français 175 </a> 176 <div class="dropdown-menu" aria-labelledby="language-selector"><a href="/fr/contact" class="language-link is-active" hreflang="fr" data-drupal-link-system-path="node/30" aria-current="page">French</a> 177 <a href="/en/contact" class="language-link" hreflang="en" data-drupal-link-system-path="node/30">English</a> 178 </div> 179 </li> 180 </ul> 181 182 </div> 183 </nav> 184<nav id="main-menu" role="navigation" 185 aria-labelledby="block-civipol-main-menu-menu" id="block-civipol-main-menu" class="navbar navbar-expand-xl sticky-top navigation menu--main"> 186 <div class="container"> 187 <a class="navbar-brand d-flex justify-content-center" href="/fr/"> 188 <span class="logo"></span> 189 <span class="d-none">Civipol</span> 190 </a> 191 <div class="collapse navbar-collapse d-none d-xl-block"> 192 193 <ul id="block-civipol-main-menu" class="clearfix nav navbar-nav ml-auto mr-4"> 194 <li class="nav-item menu-item--expanded dropdown"> 195 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">CIVIPOL</a> 196 <ul class="dropdown-menu"> 197 <li class="dropdown-item"> 198 <a href="/fr/civipol/operateur" data-drupal-link-system-path="node/1">L'opérateur</a> 199 </li> 200 <li class="dropdown-item"> 201 <a href="/fr/civipol/organigramme" data-drupal-link-system-path="node/44">Organigramme</a> 202 </li> 203 </ul> 204 205 </li> 206 <li class="nav-item menu-item--expanded dropdown"> 207 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Missions et projets</a> 208 <ul class="dropdown-menu"> 209 <li class="dropdown-item"> 210 <a href="/fr/missions-et-projets/missions" data-drupal-link-system-path="node/11">Missions</a> 211 </li> 212 <li class="dropdown-item"> 213 <a href="/fr/missions-et-projets/projets" data-drupal-link-system-path="node/28">Projets</a> 214 </li> 215 </ul> 216 217 </li> 218 <li class="nav-item"> 219 <a href="/fr/savoir-faire" class="nav-link" data-drupal-link-system-path="node/25">Savoir-faire</a> 220 </li> 221 <li class="nav-item menu-item--expanded dropdown"> 222 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Actualités</a> 223 <ul class="dropdown-menu"> 224 <li class="dropdown-item"> 225 <a href="/fr/actualites" data-drupal-link-system-path="node/24">Actualités</a> 226 </li> 227 <li class="dropdown-item"> 228 <a href="/fr/appel-d-offres" data-drupal-link-system-path="tenders">Appels d'offres</a> 229 </li> 230 </ul> 231 232 </li> 233 <li class="nav-item"> 234 <a href="/fr/offre-d-emploi-expert" class="nav-link" data-drupal-link-system-path="job-offers-expert">Recrutement</a> 235 </li> 236 </ul> 237 238 239 240 </div> 241 <a href="https://baseexperts.civipol.fr/" target="_blank" class="btn btn-red ml-auto mr-3 d-none d-md-flex">Devenir expert</a> 242 <div class="btn-group d-none d-xl-block search"> 243 <div class="overlay"></div> 244 <button type="button" class="btn btn-search dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" 245 aria-expanded="false"> 246 Search 247 </button> 248 <div class="container dropdown-menu dropdown-menu-right py-0"> 249 <form class="d-flex px-3 justify-content-between align-items-center search-site" action="/fr/search" method="get"> 250 <div class="col px-0"> 251 <input id="edit-search_keys" type="text" name="search_keys" class="form-text form-control" 252 data-drupal-selector="edit-search_keys" placeholder="Rechercher un projet, une personne, un pays, etc." 253 value=""> 254 </div> 255 <div class="ml-3"> 256 <input id="edit-submit-site-search" type="submit" value="Rechercher" class="button js-form-submit form-submit btn btn-red" 257 data-drupal-selector="edit-submit-site-search"> 258 </div> 259 </form> 260 </div> 261 </div> 262 <button class="btn navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" 263 data-target="#menu-mobile">
264 <span class="navbar-toggler-icon"></span> 265 </button> 266 </div> 267 </nav> 268 269<div id="menu-mobile" class="collapsed collapse d-xl-none"> 270 <div id="menu-mobile-top-bar"> 271 <div class="container px-3 d-flex justify-content-center align-items-center"> 272 <a class="navbar-brand d-flex justify-content-center mr-auto" href="/fr/"> 273 <span class="logo black"></span> 274 </a> 275 <a href="/fr/expert" class="btn btn-red d-none d-md-flex">Devenir expert</a> 276 <button class="btn navbar-toggler navbar-toggler-right collapsed ml-3" type="button" data-toggle="collapse" 277 data-target="#menu-mobile"> 278 <span class="navbar-toggler-icon"></span> 279 </button> 280 </div> 281 </div> 282 <div id="menu-mobile-content" class="h-100"> 283 <div class="container-block-content d-flex flex-column justify-content-start align-items-center h-100 px-4 px-sm-5"> 284 <a href="/fr/expert" class="w-100 btn btn-red btn-block d-md-none mt-4 mb-2">Devenir expert</a> 285 <div class="top-menu w-100"> 286 287 <ul id="block-civipol-main-menu" class="clearfix nav navbar-nav ml-auto mr-4"> 288 <li class="nav-item menu-item--expanded dropdown"> 289 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">CIVIPOL</a> 290 <ul class="dropdown-menu"> 291 <li class="dropdown-item"> 292 <a href="/fr/civipol/operateur" data-drupal-link-system-path="node/1">L'opérateur</a> 293 </li> 294 <li class="dropdown-item"> 295 <a href="/fr/civipol/organigramme" data-drupal-link-system-path="node/44">Organigramme</a> 296 </li> 297 </ul> 298 299 </li> 300 <li class="nav-item menu-item--expanded dropdown"> 301 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Missions et projets</a> 302 <ul class="dropdown-menu"> 303 <li class="dropdown-item"> 304 <a href="/fr/missions-et-projets/missions" data-drupal-link-system-path="node/11">Missions</a> 305 </li> 306 <li class="dropdown-item"> 307 <a href="/fr/missions-et-projets/projets" data-drupal-link-system-path="node/28">Projets</a> 308 </li> 309 </ul> 310 311 </li> 312 <li class="nav-item"> 313 <a href="/fr/savoir-faire" class="nav-link" data-drupal-link-system-path="node/25">Savoir-faire</a> 314 </li> 315 <li class="nav-item menu-item--expanded dropdown"> 316 <a href="" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false" aria-haspopup="true">Actualités</a> 317 <ul class="dropdown-menu"> 318 <li class="dropdown-item"> 319 <a href="/fr/actualites" data-drupal-link-system-path="node/24">Actualités</a> 320 </li> 321 <li class="dropdown-item"> 322 <a href="/fr/appel-d-offres" data-drupal-link-system-path="tenders">Appels d'offres</a> 323 </li> 324 </ul> 325 326 </li> 327 <li class="nav-item"> 328 <a href="/fr/offre-d-emploi-expert" class="nav-link" data-drupal-link-system-path="job-offers-expert">Recrutement</a> 329 </li> 330 </ul> 331 332 333 334 <form class="d-flex justify-content-between align-items-center search-site" action="/fr/search" method="get"> 335 <div class="col px-0"> 336 <input id="edit-search_keys" type="text" name="search_keys" class="form-text form-control" 337 data-drupal-selector="edit-search_keys" placeholder="Rechercher" 338 value=""> 339 </div> 340 <div class="ml-3"> 341 <input id="edit-submit-site-search" type="submit" value="Rechercher" class="button js-form-submit form-submit btn btn-red" 342 data-drupal-selector="edit-submit-site-search"> 343 </div> 344 </form> 345 </div> 346 <div class="bottom-menu d-flex justify-content-center w-100"> 347 <nav id="top-menu" role="navigation" aria-labelledby="block-top-menu--2-menu" id="block-top-menu--2" class="navbar navbar-expand-sm px-0 navigation menu--top-menu"> 348 <div class="container"> 349 350 <ul id="block-top-menu--2" class="clearfix nav navbar-nav ml-auto mr-0"> 351 <li class="nav-item active"> 352 <a href="/fr/contact" class="nav-link active is-active" data-drupal-link-system-path="node/30" aria-current="page">Nous contacter</a> 353 </li> 354 </ul> 355 356 357 358 359 <span class="vertical-line mx-2"></span> 360 <ul class="navbar-nav"> 361 <li class="nav-item dropdown"> 362 <a class="nav-link dropdown-toggle d-flex align-items-center" href="javascript:void(0)" id="language-selector" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> 363 Français 364 </a> 365 <div class="dropdown-menu" aria-labelledby="language-selector">
365<a href="/fr/contact" class="language-link is-active" hreflang="fr" data-drupal-link-system-path="node/30" aria-current="page">French</a> 366 <a href="/en/contact" class="language-link" hreflang="en" data-drupal-link-system-path="node/30">English</a> 367 </div> 368 </li> 369 </ul> 370 371 </div> 372 </nav> 373 374 </div> 375 </div> 376 </div> 377</div> 378 379 380 </header> 381 <div id="introduction-zone-page" class="position-relative introduction-zone-page contact_us" 382 > 383 <div class="title-block d-flex align-items-center justify-content-center flex-column"> 384 <h1 class="h1 text-uppercase text-center mb-0">Nous Contacter</h1> 385 </div> 386 </div> 387 <div id="main-wrapper" class="layout-main-wrapper clearfix contact_us"> 388 <div id="main" class="container-fluid"> 389 390 <div class="row row-offcanvas row-offcanvas-left clearfix"> 391 <main class="main-content col" id="content" role="main"> 392 <section class="section"> 393 <div data-drupal-messages-fallback class="hidden"></div><div id="block-civipol-content" class="block block-system block-system-main-block"> 394 395 396 <div class="content"> 397 398 399 400<section class="node node--type-contact-us node--view-mode-full clearfix" id="contact-us"> 401 <div class="node__content clearfix"> 402 <div class="container mb-4"> 403 <div class="row flex-row"> 404 <div class="col-12 col-lg-8"> 405 <div class="row"> 406 <span id="webform-submission-contact-node-30-form-ajax-content"></span><div id="webform-submission-contact-node-30-form-ajax" class="webform-ajax-form-wrapper" data-effect="fade" data-progress-type="throbber"> 407<section id="expert" class="webform-container container mb-4"> 408 <div class="row flex-row"> 409 <div class="col"> 410 <div class="row"> 411 <form class="webform-submission-form webform-submission-add-form webform-submission-contact-form webform-submission-contact-add-form webform-submission-contact-node-30-form webform-submission-contact-node-30-add-form js-webform-details-toggle webform-details-toggle" data-drupal-selector="webform-submission-contact-node-30-add-form" action="/fr/contact" method="post" id="webform-submission-contact-node-30-add-form" accept-charset="UTF-8"> 412 413 <div data-drupal-selector="edit-flex-intro" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-intro"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 414 415 416 417 418 419 <div id="edit-contact-team-civipol" class="js-form-item js-form-type-webform-markup form-type-webform-markup js-form-item-contact-team-civipol form-item-contact-team-civipol form-no-label mb-3"> 420 <h2 class="h3">Contacter les équipes de CIVIPOL</h2> 421 422<p>Contactez l'équipe Civipol via le formulaire ci-après, nous vous répondrons au plus vite.</p> 423 424 </div> 425</div></div></div> 426<div data-drupal-selector="edit-flex-name" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-name"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 427 428 429 430 431 432 <div class="js-form-item js-form-type-textfield form-type-textfield js-form-item-name form-item-name mb-3"> 433 <label for="edit-name" class="js-form-required form-required">Votre nom</label> 434 <input data-drupal-selector="edit-name" type="text" id="edit-name" name="name" value="" size="60" maxlength="255" class="required form-control" required="required" aria-required="true" /> 435 436 </div> 437</div></div></div> 438<div data-drupal-selector="edit-flex-email" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-email"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 439 440 441 442 443 444 <div class="js-form-item js-form-type-email form-type-email js-form-item-email form-item-email mb-3"> 445 <label for="edit-email" class="js-form-required form-required">
445Adresse courriel</label> 446 <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" class="form-email required form-control" required="required" aria-required="true" /> 447 448 </div> 449</div></div></div> 450<div data-drupal-selector="edit-flex-phone" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-phone"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 451 452 453 454 455 456 <div class="js-form-item js-form-type-tel form-type-tel js-form-item-phone form-item-phone mb-3"> 457 <label class="w-100" for="edit-phone">Numéro de téléphone <small>Facultatif</small></label> 458 <input class="js-webform-telephone-international webform-webform-telephone-international form-tel form-control" data-webform-telephone-international-initial-country="auto" data-drupal-selector="edit-phone" type="tel" id="edit-phone" name="phone" value="+33" size="30" maxlength="128" /> 459 460 </div> 461</div></div></div> 462<div data-drupal-selector="edit-flex-message" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-message"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 463 464 465 466 467 468 <div class="js-form-item js-form-type-textarea form-type-textarea js-form-item-message form-item-message mb-3"> 469 <label for="edit-message" class="js-form-required form-required">Votre message</label> 470 <div class="form-textarea-wrapper"> 471 <textarea data-drupal-selector="edit-message" id="edit-message" name="message" rows="5" cols="60" class="form-textarea required form-control resize-vertical" required="required" aria-required="true"></textarea> 472</div> 473 474 </div> 475</div></div></div> 476<div style="padding-left: 15px; padding-right: 15px;" data-drupal-selector="edit-flex-captcha" class="webform-flexbox js-webform-flexbox webform-flexbox--center js-form-wrapper form-wrapper mb-3" id="edit-flex-captcha"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"> 477 478 <input data-drupal-selector="edit-captcha-sid" type="hidden" name="captcha_sid" value="711539" class="form-control" /> 479<input data-drupal-selector="edit-captcha-token" type="hidden" name="captcha_token" value="vzj_Mjxyyg4JiapqUVH28ctTynuSPmMXwSqZO2fAGjA" class="form-control" /> 480<input id="recaptcha-v3-token" class="recaptcha-v3-token form-control" data-recaptcha-v3-action="captcha_par_defaut" data-recaptcha-v3-site-key="6Ld_tAMcAAAAAJYtOqL91Y_EpBlYA494r97bYCgN" data-drupal-selector="edit-captcha-response" type="hidden" name="captcha_response" value="" /> 481<input data-drupal-selector="edit-is-recaptcha-v3" type="hidden" name="is_recaptcha_v3" value="1" class="form-control" /> 482 483</div></div></div> 484<div data-drupal-selector="edit-actions" class="form-actions webform-actions js-form-wrapper form-wrapper mb-3" id="edit-actions"><input class="webform-button--submit btn btn-red submit-contact button button--primary js-form-submit form-submit btn btn-primary form-control" data-drupal-selector="edit-actions-submit" data-disable-refocus="true" type="submit" id="edit-actions-submit" name="op" value="Envoyer votre message" /> 485
486<script> 487 $('#edit-actions-submit').on('click', function() { 488 console.log('Matomo'); 489 _paq.push(['trackEvent', 'Formulaire', 'Soumission', 'Contact']); 490 }); 491</script>
491 492 493</div> 494<input autocomplete="off" data-drupal-selector="form-g3bxf8vpwpqcjolix7npnc29gbggo5ykos1v8markfy" type="hidden" name="form_build_id" value="form-G3bXf8VpwpQcJOLIx7NpNC29GbGgo5ykoS1V8markfY" class="form-control" /> 495<input data-drupal-selector="edit-webform-submission-contact-node-30-add-form" type="hidden" name="form_id" value="webform_submission_contact_node_30_add_form" class="form-control" /> 496 497 498 499 </form> 500 </div> 501 </div> 502 </div> 503</section> 504</div> 505 506 507 </div> 508 </div> 509 <div class="col-12 col-lg-4"> 510 <div class="views-element-container"> <div class="views-row"> 511 <div class="d-flex become-expert mb-4" style="background: transparent url('/system/files/images/202.jpg') no-repeat center;"> 512 <div> 513 <h2>Rejoignez notre base d'experts</h2> 514 <p class="text-center mb-0"> 515 <a class="btn btn-red" href="https://baseexperts.civipol.fr/" target="_blank"> 516 Devenir expert</a> 517 </p> 518 </div> 519</div> 520 521 </div> 522 523 524</div> 525 526 <div class="views-element-container"> <div class="views-row"> 527 <div class="press-contact flex-column row mb-5"> 528 <h2 class="h3"> 529 Contacts presse </h2> 530 <h3>SECRÃTARIAT DE CIVIPOL</h3> 531 <h4>Secrétariat Général</h4> 532 <div class="row flex-row coordinates"> 533 <div class="contact-coordinates col"> 534 <div class="press-contact-phone"> 535 <div class="label">PAR TÃLÃPHONE</div> 536 <h4>+33 (0)1 45 44 85 20</h4> 537 </div> 538 <div class="press-contact-fax"> 539 <div class="label">PAR FAX</div> 540 <h4>+33 (0)1 45 44 85 21</h4> 541 </div> 542 <div class="press-contact-mail"> 543 <div class="label">PAR MAIL</div> 544 <h4>[email protected]</h4> 545 </div> 546 </div> 547 <div class="portrait"> 548 <img src="/sites/default/files/images/1473.jpg"> 549 </div> 550 </div> 551</div> 552 553 </div> 554 555 556</div> 557 558 <div class="col-12 contact-follow follow-civipol mb-4"> 559 <h4 class="mb-2 text-center">Suivre les dernières actualités de CIVIPOL </h4> 560 <div class="d-flex flex-row justify-content-center align-items-center"> 561 562<div class="social-networks"> 563 <span class="d-inline-flex social-network linkedin"> 564 <a href="https://www.linkedin.com/company/civi-pol-conseil/" rel="nofollow" target="_blank">LinkedIn</a> 565 </span> 566 </div> 567 568 <div class="social-networks"> 569 <span class="d-inline-flex social-network rss"> 570 <a class="logo logo-rss" href="/news.xml">RSS</a> 571 </span> 572 </div> 573 </div> 574 </div> 575 </div> 576 </div> 577 </div> 578 </div> 579</section> 580 581 </div> 582 </div> 583 584 585 </section> 586 </main> 587 </div> 588 </div> 589 </div> 590 <footer class="site-footer"> 591 <div class="footer-first"> 592 <div class="container"> 593 <div class="d-flex flex-column flex-lg-row align-items-center position-relative"> 594 <div class="mr-auto mb-4 mb-lg-0"> 595 <img src="/themes/contrib/civipol/images/footer/logo-footer.png" class="logo-civipol img-fluid" alt="logotype Civipol"/> 596 </div> 597 598 <ul class="clearfix nav" data-component-id="bootstrap_barrio:menu"> 599 <li class="nav-item active"> 600 <a href="/fr/contact" class="nav-link active nav-link--fr-contact is-active" data-drupal-link-system-path="node/30" aria-current="page">Nous contacter</a> 601 </li> 602 </ul> 603 604 605 606 607 608 <div> 609 <a id="back-to-top" href="javascript:void(0)"></a> 610 </div> 611</div> 612 613 </div> 614 </div> 615 <div class="footer-second"> 616 <div class="container"> 617 <div class="row"> 618 <div class="col-12 col-lg-6 mb-4 mb-lg-0 d-flex flex-column align-items-start justify-content-center"> 619 <p>Suivre les dernières actualités de CIVIPOL :</p> 620 621<div class="social-networks">
622 <span class="d-inline-flex social-network linkedin"> 623 <a href="https://www.linkedin.com/company/civi-pol-conseil/" rel="nofollow" target="_blank">LinkedIn</a> 624 </span> 625 </div> 626 627 </div> 628 <div class="col-12 col-lg-6"> 629 <div class="d-flex justify-content-center justify-content-lg-end align-content-center"> 630 <a href="https://www.interieur.gouv.fr/" target="_blank" class="d-flex align-content-center mr-2"> 631 <img src="/themes/contrib/civipol/images/footer/logo_ministere_interieur.svg" class="logo img-fluid" alt="Ministère de l'intérieur"/> 632 </a> 633 <a href="https://www.milipol.com/" target="_blank" class="d-flex align-content-center ml-2 mr-2"> 634 <img src="/themes/contrib/civipol/images/footer/logo_milipol.svg" class="logo img-fluid" alt="Milipol"/> 635 </a> 636 <img src="/themes/contrib/civipol/images/footer/logo_afnor.svg" class="logo img-fluid ml-2" alt="Afnor ISO 9001"/> 637 <img src="/themes/contrib/civipol/images/footer/logo_sam_noir.svg" class="logo img-fluid ml-2" alt="Société à mission"/> 638 </div> 639 </div> 640</div> 641<hr class="my-4"/> 642<div class="row"> 643 <div id="copyright" class="col-12 col-lg-6 mb-4 mb-lg-0 d-flex justify-content-center justify-content-lg-start align-items-center"> 644 <p class="mb-0">Copyright © 2026 - Website created by <a href="https://www.wassa.io/" target="_blank" title="Wassa">Wassa</a> 645 </p> 646 </div> 647 <div id="footer-link" class="col-12 col-lg-6 d-flex justify-content-center justify-content-lg-end align-items-center"> 648 649 <ul class="clearfix nav flex-row" data-component-id="bootstrap_barrio:menu_columns"> 650 <li class="nav-item"> 651 <a href="/fr/node/651" class="nav-link nav-link--fr-node-651" data-drupal-link-system-path="node/651">RGPD : politique de protection des données personnelles</a> 652 </li> 653 <li class="nav-item"> 654 <a href="/fr/rgpd" class="nav-link nav-link--fr-rgpd" data-drupal-link-system-path="node/49">Charte d'utilisation du site internet</a> 655 </li> 656 <li class="nav-item"> 657 <a href="/fr/mentions-legales" class="nav-link nav-link--fr-mentions-legales" data-drupal-link-system-path="node/46">Mentions légales</a> 658 </li> 659 <li class="nav-item"> 660 <a href="/fr/cookies" class="nav-link nav-link--fr-cookies" data-drupal-link-system-path="node/48">Cookies</a> 661 </li> 662 <li class="nav-item"> 663 <a href="/fr/cgu" class="nav-link nav-link--fr-cgu" data-drupal-link-system-path="node/47">CGU</a> 664 </li> 665 </ul> 666 667 668 669 670 671 </div> 672</div> 673 674 675 </div> 676 </div> 677 </footer> 678 </div> 679</div> 680 681 </div> 682 683 684
684<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"fr\/","currentPath":"node\/30","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"fr"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyNUNGSwiAM_CEKD_dBnUAj4gXSI2m1f3_o6U2nVceXAJvdZBfPrKIVxt5DrYldJPZAnehCqUTjt_2GfssezqBYE1A_oKRY-hS4PKEVHnCFUvIV6uL-kXe9LgzFBBg1HMF5EDQhzWlkWskfyCZF4IoucB65YFGxW19dl7FMH9L6wDTllu5GT6UFL0D29DNhXeyBazYV7z77-cutH0YWUcx_9ueEZ3G3ajMPE6E5o78OcPfTwgkuOxAJmw-1AyokEisw75VbknKMTxY8aAfCi-fXuzKKQHyt13YZj-3fdoxr-QWUHfDw","theme":"civipol","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/fr\/contact?ajax_form=1":true},"ajax":{"edit-actions-submit":{"callback":"::submitAjaxForm","event":"click","effect":"fade","speed":500,"progress":{"type":"throbber","message":""},"disable-refocus":true,"url":"\/fr\/contact?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"op","_triggering_element_value":"Envoyer votre message"}},"edit-captcha-response":{"callback":"recaptcha_v3_ajax_callback","event":"change","url":"\/fr\/contact?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"captcha_response"}}},"webform":{"intlTelInput":{"utilsScript":"\/libraries\/jquery.intl-tel-input\/build\/js\/utils.js"}},"user":{"uid":0,"permissionsHash":"9e87a64d0a8b25f010c08b3a138b1aafa8025b6ad4f9bb93699a6c26cadb501c"}}</script>
vendor: 61 bytes, lines 684-685
684 685<script src="https://www.google.com/recaptcha/api.js?render=
6856Ld_tAMcAAAAAJYtOqL91Y_EpBlYA494r97bYCgN
vendor: 24 bytes, line 685
685" defer async></script>
686<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script>
vendor: 1 bytes, line 686
686
687<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
vendor: 1 bytes, line 687
687
688<script src="/sites/default/files/languages/fr_khJIWdXfp2K_hVpqG4wvAN1vNU13DiPMoU7BcPoFd-Y.js?tkzkgk"></script>
vendor: 1 bytes, line 688
688
689<script src="/core/misc/drupalSettingsLoader.js?v=10.6.5"></script>
vendor: 1 bytes, line 689
689
690<script src="/core/misc/drupal.js?v=10.6.5"></script>
vendor: 1 bytes, line 690
690
691<script src="/core/misc/drupal.init.js?v=10.6.5"></script>
vendor: 1 bytes, line 691
691
692<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.3.0"></script>
vendor: 1 bytes, line 692
692
693<script src="/themes/contrib/bootstrap_barrio/js/barrio.js?v=10.6.5"></script>
vendor: 1 bytes, line 693
693
694<script src="//cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
vendor: 1 bytes, line 694
694
695<script src="//stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
vendor: 1 bytes, line 695
695
696<script src="/libraries/popper/popper.min.js?tkzkgk"></script>
vendor: 1 bytes, line 696
696
697<script src="/libraries/bootstrap/js/bootstrap.min.js?tkzkgk"></script>
vendor: 1 bytes, line 697
697
698<script src="/themes/contrib/civipol/js/global.js?v=10.6.5"></script>
vendor: 1 bytes, line 698
698
699<script src="/libraries/bootstrap/js/bootstrap.bundle.min.js?v=10.6.5"></script>
vendor: 1 bytes, line 699
699
700<script src="/core/misc/jquery.form.js?v=4.3.0"></script>
vendor: 1 bytes, line 700
700
701<script src="/modules/contrib/recaptcha_v3/js/recaptcha_v3.js?tkzkgk"></script>
vendor: 1 bytes, line 701
701
702<script src="/core/misc/progress.js?v=10.6.5"></script>
vendor: 1 bytes, line 702
702
703<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
vendor: 1 bytes, line 703
703
704<script src="/core/misc/debounce.js?v=10.6.5"></script>
vendor: 1 bytes, line 704
704
705<script src="/core/misc/announce.js?v=10.6.5"></script>
vendor: 1 bytes, line 705
705
706<script src="/core/misc/message.js?v=10.6.5"></script>
vendor: 1 bytes, line 706
706
707<script src="/themes/contrib/bootstrap_barrio/js/messages.js?tkzkgk"></script>
vendor: 1 bytes, line 707
707
708<script src="/core/misc/ajax.js?v=10.6.5"></script>
vendor: 1 bytes, line 708
708
709<script src="/modules/contrib/webform/js/webform.scroll.js?tkzkgk"></script>
vendor: 1 bytes, line 709
709
710<script src="/modules/contrib/webform/js/webform.ajax.js?tkzkgk"></script>
vendor: 1 bytes, line 710
710
711<script src="/modules/contrib/webform/js/webform.element.details.save.js?tkzkgk"></script>
vendor: 1 bytes, line 711
711
712<script src="/modules/contrib/webform/js/webform.element.details.toggle.js?tkzkgk"></script>
vendor: 1 bytes, line 712
712
713<script src="/modules/contrib/webform/js/webform.element.message.js?tkzkgk"></script>
vendor: 1 bytes, line 713
713
714<script src="/libraries/jquery.intl-tel-input/build/js/intlTelInput.min.js?v=17.0.19"></script>
vendor: 1 bytes, line 714
714
715<script src="/libraries/jquery.intl-tel-input/build/js/intlTelInput-jquery.min.js?v=17.0.19"></script>
vendor: 1 bytes, line 715
715
716<script src="/modules/contrib/webform/js/webform.element.telephone.js?tkzkgk"></script>
vendor: 1 bytes, line 716
716
717<script src="/core/misc/form.js?v=10.6.5"></script>
vendor: 1 bytes, line 717
717
718<script src="/modules/contrib/webform/js/webform.behaviors.js?tkzkgk"></script>
vendor: 1 bytes, line 718
718
719<script src="/core/misc/states.js?v=10.6.5"></script>
vendor: 1 bytes, line 719
719
720<script src="/modules/contrib/webform/js/webform.states.js?tkzkgk"></script>
vendor: 1 bytes, line 720
720
721<script src="/modules/contrib/webform/js/webform.form.js?tkzkgk"></script>
721 722 723 </body> 724</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.