1<!DOCTYPE html> 2<html lang="fr"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=6"> 6 <meta name="msvalidate.01" content="735CCA7CD07A5765B5870060D5C73E76"/> 7 <meta name="google-site-verification" content="FCHlYrLMZG3F1Xd8I3Qq6Aa9cDqItTqqp9FpaMyDysg"/> 8 <title>Viaduc de Millau | Contact</title> 9
9<script> 10document.addEventListener("DOMContentLoaded", function() { 11 12 // page résultats de recherche 13 var urlParams = new URLSearchParams(window.location.search); 14 var siteTitle = ""; 15 var paginationCount = sessionStorage.getItem("paginationCount"); 16 var query = urlParams.get("query"); 17 if (paginationCount && parseInt(paginationCount) == 0 || query =="") { 18 document.title = 'Résultats de la recherche "' + query + '", aucun résultat | ' + siteTitle; 19 } 20 if (paginationCount && parseInt(paginationCount) > 0) { 21 document.title = 'Résultats de la recherche "' + query + '", ' + paginationCount + ' résultats | ' + siteTitle; 22 } 23 24 //page d'actualités 25 var title0 = document.title; 26 updateTitleNews(); 27 //detecter les changement dans l'url et maj le titre 28 window.addEventListener("popstate", updateTitleNews); 29 ["pushState", "replaceState"].forEach(fn => { 30 const original = history[fn]; 31 history[fn] = function () { 32 const result = original.apply(this, arguments); 33 updateTitleNews(); 34 return result; 35 }; 36 }); 37 function updateTitleNews() { 38 var urlParamsActu = new URLSearchParams(window.location.search); 39 var isNewsList = document.querySelectorAll(".liste-complete-block__inner.actuality.newsList"); 40 if(isNewsList.length > 0){ 41 var title = title0; 42 var dates = urlParamsActu.get("dates"); 43 if (dates) { 44 title = title + " | dates = " + dates; 45 } 46 var categories = urlParamsActu.get("categories"); 47 if(categories){ 48 title = title + " | categories = " + categories; 49 } 50 document.title = title; 51 } 52 } 53}); 54</script>
54<meta name="robots" content="index,follow"> 55 <link rel="apple-touch-icon" sizes="57x57" href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-57x57.png"> 56 <link rel="apple-touch-icon" sizes="60x60" href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-60x60.png"> 57 <link rel="apple-touch-icon" sizes="72x72" href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-72x72.png"> 58 <link rel="apple-touch-icon" sizes="76x76" href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-76x76.png"> 59 <link rel="apple-touch-icon" sizes="114x114" 60 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-114x114.png"> 61 <link rel="apple-touch-icon" sizes="120x120" 62 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-120x120.png"> 63 <link rel="apple-touch-icon" sizes="144x144" 64 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-144x144.png"> 65 <link rel="apple-touch-icon" sizes="152x152" 66 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-152x152.png"> 67 <link rel="apple-touch-icon" sizes="180x180" 68 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-180x180.png"> 69 <link rel="icon" type="image/png" sizes="192x192" 70 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-192x192.png"> 71 <link rel="icon" type="image/png" sizes="32x32" 72 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-32x32.png"> 73 <link rel="icon" type="image/png" sizes="96x96" 74 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-96x96.png"> 75 <link rel="icon" type="image/png" sizes="16x16" 76 href="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-16x16.png"> 77 <meta name="msapplication-TileImage" content="/modules/EIFFAGEUXDesignTemplates/images/favicon/favicon-144x144.png"> 78 <meta name="msvalidate.01" content="735CCA7CD07A5765B5870060D5C73E76"/> 79<meta name="google-site-verification" content="FCHlYrLMZG3F1Xd8I3Qq6Aa9cDqItTqqp9FpaMyDysg"/> 80<!-- pour modifier les valeurs envoyées dans le json de GTM il faut recuperer la valeur tCTypeDeMarquage et modifier les données du json selon 81la demande client -->
82<script type="text/javascript" src="https://cdn.tagcommander.com/6635/tc_APRR_62.js?cachebuster"></script>
82 83<!-- si il n'y a pas de type de marquage selectionner en n'envoie pas le dataLayer -->
84<script> 85 var tc_vars = { 86 env_language:"fr" , 87 site_env: "prod", 88 site_version: "2", 89 site_division: "aprr", 90 page: "contact_form", 91 page_type: "contact_form", 92 page_chapter1: "contact_form", 93 page_chapter2: "undefined", 94 page_chapter3: "undefined" 95 } 96 97 if(tc_vars['page_chapter1'] == "undefined"){ 98 tc_vars['page_chapter1'] = undefined 99 } 100 if(tc_vars['page_chapter2'] == "undefined"){ 101 tc_vars['page_chapter2'] = undefined 102 } 103 if(tc_vars['page_chapter3'] == "undefined"){ 104 tc_vars['page_chapter3'] = undefined 105 } 106 </script>
106 107<link rel="stylesheet" href="/modules/EIFFAGEUXDesignTemplates/css/fonts.css"> 108 <link rel="canonical" href="https://www.leviaducdemillau.com/sites/viaducdemillau/accueil-viaduc-de-millau/contact.html"/> 109 <meta name="msapplication-TileColor" content="#ffffff"> 110 <meta name="theme-color" content="#ffffff"> 111 <meta name="apple-mobile-web-app-status-bar-style" content="black"> 112 113 114 115 116 117 118<meta property="og:title" content="Contact"> 119 <meta property="og:type" content="article"> 120 <meta property="og:url" content="https://www.leviaducdemillau.com/sites/viaducdemillau/accueil-viaduc-de-millau/contact.html"> 121 <meta property="og:description" content=""> 122 <meta property="og:site_name" content="Viaduc de Millau"/> 123 124 <meta name="twitter:card" content="summary"> 125 <meta name="twitter:site" content=""> 126 <meta name="twitter:title" content="Contact"> 127 <meta name="twitter:description" content=""> 128 <meta name="twitter:creator" content="">
vendor: 93 bytes, lines 128-130
128 129 <script src='https://www.google.com/recaptcha/api.js?hl=fr' async defer></script> 130
130<script src="https://cart.guidap.net/v1/" async defer data-token="oyfCd49APag3QsNZJRTBrxWFznM16ql2SLkE" 131 data-lang="fr" data-currency="EUR"></script>
131 132
133<script type="application/json" id="jahia-data-ctx">{"contextPath":"","lang":"fr","uilang":"fr","siteUuid":"baff974d-a27d-45b8-98c2-9427a72a065f","wcag":true,"ckeCfg":""}</script>
vendor: 1 bytes, line 133
133
134<script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"fr_FR"}</script>
134 135<link id="staticAssetCSS0" rel="stylesheet" href="/generated-resources/8971d73a546044b278f7c856a83684b.min.css?1788955255116" media="print" type="text/css"/> 136<link id="staticAssetCSS1" rel="stylesheet" href="/generated-resources/fdcfd1e572a68cf8aeb3679e041648f.min.css?1789571816562" media="screen" type="text/css"/>
137<script id="staticAssetJavascript0" src="/generated-resources/6d76e4736428f64875fc597d3169da60.min.js?1789571816562" ></script>
vendor: 1 bytes, line 137
137
138<script type="application/ld+json"> 139 { 140 "@context": "https://schema.org", 141 "@type": "Organization", 142 "name": "Eiffage", 143 "url": "/sites/viaducdemillau/accueil-viaduc-de-millau.html'", 144 "logo": "/files/live/sites/viaducdemillau/files/logo/VIADUC_DE_MILLAU.svg", 145 "sameAs": [ 146 "https://www.facebook.com/Eiffage/", 147 "https://twitter.com/eiffage", 148 "https://www.instagram.com/eiffagegroupe/", 149 "https://www.youtube.com/channel/UCAK5wDoQ5jdtg8lyQxFWPGw", 150 "https://www.linkedin.com/company/eiffage_2" 151 ] 152 } 153 154 </script>
154 155
155<script type="application/ld+json"> 156 { 157 "@context": "https://schema.org", 158 "@type": "ProfessionalService", 159 "name": "Eiffage", 160 "image": "/files/live/sites/viaducdemillau/files/logo/VIADUC_DE_MILLAU.svg", 161 "@id": "", 162 "url": "/sites/viaducdemillau/accueil-viaduc-de-millau.html'", 163 "telephone": "", 164 "address": { 165 "@type": "PostalAddress", 166 "streetAddress": "", 167 "addressLocality": "", 168 "postalCode": "", 169 "addressCountry": "" 170 } 171 } 172 173 174 </script>
174 175
176<script type="application/ld+json"> 177 { 178 "@context": "https://schema.org", 179 "@type": "BreadcrumbList", 180 "itemListElement": 181 [ 182 { 183 "@type": "ListItem", 184 "position": 0, 185 "name": "Accueil", 186 "item": "/sites/viaducdemillau/accueil-viaduc-de-millau.html" 187 } 188 { 189 "@type": "ListItem", 190 "position": 1, 191 "name": "Contact" 192 } 193 ] 194 } 195 </script>
195 196
197<script type="application/json" id="jahia-data-aggregatedjs">{"scripts":["/modules/jquery/javascript/jquery-3.7.1.min.js","/modules/assets/javascript/jquery.jahia.min.js","/modules/EIFFAGEUXDesignModules/javascript/navMenu.js","/modules/EIFFAGEUXDesignModules/javascript/search.js","/modules/EIFFAGEUXDesignModules/javascript/linkEffect.js","/modules/EIFFAGEUXDesignFormulaire/javascript/selectField.js","/modules/EIFFAGEUXDesignTemplates/javascript/clearDiv.js"]}</script>
197 198 199</head> 200<body class="transitioned-page" data-lang=""> 201<div class="intro" style="display: none"> 202 <div class="intro__out"> 203 <div class="intro__stripe"> 204 <div class="stripe__inner"></div> 205 </div> 206 <div class="intro__stripe"> 207 <div class="stripe__inner"></div> 208 </div> 209 <div class="intro__stripe"> 210 <div class="stripe__inner"></div> 211 </div> 212 <div class="intro__stripe"> 213 <div class="stripe__inner"></div> 214 </div> 215 <div class="intro__stripe"> 216 <div class="stripe__inner"></div> 217 </div> 218 <div class="intro__stripe"> 219 <div class="stripe__inner"></div> 220 </div> 221 <div class="intro__stripe"> 222 <div class="stripe__inner"></div> 223 </div> 224 <div class="intro__stripe"> 225 <div class="stripe__inner"></div> 226 </div> 227 </div> 228 <div class="intro__in"></div> 229</div> 230<div id="app"> 231 <header role="banner"> 232 <section class="sup-header"> 233 <div class="sup-header__content"> 234 <div> 235 <a href="#main" class="sup-header__a">Aller au contenu</a> 236 <button type="button" class="sup-header__btn" id="toggleSupHeader" aria-expanded="false" aria-controls="moreContent"> 237 <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 238 <path d="M15.998 8.89674C15.9957 8.66278 15.9839 8.43047 15.9618 8.20179C15.8878 7.43938 15.7055 6.70856 15.4324 6.02348C15.412 5.97248 15.3932 5.92082 15.3715 5.87047C15.0076 5.01067 14.4966 4.22786 13.8711 3.55233C13.8299 3.50823 13.7881 3.4648 13.7463 3.42202C13.6282 3.29929 13.5068 3.17951 13.3811 3.06467C11.959 1.76987 10.0702 0.979492 7.99984 0.979492C5.91202 0.979492 4.00979 1.78402 2.58369 3.09857C2.25135 3.40491 1.94599 3.73922 1.66894 4.09723C0.623877 5.44896 0 7.14225 0 8.97933C0 13.3909 3.58894 16.9795 8.00016 16.9795C11.1031 16.9795 13.797 15.2026 15.1231 12.6137C15.4067 12.0602 15.6275 11.4702 15.7762 10.8519C15.8141 10.695 15.8467 10.5374 15.875 10.3778C15.9556 9.92337 15.9997 9.45612 15.9997 8.97933C16 8.95169 15.9984 8.92438 15.998 8.89674ZM14.4923 5.69937L14.5387 5.64738C14.5996 5.76551 14.6565 5.88561 14.7108 6.00736L14.6351 6.0044L14.4923 6.02414V5.69937ZM13.3363 4.30354L13.3377 3.9462C13.4634 4.07946 13.5845 4.21667 13.7003 4.35882L13.5562 4.57336L13.0524 4.56876L13.0208 4.46379L13.3363 4.30354ZM3.68601 3.41544V3.40195H3.84625L3.86007 3.347H4.12232V3.46151L4.04697 3.5622H3.68568L3.68601 3.41544ZM3.942 3.77246C3.942 3.77246 4.10225 3.74515 4.11607 3.74515C4.12989 3.74515 4.11607 3.90507 4.11607 3.90507L3.75478 3.92777L3.68601 3.84551L3.942 3.77246ZM15.002 6.94811H14.4166L14.0599 6.68257L13.6845 6.71909V6.94811H13.5657L13.4374 6.85663L12.7872 6.69178V6.2706L11.9632 6.33476L11.7079 6.47198H11.3808L11.2206 6.45585L10.8234 6.67631V7.09125L10.0116 7.67695L10.0791 7.92703H10.2436L10.2005 8.16526L10.0847 8.20771L10.0784 8.83027L10.78 9.6292H11.0853L11.1038 9.5805H11.6526L11.8109 9.43407H12.1222L12.2929 9.60518L12.7569 9.65322L12.6954 10.2702L13.2103 11.1793L12.9392 11.6976L12.9576 11.9418L13.1712 12.1546V12.7417L13.4515 13.1188V13.6064H13.6937C12.3459 15.2612 10.2946 16.3211 7.99951 16.3211C3.95155 16.3214 0.658098 13.0276 0.658098 8.97933C0.658098 7.96026 0.867373 6.98891 1.24413 6.10607V5.87706L1.50671 5.55821C1.59786 5.38611 1.69559 5.2183 1.7999 5.05476L1.81174 5.18803L1.50704 5.55821C1.41261 5.73655 1.32442 5.91884 1.24446 6.10607V6.52397L1.54949 6.67072V7.25149L1.84202 7.75066L2.07992 7.78718L2.11052 7.61608L1.82984 7.18305L1.77489 6.7622H1.93941L2.00884 7.19522L2.41456 7.78718L2.30992 7.97836L2.5679 8.37289L3.20856 8.53149V8.42784L3.46488 8.46437L3.44053 8.64732L3.64191 8.68417L3.95286 8.76907L4.39214 9.26955L4.95317 9.312L5.00812 9.7697L4.62412 10.0382L4.60603 10.4469L4.55107 10.697L5.10651 11.3922L5.14896 11.6305C5.14896 11.6305 5.35033 11.6851 5.37501 11.6851C5.39936 11.6851 5.82647 12.0086 5.82647 12.0086V13.2652L5.97882 13.308L5.87517 13.8877L6.1315 14.2296L6.08411 14.8042L6.4227 15.3994L6.85738 15.7791L7.29435 15.787L7.33713 15.6465L7.01598 15.376L7.03441 15.2418L7.09199 15.0773L7.10416 14.9094L6.88699 14.9029L6.77742 14.7653L6.95774 14.5919L6.98209 14.461L6.78071 14.4034L6.79256 14.2816L
2387.07949 14.2382L7.5158 14.0286L7.66223 13.7601L8.11994 13.1744L8.01596 12.7163L8.15646 12.4725L8.57732 12.4853L8.86063 12.2609L8.9521 11.3771L9.26634 10.978L9.3213 10.7216L9.03469 10.6298L8.84549 10.3195L8.19891 10.313L7.68625 10.1175L7.6619 9.75193L7.4908 9.45283L7.02717 9.44592L6.75932 9.02539L6.52142 8.90924L6.50924 9.03757L6.07622 9.06324L5.91761 8.84244L5.46583 8.75064L5.09368 9.18071L4.50797 9.08133L4.46552 8.42126L4.03809 8.34821L4.20952 8.02443L4.16049 7.83852L3.59881 8.21396L3.24541 8.17085L3.11938 7.89478L3.19638 7.61016L3.39118 7.25116L3.83967 7.02412L4.70573 7.02379L4.70342 7.28802L5.0147 7.4328L4.99003 6.98134L5.21444 6.75562L5.66721 6.45816L5.69814 6.24888L6.14959 5.779L6.62968 5.51313L6.58723 5.47825L6.91233 5.17223L7.03144 5.20382L7.08607 5.27226L7.20946 5.13538L7.23973 5.12189L7.10449 5.1028L6.96728 5.05707V4.92545L7.04 4.86589H7.20025L7.27362 4.89813L7.33713 5.02646L7.41479 5.01462V5.00343L7.43716 5.011L7.66223 4.97645L7.69415 4.86655L7.82248 4.89879V5.01791L7.70336 5.09984H7.70369L7.72113 5.23047L8.12882 5.35617C8.12882 5.35617 8.12915 5.35782 8.12981 5.36111L8.22359 5.35321L8.22984 5.17651L7.90671 5.02943L7.88829 4.94453L8.15646 4.85306L8.16831 4.5964L7.88796 4.42562L7.86953 3.99292L7.4852 4.1818H7.34503L7.38188 3.85242L6.85869 3.72902L6.64218 3.89256V4.3914L6.25292 4.51479L6.09695 4.83989L5.92781 4.8672V4.45129L5.56191 4.40061L5.37896 4.2815L5.30525 4.01201L5.95973 3.62899L6.2799 3.53159L6.31214 3.74679L6.49049 3.73758L6.50431 3.62932L6.69088 3.60267L6.69417 3.56483L6.61388 3.53159L6.59546 3.41709L6.8248 3.39767L6.96333 3.25355L6.9709 3.24302L6.97255 3.24368L7.01466 3.20024L7.49672 3.13937L7.70994 3.32035L7.15089 3.61813L7.86229 3.78595L7.95443 3.54805H8.26538L8.37528 3.34075L8.15548 3.2858V3.02354L7.46612 2.71819L6.99031 2.77314L6.72181 2.91364L6.74024 3.25519L6.45956 3.21242L6.41645 3.02354L6.68529 2.77939L6.19731 2.75504L6.05713 2.79749L5.99626 2.96201L6.17921 2.99294L6.14268 3.17589L5.83173 3.19432L5.78303 3.31607L5.33191 3.32857C5.33191 3.32857 5.3194 3.07257 5.30131 3.07257C5.28321 3.07257 5.65503 3.06632 5.65503 3.06632L5.92387 2.80374L5.77711 2.73036L5.58198 2.91989L5.2582 2.90147L5.06307 2.63296H4.64814L4.21512 2.95642H4.61195L4.64814 3.07257L4.54515 3.16833L4.98443 3.1805L5.05156 3.3391L4.557 3.32067L4.53298 3.1986L4.22203 3.13147L4.05717 3.04L3.68699 3.04296C4.89888 2.16012 6.38914 1.63759 7.99984 1.63759C9.85633 1.63759 11.5526 2.33155 12.8467 3.47171L12.7595 3.62768L12.4209 3.76028L12.2781 3.91527L12.311 4.09591L12.4858 4.12026L12.5911 4.3835L12.8925 4.26208L12.9421 4.61417H12.8513L12.6039 4.57764L12.3295 4.62371L12.0639 4.99882L11.6842 5.05838L11.6292 5.38348L11.7895 5.42132L11.7431 5.63027L11.366 5.55459L11.0202 5.63027L10.9468 5.82276L11.0067 6.22683L11.2097 6.32193L11.5503 6.31995L11.7803 6.29922L11.8504 6.11627L12.2097 5.64935L12.4463 5.69772L12.6792 5.48713L12.7227 5.65166L13.2959 6.03829L13.2258 6.1324L12.9675 6.11858L13.0669 6.25941L13.2258 6.29429L13.412 6.21663L13.4081 5.99222L13.4907 5.95076L13.4242 5.88035L13.0419 5.66712L12.9412 5.38381H13.259L13.3607 5.4845L13.6345 5.72043L13.646 6.00571L13.9296 6.30778L14.0352 5.89384L14.2317 5.78657L14.2685 6.12516L14.4604 6.33575L14.8431 6.32917C14.9171 6.51969 14.9836 6.7135 15.0418 6.91126L15.002 6.94811ZM4.36352 4.61417L4.55568 4.52269L4.72942 4.56415L4.66953 4.79745L4.48197 4.857L4.36352 4.61417ZM5.38324 5.16335V5.31438H4.94429L4.77976 5.26864L4.82089 5.16335L5.03182 5.07615H5.32006V5.16335H5.38324ZM5.58528 5.37394V5.52037L5.47537 5.59111L5.33849 5.61645C5.33849 5.61645 5.33849 5.39697 5.33849 5.37394H5.58528ZM5.46155 5.31438V5.14032L5.61259 5.27786L5.46155 5.31438ZM5.53032 5.66646V5.80894L5.42536 5.91424H5.19206L5.22859 5.75432L5.33882 5.74478L5.36152 5.68983L5.53032 5.66646ZM4.94922 5.37394H5.19173L4.88078 5.80861L4.75245 5.73984L4.78009 5.55689L4.94922 5.37394ZM5.94229 5.61645V5.7586H5.709L5.64516 5.66646V5.53419H5.66359L5.94229 5.61645ZM5.72677 5.42099L5.79323 5.35124L5.90544 5.42099L5.81561 5.49503L5.72677 5.42099ZM15.1211 7.31862L15.1441 7.29164C15.1537 7.3331 15.1639 7.37456 15.1731 7.41667L15.1211 7.31862Z" fill="#AAAAAA"/> 239 </svg> 240 <span class="sr-only">Consulter la liste de </span> Tous les sites Eiffage<div class="arrows"> 241 <svg width="10" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg" class="extended" aria-hidden="true"> 242 <path fill-rule="evenodd" clip-rule="evenodd" d="M10.6 0.299805L6 4.89981L1.4 0.299805L0 1.69981L6 7.69981L12 1.69981L10.6 0.299805Z" fill="white"/> 243 </svg> 244 </div> 245 </button> 246 </div> 247 248 <div class="header_rightSide"> 249 </div> 250 </div>
251 <div id="moreContent" class="sup-header__more"> 252 <div class="sup-header__more-inner"> 253 <div class="sup-header__col"> 254 <ul class="sup-header__group-sites"> 255 <li> 256 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 257<a href='https://www.eiffage.com/' target='_blank' onclick="tC.event.click_exit(this, 258 {'click':'outlink', 259 'click_chapter1':'groupe_eiffage', 260 'click_chapter2':'eiffage', 261 'click_chapter3':'https://www.eiffage.com/', 262 'click_zone':'header'})">Eiffage</a></li> 263 </ul></div> 264 </div> 265 </div> 266 </section> 267
268<script> 269//Gestion de focusin et focusout 270document.addEventListener("DOMContentLoaded", function () { 271 272 const btn = document.querySelector('.sup-header__btn'); 273 const supHeaderMore = document.querySelector('.sup-header__more'); 274 const supHeader = document.querySelector('.sup-header'); 275 if (supHeaderMore && supHeader) { 276 supHeaderMore.addEventListener('focusout', () => { 277 setTimeout(() => { 278 if (!supHeaderMore.contains(document.activeElement)) { 279 supHeaderMore.classList.remove('is-open'); 280 supHeader.classList.remove('is-open'); 281 btn.setAttribute('aria-expanded',false); 282 } 283 }, 100); 284 }); 285 } 286}); 287 288$(".sup-header__btn").on("focusout", function () { 289 let supHeader = $(this).closest(".sup-header"); 290 let headerMenu = supHeader.find(".sup-header__more"); 291 if(headerMenu.hasClass("is-open")){ 292 let headerMenuLinks = headerMenu.find("a"); 293 headerMenuLinks[0].focus(); 294 } 295}); 296$(".sup-header__more-inner a:last").on("focusout", function () { 297 let supHeader = $(this).closest(".sup-header"); 298 let headerRightSideLinks = supHeader.find(".header_rightSide a"); 299 let headerRightSideFirstLink = headerRightSideLinks[0]; 300 if(headerRightSideFirstLink){ 301 headerRightSideFirstLink.focus(); 302 } 303}); 304$(".sup-header__more-inner a:first").on("keydown", function (event) { 305 if (event.shiftKey && event.key === "Tab") { 306 let supHeader = $(this).closest(".sup-header"); 307 let supHeaderButton = supHeader.find(".sup-header__btn"); 308 setTimeout(() => { 309 supHeaderButton.get(0).focus(); 310 }, 10); 311 } 312}); 313</script>
313<div class="header-site" p-class="{'is-fixed-mobile': menu || search}"> 314 <a href='/accueil-viaduc-de-millau.html'> 315 <img class="header-site__logo" src="/files/live/sites/viaducdemillau/files/logo/VIADUC_DE_MILLAU.svg" alt="Logo Viaduc de Millau"/> 316 </a> 317 318 319 320 321<!-- Gestion des dependances de cache --> 322<!-- Fin de la gesion de dependances--> 323 324<nav role="navigation" class="navigation-wrap"> 325 <div class="hide-medium"> 326 <div role="search"> 327 <button class="search-btn-mobile header-site__search" id="toggleSearchMobileAction" onclick="" aria-expanded="false" aria-controls="id-menu__search"> 328 <svg width="20" height="20" class="header-site__search" p-class="{'is-active': search}" role="img"> 329 <path fill="#000" d="M19.553 16.92l-4.784-4.783a7.785 7.785 0 0 0 1.137-4.064C15.906 3.747 12.157 0 7.83 0A7.83 7.83 0 0 0 0 7.831c0 4.325 3.749 8.073 8.073 8.073 1.44 0 2.785-.39 3.944-1.068l4.809 4.812c.47.47 1.234.47 1.704 0l1.194-1.194c.47-.47.298-1.063-.171-1.533zM2.41 7.832A5.42 5.42 0 0 1 7.831 2.41c2.996 0 5.664 2.668 5.664 5.664a5.423 5.423 0 0 1-5.422 5.422c-2.995-.001-5.663-2.67-5.663-5.664z"></path> 330 <title>Accès au moteur de recherche</title> 331</svg> 332</button> 333</div> 334<div class="menu__search" id="id-menu__search" p-class="{'noBlinker': isIE11 || isIOS}" role="search"> 335 <div class="menu__search__inner"> 336 <div class="menu__search__search"> 337 <div class="search__background"></div> 338 <div class="search__inner block"> 339 <div class="search__container"> 340 <div class="search__anim"> 341 <div class="search__wrapper"> 342 <form method="get" class="search__form" action="/resultats-de-recherche" onsubmit="setTag()" data-pageN="page_404" data-parentPageN=""> 343 <div class="results-page__input_block"> 344 <input name="query" id="search-header" onkeydown="header()" 345 onkeyup="header()" 346 placeholder="Saisissez vos mots-clés" type="text" 347 aria-label="Saisissez vos mots-clés" title="Saisissez vos mots-clés" 348 class="results-page__input" value=""> 349 <button type="button" class="cross-btn" id="cross-header" 350 onclick="crossClickHeader()" style='display:none;'> 351 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"> 352 <path d="M8.82658 7.49984L14.7251 1.60128C15.0916 1.23512 15.0916 0.641012 14.7251 0.274854C14.3587 -0.0916179 13.7652 -0.0916179 13.3987 0.274854L7.50016 6.17342L1.60128 0.274854C1.23481 -0.0916179 0.641325 -0.0916179 0.274854 0.274854C-0.0916178 0.641012 -0.0916178 1.23512 0.274854 1.60128L6.17373 7.49984L0.274854 13.3984C-0.0916178 13.7646 -0.0916178 14.3587 0.274854 14.7248C0.458089 14.9078 0.698234 14.9994 0.938067 14.9994C1.1779 14.9994 1.41804 14.9078 1.60128 14.7245L7.50016 8.82596L13.3987 14.7245C13.582 14.9078 13.8221 14.9994 14.0619 14.9994C14.3018 14.9994 14.5419 14.9078 14.7251 14.7245C15.0916 14.3584 15.0916 13.7643 14.7251 13.3981L8.82658 7.49984Z" fill="black"/> 353 <title>Effacer les mots-clés de la recherche</title> 354</svg> 355</button> 356 </div> 357 <button class="btn">Rechercher<span class="sr-only"> dans tout le site</span></button> 358 </form> 359 360</div> 361 </div> 362 </div> 363 </div> 364 </div> 365 </div> 366</div><button title="Afficher le menu" class="burger-wrap" 367 id="burgerButton"> 368 <svg aria-hidden="true" class="burger" width="30px" height="20px" viewBox="0 0 30 20"> 369 <g class="burger__base"> 370 <rect class="burger__base__bar" x="-30" width="30" height="2" fill="#000" data-svg-origin="0 0" transform="matrix(1,0,0,1,30,0)"></rect> 371 <rect class="burger__base__bar" x="-30" y="9" width="30" height="2" fill="#000" data-svg-origin="0 9" transform="matrix(1,0,0,1,30,0)"></rect> 372 <rect class="burger__base__bar" x="-30" y="18" width="30" height="2" fill="#000" data-svg-origin="0 18" transform="matrix(1,0,0,1,30,0)"></rect> 373 </g> 374 <g class="burger__second"> 375 <rect class="burger__second__bar" x="-60" width="30" height="2" fill="#EB0000" data-svg-origin="-30 0" transform="matrix(1,0,0,1,30,0)"></rect> 376 <rect class="burger__second__bar" x="-60" y="9" width="30" height="2" fill="#EB0000" data-svg-origin="-30 9" transform="matrix(1,0,0,1,30,0)"></rect> 377 <rect class="burger__second__bar" x="-60" y="18" width="30" height="2" fill="#EB0000" data-svg-origin="-30 18" transform="matrix(1,0,0,1,30,0)"></rect> 378 </g> 379</svg></button> 380 </div> 381 <div class="nav-wrap"> 382 <div class="nav"> 383 <h2 class="nav__item sitemap__title block"> 384 <button class="nav__link openSubMenuBtn" data-menu="Le Viaduc"> 385 Le Viaduc<svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 386 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 387</svg></button> 388 <div class="mobileMenu"> 389 390<div class="nav__subnav subnav" data-menu="Le Viaduc"> 391 <button class="nav__back closeSubMenuBtn" 392 data-menu="Le Viaduc"> 393 <svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 394 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 395</svg>Retour <span class="sr-only"> au menu de niveau 1</span> 396 </button> 397 <div class="subnav__intro">
398 <span class="nav-title">Le Viaduc</span> 399 <div class="description description--nav"><p>Le Viaduc de Millau, une véritable prouesse technique et architecturale.</p> 400</div> 401 </div> 402 <ul class="subnav__nav"> 403 <li><a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-presentation-du-viaduc.html" class="subnav__nav-link" onclick=""> Le Viaduc de Millau</a> 404 </li> 405 <li><a href="/accueil-viaduc-de-millau/le-viaduc/les-chiffres-cles.html" class="subnav__nav-link" onclick=""> Les chiffres clés</a> 406 </li> 407 <li><a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-les-femmes-et-les-ho-1.html" class="subnav__nav-link" onclick=""> Les métiers de la construction</a> 408 </li> 409 <li><a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-les-femmes-et-les-homm.html" class="subnav__nav-link" onclick=""> Les femmes et les hommes de lâexploitation</a> 410 </li> 411 <li><a href="/accueil-viaduc-de-millau/le-viaduc/les-etapes-de-construction.html" class="subnav__nav-link" onclick=""> Les étapes de construction</a> 412 </li> 413 </ul> 414 <div class="subnav__push"> 415 <div class="img-menu"> 416 <img src="/files/live/sites/viaducdemillau/files/Aire%20du%20Viaduc%20de%20Millau.png" 417 alt=""/> 418 </div> 419 </div> 420</div> 421</div> 422 <div class="disktopMenu"> 423 424<div class="nav__subnav subnav" data-menu="Le Viaduc"> 425 <span class="nav-title">Le Viaduc</span> 426 <div class="nav__subnav-items"> 427 <div class="subnav__intro nav__subnav-item"> 428 429 <div class="description description--nav"><p>Le Viaduc de Millau, une véritable prouesse technique et architecturale.</p> 430</div> 431 </div> 432 <ul class="subnav__nav subnav_nav_desktop subnav_mouse_action nav__subnav-item"> 433 <li class="parent-clickable-item"><a href="/accueil-viaduc-de-millau/le-viaduc.html" class="subnav__nav-link parent-clickable" 434 onclick="">Le Viaduc</a></li> 435 <li> 436 <a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-presentation-du-viaduc.html" class="subnav__nav-link" 437 data-id="" 438 onclick=""> 439 <span>Le Viaduc de Millau</span> 440 </a> 441 </li> 442 <li> 443 <a href="/accueil-viaduc-de-millau/le-viaduc/les-chiffres-cles.html" class="subnav__nav-link" 444 data-id="" 445 onclick=""> 446 <span>Les chiffres clés</span> 447 </a> 448 </li> 449 <li> 450 <a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-les-femmes-et-les-ho-1.html" class="subnav__nav-link" 451 data-id="" 452 onclick=""> 453 <span>Les métiers de la construction</span> 454 </a> 455 </li> 456 <li> 457 <a href="/accueil-viaduc-de-millau/le-viaduc/le-viaduc-les-femmes-et-les-homm.html" class="subnav__nav-link" 458 data-id="" 459 onclick=""> 460 <span>Les femmes et les hommes de lâexploitation</span> 461 </a> 462 </li> 463 <li> 464 <a href="/accueil-viaduc-de-millau/le-viaduc/les-etapes-de-construction.html" class="subnav__nav-link" 465 data-id="" 466 onclick="">
467 <span>Les étapes de construction</span> 468 </a> 469 </li> 470 </ul> 471 <div class="subnav__push subnav_mouse_action nav__subnav-item"> 472 <div class="third-elements-detail"> 473 <div class="img-menu"> 474 <img src="/files/live/sites/viaducdemillau/files/Aire%20du%20Viaduc%20de%20Millau.png" 475 alt=""/> 476 </div> 477 </div> 478 </div> 479 </div> 480</div> 481</div> 482 </h2> 483 <h2 class="nav__item sitemap__title block"> 484 <button class="nav__link openSubMenuBtn" data-menu="Sur place"> 485 Sur place<svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 486 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 487</svg></button> 488 <div class="mobileMenu"> 489 490<div class="nav__subnav subnav" data-menu="Sur place"> 491 <button class="nav__back closeSubMenuBtn" 492 data-menu="Sur place"> 493 <svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 494 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 495</svg>Retour <span class="sr-only"> au menu de niveau 1</span> 496 </button> 497 <div class="subnav__intro"> 498 <span class="nav-title">Sur place</span> 499 <div class="description description--nav"><p>Venez vivre une expérience unique sur cette aire qui n’en a pas l’air !</p> 500</div> 501 </div> 502 <ul class="subnav__nav"> 503 <li><a href="/accueil-viaduc-de-millau/sur-place/l-air-du-viaduc-de-millau.html" class="subnav__nav-link" onclick=""> L'Aire du Viaduc de Millau</a> 504 </li> 505 <li><a href="/accueil-viaduc-de-millau/sur-place/le-viaduc-expo.html" class="subnav__nav-link" onclick=""> Le Viaduc Expo</a> 506 </li> 507 <li><a href="/accueil-viaduc-de-millau/sur-place/espace-gourmand.html" class="subnav__nav-link" onclick=""> L'Espace Gourmand</a> 508 </li> 509 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es.html" class="subnav__nav-link" onclick=""> Les visites guidées</a> 510 <ul class="subnav__subnav"> 511 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/visite-le-sentier-des-explorateurs-viaduc-de-millau.html" 512 class="subnav__subnav-link"> 513 Le Sentier des Explorateurs</a> 514 </li> 515 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/visite-Sur-anciennes-pistes-chantier-viaduc-de-millau.html" 516 class="subnav__subnav-link"> 517 Sur les anciennes pistes de chantier </a> 518 </li> 519 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/l-excursion-autour-du-viaduc-de-.html" 520 class="subnav__subnav-link"> 521 L'excursion "Autour du Viaduc de Millau" </a> 522 </li> 523 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/l-escapade-nature-le-viaduc-de-h.html" 524 class="subnav__subnav-link"> 525 La randonnée découverte</a> 526 </li> 527 <li><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/la-randonnee-experience-de-nuit.html" 528 class="subnav__subnav-link"> 529 La randonnée expérience</a> 530 </li> 531 </ul> 532 </li> 533 <li>
533<a href="/accueil-viaduc-de-millau/sur-place/en-famille.html" class="subnav__nav-link" onclick=""> En famille</a> 534 </li> 535 </ul> 536 <div class="subnav__push"> 537 <div class="img-menu"> 538 <img src="/files/live/sites/viaducdemillau/files/c_cevm_eiffage_-_fosterpartners_-_greg_alric_14.jpg" 539 alt=""/> 540 </div> 541 </div> 542</div> 543</div> 544 <div class="disktopMenu"> 545 546<div class="nav__subnav subnav" data-menu="Sur place"> 547 <span class="nav-title">Sur place</span> 548 <div class="nav__subnav-items"> 549 <div class="subnav__intro nav__subnav-item"> 550 551 <div class="description description--nav"><p>Venez vivre une expérience unique sur cette aire qui n’en a pas l’air !</p> 552</div> 553 </div> 554 <ul class="subnav__nav subnav_nav_desktop subnav_mouse_action nav__subnav-item"> 555 <li class="parent-clickable-item"><a href="/accueil-viaduc-de-millau/sur-place.html" class="subnav__nav-link parent-clickable" 556 onclick="">Sur place</a></li> 557 <li> 558 <a href="/accueil-viaduc-de-millau/sur-place/l-air-du-viaduc-de-millau.html" class="subnav__nav-link" 559 data-id="" 560 onclick=""> 561 <span>L'Aire du Viaduc de Millau</span> 562 </a> 563 </li> 564 <li> 565 <a href="/accueil-viaduc-de-millau/sur-place/le-viaduc-expo.html" class="subnav__nav-link" 566 data-id="" 567 onclick=""> 568 <span>Le Viaduc Expo</span> 569 </a> 570 </li> 571 <li> 572 <a href="/accueil-viaduc-de-millau/sur-place/espace-gourmand.html" class="subnav__nav-link" 573 data-id="" 574 onclick=""> 575 <span>L'Espace Gourmand</span> 576 </a> 577 </li> 578 <li> 579 <a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es.html" class="subnav__nav-link" 580 data-id="28d07766-d00f-445f-969d-d7b2708dd724" 581 onclick=""> 582 <span>Les visites guidées</span> 583 <svg width="18" height="18" viewBox="0 0 12 18" fill="none" 584 xmlns="http://www.w3.org/2000/svg"> 585 <path fill-rule="evenodd" clip-rule="evenodd" 586 d="M1 15.1333L7.13333 9L1 2.86667L2.86667 1L10.8667 9L2.86667 17L1 15.1333Z" 587 fill="#111111" stroke="white"/> 588 </svg> 589 </a> 590 </li> 591 <li> 592 <a href="/accueil-viaduc-de-millau/sur-place/en-famille.html" class="subnav__nav-link" 593 data-id="" 594 onclick=""> 595 <span>En famille</span> 596 </a> 597 </li> 598 </ul>
599 <div class="subnav__push subnav_mouse_action nav__subnav-item"> 600 <div class="hover-items" id="28d07766-d00f-445f-969d-d7b2708dd724"> 601 <ul class="subnav__subnav"> 602 <li class="subnav__subnav-li"><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/visite-le-sentier-des-explorateurs-viaduc-de-millau.html" class="subnav__subnav-link"> 603 Le Sentier des Explorateurs</a> 604 </li> 605 <li class="subnav__subnav-li"><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/visite-Sur-anciennes-pistes-chantier-viaduc-de-millau.html" class="subnav__subnav-link"> 606 Sur les anciennes pistes de chantier </a> 607 </li> 608 <li class="subnav__subnav-li"><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/l-excursion-autour-du-viaduc-de-.html" class="subnav__subnav-link"> 609 L'excursion "Autour du Viaduc de Millau" </a> 610 </li> 611 <li class="subnav__subnav-li"><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/l-escapade-nature-le-viaduc-de-h.html" class="subnav__subnav-link"> 612 La randonnée découverte</a> 613 </li> 614 <li class="subnav__subnav-li"><a href="/accueil-viaduc-de-millau/sur-place/les-visites-guid%c3%a9es/la-randonnee-experience-de-nuit.html" class="subnav__subnav-link"> 615 La randonnée expérience</a> 616 </li> 617 </ul> 618 </div> 619 <div class="third-elements-detail"> 620 <div class="img-menu"> 621 <img src="/files/live/sites/viaducdemillau/files/c_cevm_eiffage_-_fosterpartners_-_greg_alric_14.jpg" 622 alt=""/> 623 </div> 624 </div> 625 </div> 626 </div> 627</div> 628</div> 629 </h2> 630 <h2 class="nav__item sitemap__title block"> 631 <button class="nav__link openSubMenuBtn" data-menu="Aux alentours"> 632 Aux alentours<svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 633 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 634</svg></button> 635 <div class="mobileMenu"> 636 637<div class="nav__subnav subnav" data-menu="Aux alentours"> 638 <button class="nav__back closeSubMenuBtn" 639 data-menu="Aux alentours"> 640 <svg width="14px" height="9px" viewBox="0 0 14 9" aria-hidden="true"> 641 <polygon transform="translate(-286.000000, -20.000000)" points="287.259223 20 286 21.2592233 292.18747 27.4484748 292.212406 27.4226492 292.925728 28.1359715 299.772198 21.2895016 298.512975 20.0302784 292.899902 25.6424601"></polygon> 642</svg>Retour <span class="sr-only"> au menu de niveau 1</span> 643 </button> 644 <div class="subnav__intro"> 645 <span class="nav-title">Aux alentours</span> 646 <div class="description description--nav"><p>Le Viaduc de Millau, un symbole de fierté pour tout un territoire.</p> 647</div> 648 </div> 649 <ul class="subnav__nav"> 650 <li><a href="/accueil-viaduc-de-millau/aux-alentours/un-ouvrage-inscrit-dans-son-terr.html" class="subnav__nav-link" onclick=""> Un ouvrage inscrit dans son territoire</a> 651 </li> 652 <li><a href="/accueil-viaduc-de-millau/aux-alentours/les-plus-beaux-points-de-vue-sur.html" class="subnav__nav-link" onclick=""> Les plus beaux points de vue sur le Viaduc de Millau</a> 653 </li> 654 <li><a href="/accueil-viaduc-de-millau/aux-alentours/nos-partenaires-1.html" class="subnav__nav-link" onclick=""> Nos partenaires touristiques</a> 655 </li> 656 </ul> 657 <div class="subnav__push"> 658 <div class="img-menu"> 659 <img src="/files/live/sites/viaducdemillau/files/%c2%a9GregAlric-0233.jpg" 660 alt=""/> 661 </div> 662 </div> 663</div> 664</div> 665 <div class="disktopMenu"> 666 667<div class="nav__subnav subnav" data-menu="Aux alentours"> 668 <span class="nav-title">Aux alentours</span> 669 <div class="nav__subnav-items"> 670 <div class="subnav__intro nav__subnav-item"> 671 672 <div class="description description--nav"><p>Le Viaduc de Millau, un symbole de fierté pour tout un territoire.</p> 673</div> 674 </div>
675 <ul class="subnav__nav subnav_nav_desktop subnav_mouse_action nav__subnav-item"> 676 <li class="parent-clickable-item"><a href="/accueil-viaduc-de-millau/aux-alentours.html" class="subnav__nav-link parent-clickable" 677 onclick="">Aux alentours</a></li> 678 <li> 679 <a href="/accueil-viaduc-de-millau/aux-alentours/un-ouvrage-inscrit-dans-son-terr.html" class="subnav__nav-link" 680 data-id="" 681 onclick=""> 682 <span>Un ouvrage inscrit dans son territoire</span> 683 </a> 684 </li> 685 <li> 686 <a href="/accueil-viaduc-de-millau/aux-alentours/les-plus-beaux-points-de-vue-sur.html" class="subnav__nav-link" 687 data-id="" 688 onclick=""> 689 <span>Les plus beaux points de vue sur le Viaduc de Millau</span> 690 </a> 691 </li> 692 <li> 693 <a href="/accueil-viaduc-de-millau/aux-alentours/nos-partenaires-1.html" class="subnav__nav-link" 694 data-id="" 695 onclick=""> 696 <span>Nos partenaires touristiques</span> 697 </a> 698 </li> 699 </ul> 700 <div class="subnav__push subnav_mouse_action nav__subnav-item"> 701 <div class="third-elements-detail"> 702 <div class="img-menu"> 703 <img src="/files/live/sites/viaducdemillau/files/%c2%a9GregAlric-0233.jpg" 704 alt=""/> 705 </div> 706 </div> 707 </div> 708 </div> 709</div> 710</div> 711 </h2> 712 <h2 class="nav__item sitemap__title block"> 713 <a href="/accueil-viaduc-de-millau/actualites.html" class="nav__link" onclick="">Actualités</a> 714 </h2> 715 </div> 716 <div role="search"> 717 <button id="toggleSearchDesktopAction" class="hide-small header-site__search" onclick="" aria-expanded="false" aria-controls="id-menu__search"> 718 <svg width="20" height="20" class="header-site__search" p-class="{'is-active': search}" role="img"> 719 <path fill="#000" d="M19.553 16.92l-4.784-4.783a7.785 7.785 0 0 0 1.137-4.064C15.906 3.747 12.157 0 7.83 0A7.83 7.83 0 0 0 0 7.831c0 4.325 3.749 8.073 8.073 8.073 1.44 0 2.785-.39 3.944-1.068l4.809 4.812c.47.47 1.234.47 1.704 0l1.194-1.194c.47-.47.298-1.063-.171-1.533zM2.41 7.832A5.42 5.42 0 0 1 7.831 2.41c2.996 0 5.664 2.668 5.664 5.664a5.423 5.423 0 0 1-5.422 5.422c-2.995-.001-5.663-2.67-5.663-5.664z" /> 720 <title>Accès au moteur de recherche</title> 721</svg> 722</button> 723</div></div> 724</nav> 725 726<div class="menu__search" id="id-menu__search" p-class="{'noBlinker': isIE11 || isIOS}" role="search"> 727 <div class="menu__search__inner"> 728 <div class="menu__search__search"> 729 <div class="search__background"></div> 730 <div class="search__inner block"> 731 <div class="search__container"> 732 <div class="search__anim"> 733 <div class="search__wrapper"> 734 <form method="get" class="search__form" action="/resultats-de-recherche" onsubmit="setTag()" data-pageN="page_404" data-parentPageN=""> 735 <div class="results-page__input_block"> 736 <input name="query" id="search-header" onkeydown="header()" 737 onkeyup="header()" 738 placeholder="Saisissez vos mots-clés" type="text" 739 aria-label="Saisissez vos mots-clés" title="Saisissez vos mots-clés" 740 class="results-page__input" value=""> 741 <button type="button" class="cross-btn" id="cross-header" 742 onclick="crossClickHeader()" style='display:none;'> 743 <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" role="img"> 744 <path d="M8.82658 7.49984L14.7251 1.60128C15.0916 1.23512 15.0916 0.641012 14.7251 0.274854C14.3587 -0.
7440916179 13.7652 -0.0916179 13.3987 0.274854L7.50016 6.17342L1.60128 0.274854C1.23481 -0.0916179 0.641325 -0.0916179 0.274854 0.274854C-0.0916178 0.641012 -0.0916178 1.23512 0.274854 1.60128L6.17373 7.49984L0.274854 13.3984C-0.0916178 13.7646 -0.0916178 14.3587 0.274854 14.7248C0.458089 14.9078 0.698234 14.9994 0.938067 14.9994C1.1779 14.9994 1.41804 14.9078 1.60128 14.7245L7.50016 8.82596L13.3987 14.7245C13.582 14.9078 13.8221 14.9994 14.0619 14.9994C14.3018 14.9994 14.5419 14.9078 14.7251 14.7245C15.0916 14.3584 15.0916 13.7643 14.7251 13.3981L8.82658 7.49984Z" fill="black"/> 745 <title>Effacer les mots-clés de la recherche</title> 746</svg> 747</button> 748 </div> 749 <button class="btn">Rechercher<span class="sr-only"> dans tout le site</span></button> 750 </form> 751 752</div> 753 </div> 754 </div> 755 </div> 756 </div> 757 </div> 758</div>
758<script> 759document.addEventListener("DOMContentLoaded", function () { 760 function updateNavClass() { 761 const alertElement = document.querySelector(".alert-bg-red"); 762 const navWrap = document.querySelector(".nav-wrap"); 763 764 if (navWrap) { 765 if (alertElement) { 766 const alertHeight = alertElement.offsetHeight +96; // alertElement.offsetHeight: taille de l'alert + 96: taille du header 767 navWrap.classList.add("with-alert"); 768 navWrap.style.top = alertHeight + "px"; 769 } else { 770 navWrap.classList.remove("with-alert"); 771 navWrap.style.top = "96px"; 772 } 773 } 774 } 775 776 updateNavClass(); 777 778 // Observer les mutations du DOM pour d�tecter les ajouts/suppressions 779 const observer = new MutationObserver(updateNavClass); 780 observer.observe(document.body, { childList: true, subtree: true }); 781 782}); 783 784</script>
784</div> 785 </header> 786 <div class="sticky-nav"> 787 <ul> 788 <li> 789 <a href='/accueil-viaduc-de-millau/plan-d-acces.html'> 790 <img alt="" src="/files/live/sites/viaducdemillau/files/logo/plan-dacces.svg"/> 791 <span>Plan d'accès</span> 792</a></li> 793 <li> 794 <a href='/accueil-viaduc-de-millau/trafic-routier.html'> 795 <img alt="" src="/files/live/sites/viaducdemillau/files/logo/traffic-routier.svg"/> 796 <span>Trafic routier</span> 797</a></li> 798 <li> 799 <a href='/accueil-viaduc-de-millau/tarifs-du-peage.html'> 800 <img alt="" src="/files/live/sites/viaducdemillau/files/logo/tarifs.svg"/> 801 <span>Tarifs du péage</span> 802</a></li> 803 </ul> 804 </div> 805 806 807<!-- Affichage du menu sticky viaduc en dessous du footer en vue mobile -->
808<script> 809document.addEventListener("DOMContentLoaded", function () { 810 const stickyNav = document.querySelector(".sticky-nav"); 811 const footer = document.querySelector(".footer_global"); 812 const mediaQuery = window.matchMedia("(max-width: 1023px)"); 813 814 function updateFooterMargin() { 815 if (stickyNav && footer && mediaQuery.matches) { 816 const height = stickyNav.offsetHeight; 817 footer.style.marginBottom = height > 0 ? height + "px" : ""; 818 } else { 819 // �cran >= 1024px 820 footer.style.marginBottom = "0px"; 821 } 822 } 823 824 // Observer les changements de hauteur de stickyNav 825 if (window.ResizeObserver && stickyNav) { 826 const resizeObserver = new ResizeObserver(() => { 827 updateFooterMargin(); 828 }); 829 resizeObserver.observe(stickyNav); 830 } 831}); 832 833 </script>
833<div class="app__inner "> 834<main class="main" role="main" id="main"> 835 836<nav aria-label="Fil d'ariane" class="breadcrumb breadcrumb--black" role="navigation"> 837 <ol class="breadcrumb__nav"> 838 <li class="breadcrumb__item" > 839 <a href="/accueil-viaduc-de-millau.html" 840 class="breadcrumb__link">Accueil</a> 841 </li> 842 <li class="breadcrumb__item breadcrumb__next-item" aria-current='page'> 843 <span>Contact</span> 844 </li> 845 </ol> 846 </nav> 847 848<div class="intoPage article-header"> 849 <div class="article-header__content"> 850 <div class="article-header__wrap-title"> 851 <span></span><h1 class="page-title article-header__title">Contactez-nous</h1> 852 </div> 853 <div class="article-header__chapo" id="chapo"><p><strong>Compagnie Eiffage du Viaduc de Millau</strong><br /> 854Péage de Saint-Germain | BP 60457<br /> 85512104 Millau Cedex</p> 856 857<p>Tél. : +33 (0)5 65 61 61 61 - du lundi au vendredi, de 8h00 à 12h30 et de 13h30 à 17h45</p> 858 859<ul> 860 <li>Pour les visites guidées, contactez le Viaduc Expo au +33 (0)5 65 61 61 54</li> 861 <li>Pour les abonnements Télépéage, contactez l'Espace Client au +33 (0)5 65 61 61 62</li> 862</ul> 863 864<div class="aprr-footer__main-image--mobile"> 865<p class="aprr-footer__section-title">SOS Autoroute, votre borne d'appel d'urgence embarquée<br /> 866En cas de panne, d'accident ou de difficulté pendant votre trajet, plus besoin d'abandonner votre voiture et de vous rendre à pied jusqu'à une borne d'appel d'urgence. <a href="http://www.sosautoroute.fr/" target="_blank">Téléchargez gratuitement l'application</a> !</p> 867 868<p class="aprr-footer__section-title"> </p> 869</div> 870</div> 871 <div class="link-wrapper with-link"> 872 </div> 873 874 </div> 875</div>
876<script> 877 //je recupere toute les li qui sont dans le partage des articles 878 const liShare = document.querySelectorAll(".article-header__share li"); 879 880 liShare.forEach(li => { 881 li.addEventListener('click', () => { 882 const shareElement = document.querySelector(".article-header__share"); 883 const typeTc = shareElement.getAttribute('data-tcType'); 884 //je recupere le permier enfant de la li qui soit un a ou un button 885 let childLi = li.firstElementChild; 886 //du butoon ou du a je recupere la span qui est àl'interieur 887 let span = childLi.firstElementChild; 888 //je recuepre le contenu de la span 889 let textSpan = span.innerHTML; 890 //je recupere le dernier mot de la span 891 let lastString = textSpan.substring(textSpan.lastIndexOf(" ") + 1, textSpan.length); 892 //je met la chaine de caractere en minuscule 893 let cleanString = lastString.toLowerCase(); 894 //selon le mot recuperer je change les données qui sont envoyer dans le tag Commander 895 let valueChapter1 = ""; 896 let valueChapter2 = undefined; 897 if (lastString != 'Imprimer') { 898 if (lastString == 'email') { 899 valueChapter1 = 'email'; 900 } else { 901 valueChapter1 = 'reseaux_sociaux'; 902 valueChapter2 = cleanString; 903 } 904 905 if (tC && tC.event && typeof tC.event.click_action === "function" && typeTc !== 'specific') { 906 tC.event.click_action( 907 this, { 908 "click": "partage", 909 "click_chapter1": valueChapter1, 910 "click_chapter2": valueChapter2, 911 "click_chapter3": undefined, 912 "click_zone": undefined 913 }); 914 } 915 } 916 }) 917 }) 918 919 //Remplacement les <br> par du style css(RGAA) 920 document.addEventListener("DOMContentLoaded", function () { 921 const chapo = document.getElementById('chapo'); 922 if (chapo) { 923 chapo.innerHTML = chapo.innerHTML.replace(/<br\s*\/?>/gi, '<span style="display:block;"></span>'); 924 } 925 }); 926</script>
926 927<section class='main__section'> 928 <div class="contact" data-gtmid="" data-tCID="6635" data-tCType="intermediaire" 929 data-landinPage="false"> 930 <h2 class="main_section-title"> 931 </h2> 932 <div class="contact-us-subtitle"> 933 </div> 934 <div class="required-text"> 935 Les champs précédés dâun astérisque * sont obligatoires</div> 936 <form class="contact__form form" method="POST" action="/accueil-viaduc-de-millau/contact/area-content/formulaire-de-contact/responses.VerifyGoogleCaptcha.do" 937 enctype="multipart/form-data" id="formId" 938 onsubmit="document.getElementsByClassName('form__input--text')[0].focus()" role="form"><input type="hidden" name="disableXSSFiltering" value="false"/><input type="hidden" name="form-token" value="2d5c069f-6771-455d-aa0c-fa578e32f69f"/> 939 <input type="hidden" name="originUrl" value="https://www.leviaducdemillau.com/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/contact.html"/> 940 <input type="hidden" name="jcrNodeType" value="jnt:responseToForm"/> 941 <input type="hidden" name="jcrNodeName" value="responseToForm"/> 942 <input type="hidden" class="form--hidden--domains" name="blackListedDomains" 943 value=""/> 944 <input type="hidden" class="form--hidden--emails" name="blackListedEmails" 945 value=""/> 946 <input type="hidden" name="chainOfAction" 947 value="DefaultPostAction,ConfirmMailAction,MailAction,RedirectAction"/> 948 <input type="hidden" name="jcrNewNodeOutputFormat" value="html"/> 949 <input type="text" name="robot" value="" style="display: none"/> 950 <div class="form__left"> 951 <div class="form__row"> 952 <label for="first-name">Nom *</label> 953 <input title="Nom *" class="form__input--text form-label form-label--gray obligatoire" name="first-name" type="text" aria-describedby="error_first-name" id="first-name"/> 954 <div class="form__errors" id="error_first-name"> 955 <div class="form__error error empty"> 956 Veuillez saisir une valeur valide pour le champ "Nom " 957 </div> 958 </div> 959 </div><div class="form__row"> 960 <label for="name">Prénom *</label> 961 <input title="Prénom *" class="form__input--text form-label form-label--gray obligatoire" name="name" type="text" aria-describedby="error_name" id="name"/> 962 <div class="form__errors" id="error_name"> 963 <div class="form__error error empty"> 964 Veuillez saisir une valeur valide pour le champ "Prénom " 965 </div> 966 </div> 967 </div><div class="form__row form--email"> 968 <label for="email">Votre adresse mail *</label> 969 <input title="Votre adresse mail *" class="form__input--text form-label form-label--gray obligatoire" name="email" type="text" id="email" aria-describedby="error_email" /> 970 <div class="form__errors" id="error_email"> 971 <div class="form__error error empty"> 972 E-mail (format attendu <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="7f1110123f1b10121e16111a51190d">[email protected]</a>)</div> 973 <div class="form__error error format">Le format de votre adresse email est erroné. Pour le corriger, indiquer une adresse email correspondant au format attendu. Par exemple : <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="660207080f030a480203000903260913120a09090d480014">[email protected]</a></div> 974 </div> 975</div> 976<div class="form__row form--object"> 977 <label for="objet">Vous souhaitez *</label> 978 <select name="objet" id="objet" class="form__input--select select-obligatoire" aria-describedby="error_objet"> 979 <option selected class="form__first-option" value=""></option> 980 <option value="obtenir-des-informations-sur-les" 981 class="form__options" >Obtenir des informations sur les espaces de visites</option><option value="obtenir-des-informations-sur-l-a" 982 class="form__options" >Obtenir des informations sur l'abonnement télépéage</option><option value="faire-un-compliment-une-reclamat" 983 class="form__options" >Faire un compliment / une réclamation</option><option value="contacter-le-service-communicaio" 984 class="form__options" >Contacter le service communication</option><option value="autre-demande" 985 class="form__options" >Autre demande</option></select> 986 987 <div class="form__errors" id="error_objet"> 988 <div class="form__error error empty"> 989 Veuillez sélectionner une option dans "Vous souhaitez " 990 </div> 991 </div> 992 </div><div class="form__row form--phone"> 993 <label for="votre-telephone">Votre téléphone</label> 994 <input title="Votre téléphone" class="form__input--text form-label form-label--gray " name="votre-telephone" type="tel" aria-describedby="error_votre-telephone" id="votre-telephone"/> 995 <div class="form__errors" id="error_votre-telephone"> 996 <div class="form__error error format">Le format de votre numéro de téléphone est erroné. Pour le corriger, indiquer un numéro de téléphone correspondant au format attendu. Par exemple : 01 50 01 50 01</div> 997 </div> 998</div></div><div class="form__wrap"> 999 <div class="form__row form__wrap form--message"> 1000 <label for="message">Message *</label> 1001 <textarea title="Message *" class="form__input--textarea obligatoire" maxlength=""
1002 name="message" type="text" aria-describedby="error_message" id="message"></textarea> 1003 <div class="form__errors" id="error_message"> 1004 <div class="form__error error empty"> 1005 Veuillez saisir une valeur valide pour le champ "Message " 1006 </div> 1007 </div> 1008 </div><div class="form__row files"> 1009 <h3 class="form-files__title">Import fichier</h3> 1010 <div class="form-files__inputs-container"></div> 1011 <label class="form-files__label" for="form-files__input"> 1012 <svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 1013 <circle cx="23" cy="23" r="22.5" stroke="black"/> 1014 <rect x="22" y="15" width="2" height="16" rx="1" fill="black"/> 1015 <rect x="15" y="24" width="2" height="16" rx="1" transform="rotate(-90 15 24)" fill="black"/> 1016 </svg> 1017 <span>Importer votre fichier <span style="display:block;"></span><small style="color: #757575; font-size: 0.85em;">(Taille maximale 20Mo)</small></span> 1018 1019 <input title="Importer votre fichier" class="form-files__input sr-only" files type="file" name="import-de-fichiers" id="form-files__input" onchange="" aria-describedby="files-desc error_update_files"> 1020 </label> 1021 <ul class="form-files__names-container" id="files-desc" hidden="true"></ul> 1022 <div class="form__errors"> 1023 <div class="form__error error file" id="error_update_files">La taille des pièces jointes dépasse la limite de 20 Mo</div> 1024 </div>
vendor: 114 bytes, lines 1024-1025
1024 1025 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1025<script type="text/javascript"> 1026 var fileInput = document.getElementById('form-files__input'); 1027 </script>
1027 1028</div><div class="form__row form--press legal-notice"> 1029 <div style="position: relative; display: flex; align-items: center"> 1030 <input class="form__condition-input" type="checkbox" name="je-valide-la-collecte-de-mes-don" 1031 id="form__condition__c4e1e027-0f39-4dee-867a-23d79cdd5495" aria-describedby="error_je-valide-la-collecte-de-mes-don legal-notice-text" title="Je valide la collecte de mes données personnelles *"> 1032 <label class="form__condition-label" for="form__condition__c4e1e027-0f39-4dee-867a-23d79cdd5495"> 1033 Je valide la collecte de mes données personnelles *</label> 1034 1035 <div class="form__error error empty condition" id="error_je-valide-la-collecte-de-mes-don"> 1036 Veuillez cocher Je valide la collecte de mes données personnelles . 1037 </div> 1038</div><p class="form__legal max-lines" id="legal-notice-text"><p>Les informations obligatoires sont signalées par un astérisque. En cas de non-communication de ces informations, il ne sera pas possible de répondre à vos sollicitations. </p> 1039<p>La Compagnie Eiffage du Viaduc de Millau (CEVM) vous informe que les données à caractère personnel, collectées ci-dessus, sont traitées exclusivement pour apporter une réponse adaptée à vos sollicitations, réclamations ou interrogations.</p> 1040 1041<p>CEVM, Responsable de traitement, traite vos données à caractère personnel conformément à la loi Informatique et liberté 78-17 du 6/01/1978 modifiée et au Règlement général sur la protection des données (RGPD) n°2016/679.</p> 1042 1043<p>Vous disposez d’un droit d’accès, de rectification, d’opposition pour motif légitime, de limitation et d’effacement des données à caractère personnel vous concernant. Pour l’exercice de ces droits vous pouvez contacter le Délégué à la protection des données via <a href="https://privacyportal-eu.onetrust.com/webform/3491a4bf-cdd9-47ba-8867-9706738d70b1/353defff-52d8-402c-b578-c68dbda8efaf" target="_blank">ce formulaire</a>.</p> 1044 1045<p>Pour toutes précisions sur la manière dont CEVM utilise et protège vos données à caractère personnel <a href="/accueil-viaduc-de-millau/politique-des-cookies.html" title="Politique des cookies">cliquez ici</a></p> 1046</p> 1047 <div class="btn-show-hide-lines hide-btn-notice"> 1048 <button type="button" onclick="toggleShow(this)" class="btn-toggle" aria-expanded="false" aria-controls="legal-notice-text"> 1049 <div class="btn-text">Afficher plus</div> 1050 <svg class="icon-toggle" width="9" height="6" viewBox="0 0 9 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1051 <path class="icon-path" fill-rule="evenodd" clip-rule="evenodd" 1052 d="M1.39964 0.533203L4.46631 3.59987L7.53298 0.533203L8.46631 1.46654L4.46631 5.46654L0.466308 1.46654L1.39964 0.533203Z" 1053 fill="#111111"/> 1054 </svg> 1055 </button> 1056 </div> 1057 1058 </div>
1059<script type='text/javascript'> 1060 1061 //Vérification et suppression de l'astérisque en début de texte 1062 document.addEventListener("DOMContentLoaded", function() { 1063 var legalTextDiv = document.getElementById("legal-notice-text"); 1064 if (legalTextDiv) { 1065 var legalText = legalTextDiv.textContent.trim(); 1066 if (legalText.startsWith("*")) { 1067 legalTextDiv.textContent = legalText.substring(1).trim(); 1068 } 1069 } 1070 }); 1071 var notices = document.getElementsByClassName("legal-notice"); 1072 for (let i = 0; i < notices.length; i++) { 1073 var text = notices[i].getElementsByClassName("form__legal"); 1074 if (text.length) { 1075 if (text[0].scrollHeight > text[0].clientHeight) { 1076 var buttons = notices[i].getElementsByClassName("btn-show-hide-lines"); 1077 buttons[0].classList.remove("hide-btn-notice"); 1078 } 1079 } 1080 } 1081 1082 // Gestion de l'affichage de plus de texte 1083 function toggleShow(button) { 1084 const btnText = button.querySelector('.btn-text'); 1085 const btnIcon = button.querySelector('.icon-path'); 1086 const noticeContainer = document.querySelector('.form__legal'); 1087 1088 if (button.classList.contains('showing-more')) { 1089 noticeContainer.classList.add('max-lines'); 1090 btnText.innerHTML = 'Afficher plus'; 1091 btnIcon.setAttribute('d', 'M1.39964 0.533203L4.46631 3.59987L7.53298 0.533203L8.46631 1.46654L4.46631 5.46654L0.466308 1.46654L1.39964 0.533203Z'); 1092 button.classList.remove('showing-more'); 1093 button.setAttribute("aria-expanded", false); 1094 } else { 1095 noticeContainer.classList.remove('max-lines'); 1096 btnText.innerHTML = 'Afficher moins'; 1097 btnIcon.setAttribute('d', 'M7.53298 5.4668L4.46631 2.40013L1.39964 5.4668L0.466309 4.53346L4.46631 0.533465L8.46631 4.53346L7.53298 5.4668Z'); 1098 button.classList.add('showing-more'); 1099 button.setAttribute("aria-expanded", true); 1100 } 1101 } 1102 1103</script>
1103</div><div class="form__submit"> 1104
1104<script type="module" src="https://unpkg.com/[email protected]/widget.module.min.js" async defer></script>
vendor: 2 bytes, line 1104
1104
1105<script nomodule src="https://unpkg.com/[email protected]/widget.min.js" async defer></script>
1105 1106<div id="is-recaptcha-v3" style="display: none"></div> 1107 1108<div> 1109 <div id="recaptcha" class="frc-captcha g-recaptcha" data-lang="fr" 1110 data-solution-field-name="g-recaptcha-response" data-sitekey="FCMOSJVG12U91O5U" data-start="none" 1111 data-puzzle-endpoint="https://api.friendlycaptcha.com/api/v1/puzzle, https://eu-api.friendlycaptcha.eu/api/v1/puzzle" 1112 data-callback="onSubmitCaptcha" aria-describedby="error_captcha"></div> 1113 <div class="form__errors" id="error_captcha"> 1114 <div class="form__error error empty"> 1115 Veuillez valider la vérification Anti-Robot - FriendlyCaptcha</div> 1116 </div> 1117 </div>
1118<script> 1119 function onSubmitCaptcha() { 1120 var element = document.getElementById('recaptcha'); 1121 if (element) { 1122 element.classList.add("success-frc-captcha"); 1123 } 1124 const e = document.querySelector('#recaptcha .frc-container'); 1125 this.updateRecaptchaDom(e); 1126 } 1127 1128 function waitForSelector(selector, callback, interval = 100, maxTries = 50, tries = 0) { 1129 const element = document.querySelector(selector); 1130 if (element) { 1131 callback(element); 1132 } else if (tries < maxTries) { 1133 setTimeout(() => { 1134 waitForSelector(selector, callback, interval, maxTries, tries + 1); 1135 }, interval); 1136 } else { 1137 console.warn(`Element not found after tries`); 1138 } 1139 } 1140 1141 waitForSelector('#recaptcha .frc-container', function (el) { 1142 this.updateRecaptchaDom(el); 1143 }); 1144 1145 function updateRecaptchaDom(element) { 1146 const svg = element.querySelector('svg'); 1147 if (svg) { 1148 if (svg.getAttribute('role') === 'img') { 1149 svg.removeAttribute('role'); 1150 } 1151 if (svg.hasAttribute('title')) { 1152 svg.removeAttribute('title'); 1153 } 1154 svg.setAttribute('aria-hidden', 'true'); 1155 const titles = svg.querySelectorAll('title'); 1156 if (titles && titles.length > 0) {
1157 titles.forEach(title => title.remove()); 1158 } 1159 } 1160 const contentDiv = element.querySelector('.frc-content'); 1161 if (contentDiv) { 1162 contentDiv.setAttribute('role', 'status'); 1163 contentDiv.setAttribute('aria-live', 'polite'); 1164 const span = contentDiv.querySelector('span.frc-text'); 1165 if (span) { 1166 const h4 = document.createElement('h4'); 1167 h4.appendChild(span); 1168 contentDiv.insertBefore(h4, contentDiv.firstChild); 1169 } 1170 } 1171 1172 const link = document.querySelector('.frc-banner a'); 1173 1174 if (link) { 1175 const textContent = link.textContent.replace(/\u21D7/g, '').trim(); 1176 const label = textContent + ' - ouvre un nouvel onglet'; 1177 link.setAttribute('title', label); 1178 link.setAttribute('aria-label', label); 1179 link.innerHTML = '<b>Friendly</b>Captcha <span aria-hidden="true">⇗</span>'; 1180 } 1181 1182 const recaptcha = document.getElementById('recaptcha'); 1183 if (recaptcha && recaptcha.hasAttribute('aria-describedby')) { 1184 const ariaDesc = recaptcha.getAttribute('aria-describedby'); 1185 const button = recaptcha.querySelector('button.frc-button'); 1186 if (button) { 1187 button.setAttribute('aria-describedby', ariaDesc); 1188 } 1189 recaptcha.removeAttribute('aria-describedby'); 1190 } 1191 1192 } 1193</script>
1193<div class="form__submit-button__container" id="submitFormButton"> 1194 <button class="btn">Envoyer<span class="sr-only"> le formulaire de contact</span></button> 1195 </div> 1196</div>
1197<script> 1198window.addEventListener("DOMContentLoaded", (event) => { 1199 let myform = document.querySelector('form.communiques'); 1200 if(myform){ 1201 let btnFormSubmit = myform.querySelector('.form__submit-button__container'); 1202 btnFormSubmit.addEventListener('click', function(event){ 1203 let targetProfile = myform.querySelector('select').value; 1204 let nameField = myform.querySelector('[name="nom"]').value; 1205 let firstNameField = myform.querySelector('[placeholder="Pr�nom *"]').value; 1206 let emailField = myform.querySelector('[name="email"]').value; 1207 let checkbox = myform.querySelector('[type="checkbox"]').checked; 1208 let tcType = myform.getAttribute('data-tCType'); 1209 1210 if (tcType === 'specific' && tC.event && typeof tC.event.click_action === "function" && targetProfile && nameField && firstNameField && emailField && checkbox){ 1211 return tC.event.click_action(this, {'click':targetProfile, 1212 'click_chapter1':'alerte_CP_confirm', 1213 'click_chapter2':undefined, 1214 'click_chapter3':undefined, 1215 'click_zone':'body' 1216 }); 1217 } 1218 }) 1219 } 1220}) 1221</script>
1221</form> 1222 </div> 1223 1224 </section> 1225
1226<script> 1227 var xpath = "//div[contains(@class, 'form__submit-button__container')]//button[contains(@class, 'btn')]"; 1228 var result = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null); 1229 var element = result.singleNodeValue; 1230 if (element) { 1231 element.addEventListener('click', function () { 1232 setTimeout(function () { 1233 var errors = document.getElementsByClassName('form__error'); 1234 for (var i = 0; i < errors.length; i++) { 1235 if (errors[i].style.opacity === '1') { 1236 errors[i].scrollIntoView({behavior: 'smooth', block: 'center'}); 1237 break; 1238 } 1239 } 1240 }, 300); 1241 }); 1242 } 1243</script>
1243 1244
1245<script> 1246 var queryString = window.location.search; 1247 var params = new URLSearchParams(queryString); 1248 params.forEach(function (value, key) { 1249 setSelectOption(value, key); 1250 }); 1251 1252 function setSelectOption(value, key) { 1253 var selectElements = document.getElementsByName(key); 1254 if (selectElements != null && selectElements.length > 0) { 1255 var selectElement = selectElements[0]; 1256 for (var i = 0; i < selectElement.options.length; i++) { 1257 var option = selectElement.options[i]; 1258 if (option.value.toLowerCase() == value.toLowerCase()) { 1259 selectElement.value = option.value; 1260 } 1261 } 1262 } 1263 } 1264 1265 </script>
1265</main> 1266<footer class="footer_global" role="contentinfo"> 1267 <div class="footer-block block"> 1268 <div class="footer-block__col social"> 1269 <div class="footer-block__social-container "> 1270 <h2 class="footer-block__title"><span>Suivez-nous</span></h2><ul class="footer-block__list footer-block__list--social"> 1271 <li class="facebook"> 1272 <a href='https://www.facebook.com/viaducdemillau' target='_blank' onclick="tC.event.click_exit(this, 1273 {'click':'reseaux_sociaux', 1274 'click_chapter1':'facebook', 1275 'click_chapter2':undefined, 1276 'click_chapter3':undefined, 1277 'click_zone':'footer'})"> 1278 <svg role="img" aria-label="Facebook" width="21" height="22" viewBox="0 0 21 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 1279 <rect width="21" height="22" fill="#333333"/> 1280 <g clip-path="url(#clip0_1_606)"> 1281 <path d="M21 11.3945C21 5.59559 16.2989 0.894531 10.5 0.894531C4.70106 0.894531 0 5.59559 0 11.3945C0 16.3186 3.39024 20.4506 7.96362 21.5854V14.6033H5.79852V11.3945H7.96362V10.0119C7.96362 6.43811 9.58104 4.78163 13.0897 4.78163C13.755 4.78163 14.9029 4.91225 15.3724 5.04245V7.95095C15.1246 7.92491 14.6941 7.91189 14.1595 7.91189C12.4379 7.91189 11.7726 8.56415 11.7726 10.2597V11.3945H15.2023L14.6131 14.6033H11.7726V21.8177C16.9718 21.1898 21.0004 16.763 21.0004 11.3945H21Z" fill="white"/> 1282 <title>Facebook</title> 1283 </g>
1284 <defs> 1285 <clipPath id="clip0_1_606"> 1286 <rect width="21" height="21" fill="white" transform="translate(0 0.894531)"/> 1287 </clipPath> 1288 </defs> 1289</svg> 1290 1291</a></li> 1292 <li class="instagram"> 1293 <a href='https://www.instagram.com/viaducdemillau/' target='_blank' onclick="tC.event.click_exit(this, 1294 {'click':'reseaux_sociaux', 1295 'click_chapter1':'instagram', 1296 'click_chapter2':undefined, 1297 'click_chapter3':undefined, 1298 'click_zone':'footer'})"> 1299 <svg role="img" aria-label="Instagram" width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 1300 <rect width="23" height="23" fill="#333333"/> 1301 <path d="M16.5668 0.903564H6.62374C3.24711 0.903564 0.5 3.62607 0.5 6.97228V16.8258C0.5 20.1722 3.24711 22.8946 6.62374 22.8946H16.5668C19.9437 22.8946 22.6908 20.1721 22.6908 16.8258V6.97228C22.691 3.62607 19.9437 0.903564 16.5668 0.903564ZM20.7221 16.8258C20.7221 19.0963 18.8581 20.9434 16.567 20.9434H6.62374C4.33275 20.9435 2.46888 19.0963 2.46888 16.8258V6.97228C2.46888 4.70193 4.33275 2.85471 6.62374 2.85471H16.5668C18.858 2.85471 20.722 4.70193 20.722 6.97228V16.8258H20.7221Z" fill="white"/> 1302 <path d="M11.5941 6.23315C8.44111 6.23315 5.87605 8.77503 5.87605 11.8995C5.87605 15.0239 8.44111 17.5656 11.5941 17.5656C14.747 17.5656 17.3121 15.0239 17.3121 11.8995C17.3121 8.77503 14.747 6.23315 11.5941 6.23315ZM11.5941 15.6144C9.52688 15.6144 7.84493 13.9479 7.84493 11.8994C7.84493 9.85073 9.52675 8.18411 11.5941 8.18411C13.6614 8.18411 15.3432 9.85073 15.3432 11.8994C15.3432 13.9479 13.6613 15.6144 11.5941 15.6144Z" fill="white"/> 1303 <path d="M17.5549 4.57837C17.1755 4.57837 16.8029 4.73053 16.5349 4.99715C16.2657 5.26246 16.111 5.63181 16.111 6.00897C16.111 6.38496 16.2659 6.75419 16.5349 7.0208C16.8027 7.28611 17.1755 7.43958 17.5549 7.43958C17.9355 7.43958 18.307 7.28611 18.5761 7.0208C18.8452 6.75419 18.9988 6.38483 18.9988 6.00897C18.9988 5.63181 18.8452 5.26246 18.5761 4.99715C18.3083 4.73053 17.9355 4.57837 17.5549 4.57837Z" fill="white"/> 1304 <title>Instagram</title> 1305</svg> 1306 1307</a></li> 1308 <li class="linkedin"> 1309 <a href='https://fr.linkedin.com/company/compagnie-eiffage-du-viaduc-de-millau-sa-' target='_blank' onclick="tC.event.click_exit(this, 1310 {'click':'reseaux_sociaux', 1311 'click_chapter1':'linkedin', 1312 'click_chapter2':undefined, 1313 'click_chapter3':undefined, 1314 'click_zone':'footer'})"> 1315 <svg role="img" aria-label="Linkedin" width="22" height="23" viewBox="0 0 22 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 1316 <rect width="22" height="23" fill="#333333"/> 1317 <path d="M21.184 14.348V22.8946H16.6941V14.9204C16.6941 12.9172 16.0447 11.5501 14.4195 11.5501C13.1788 11.5501 12.4405 12.4714 12.1157 13.3627C11.9973 13.6813 11.9668 14.1247 11.9668 14.5707V22.8946H7.47537C7.47537 22.8946 7.53586 9.38892 7.47537 7.98963H11.9663V10.1024C11.9572 10.1182 11.9454 10.1352 11.9368 10.1505H11.9663V10.1024C12.563 9.08821 13.6286 7.63947 16.0137 7.63947C18.9687 7.63942 21.184 9.76977 21.184 14.348ZM2.77717 0.804688C1.24066 0.804688 0.235657 1.91686 0.235657 3.37942C0.235657 4.81009 1.21158 5.95602 2.71755 5.95602H2.74755C4.31382 5.95602 5.28789 4.81031 5.28789 3.37942C5.25838 1.91686 4.31382 0.804688 2.77717 0.804688ZM0.502407 22.8946H4.99212V7.98963H0.502407V22.8946Z" fill="white"/> 1318 <title>Linkedin</title> 1319</svg> 1320</a></li> 1321 </ul> 1322 </div><a href=''> 1323 <img class="logo" src="/files/live/sites/viaducdemillau/files/logo/viaduc-logo-blanc.svg" alt="" /> 1324 </a></div> 1325 <div class="footer-block__col useful-links"> 1326 <h2 class="footer-block__title"><span>NOUS CONTACTER</span></h2><ul class="footer-block__list"> 1327 <li> 1328 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1329<span aria-current="page">Contact</span></li> 1330 <li> 1331 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1332<a href='/accueil-viaduc-de-millau/espace-presse.html' onclick="tC.event.click_exit(this, 1333 {'click':'outlink', 1334 'click_chapter1':'groupe_eiffage', 1335 'click_chapter2':'espace_presse', 1336 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/espace-presse.html', 1337 'click_zone':'footer'})">Espace Presse</a></li> 1338 <li> 1339 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1340<a href='/accueil-viaduc-de-millau/faq-viaduc-de-millau.html' onclick="tC.event.click_exit(this, 1341 {'click':'outlink', 1342 'click_chapter1':'groupe_eiffage', 1343 'click_chapter2':'foire_aux_questions', 1344 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/faq-viaduc-de-millau.html', 1345 'click_zone':'footer'})">Foire aux Questions</a></li> 1346 </ul> 1347 </div><aside> 1348 <div class="white-square"></div> 1349 <div class="white-square"></div> 1350 <div class="white-square"></div> 1351 <div class="white-square"></div> 1352 </aside> 1353 </div> 1354 <div class="sur-footer block"> 1355 <ul class="sur-footer__list"> 1356 <li> 1357 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1358<a href='/accueil-viaduc-de-millau/mentions-legales-viaduc-de-millau.html' onclick="tC.event.click_exit(this, 1359 {'click':'outlink', 1360 'click_chapter1':'groupe_eiffage', 1361 'click_chapter2':'mentions_legales', 1362 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/mentions-legales-viaduc-de-millau.html', 1363 'click_zone':'footer'})">Mentions légales</a></li> 1364 <li> 1365 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1366<a href='/accueil-viaduc-de-millau/plan-du-site-viaduc-de-millau.html' onclick="tC.event.click_exit(this, 1367 {'click':'outlink', 1368 'click_chapter1':'groupe_eiffage', 1369 'click_chapter2':'plan_du_site', 1370 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/plan-du-site-viaduc-de-millau.html', 1371 'click_zone':'footer'})">Plan du site</a></li> 1372 <li> 1373 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1374<a href='/protection-des-donnees-utilisate' onclick="tC.event.click_exit(this, 1375 {'click':'outlink', 1376 'click_chapter1':'groupe_eiffage', 1377 'click_chapter2':'politique_de_confidentialite', 1378 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/politique-de-confidentialit%c3%a9.html', 1379 'click_zone':'footer'})">Politique de confidentialité</a></li> 1380 <li> 1381 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1382<a href='/accueil-viaduc-de-millau/droit-a-l-image.html' onclick="tC.event.click_exit(this, 1383 {'click':'outlink', 1384 'click_chapter1':'groupe_eiffage', 1385 'click_chapter2':'droit_a_limage', 1386 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/droit-a-l-image.html', 1387 'click_zone':'footer'})">Droit à l'image</a></li> 1388 <li> 1389 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1390<a href='/accueil-viaduc-de-millau/politique-des-cookies.html' onclick="tC.event.click_exit(this, 1391 {'click':'outlink', 1392 'click_chapter1':'groupe_eiffage', 1393 'click_chapter2':'politique_des_cookies', 1394 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/politique-des-cookies.html', 1395 'click_zone':'footer'})">Politique des cookies</a></li> 1396 <li> 1397 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1398<a href='/accueil-viaduc-de-millau/conditions-generales-de-vente.html' onclick="tC.event.click_exit(this, 1399 {'click':'outlink', 1400 'click_chapter1':'groupe_eiffage', 1401 'click_chapter2':'cgv', 1402 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/conditions-generales-de-vente.html', 1403 'click_zone':'footer'})">CGV</a></li> 1404 <li> 1405 <!-- le empty tCtyprDeMarquage est present pour eviter que le tableau ci dessous ecrase celui de tag commander --> 1406<a href='/accueil-viaduc-de-millau/accessibilite-non-conforme.html' onclick="tC.event.click_exit(this, 1407 {'click':'outlink', 1408 'click_chapter1':'groupe_eiffage', 1409 'click_chapter2':'accessibilite__non_conforme', 1410 'click_chapter3':'/cms/render/live/fr/sites/viaducdemillau/accueil-viaduc-de-millau/accessibilite-non-conforme.html', 1411 'click_zone':'footer'})">Accessibilité : non conforme</a></li> 1412 </ul></div> 1413 </footer> 1414 </div> 1415 <div class="bkg-grid"> 1416 <div class="bkg-grid__inner"> 1417 <div class="bkg-grid__stripe"></div> 1418 <div class="bkg-grid__stripe"></div> 1419 <div class="bkg-grid__stripe"></div> 1420 <div class="bkg-grid__stripe"></div> 1421 <div class="bkg-grid__stripe show-medium"></div> 1422 <div class="bkg-grid__stripe show-medium"></div> 1423 </div> 1424 </div> 1425</div> 1426 1427 1428 1429 1430
1431<script> 1432 window.addEventListener("DOMContentLoaded", (event) => { 1433 setTimeout(tcTagEvent, 1000); 1434 1435 function tcTagEvent() { 1436 let btnsResaMillau = document.getElementsByClassName('guidap-booking-widget-button'); 1437 if (btnsResaMillau.length > 0){ 1438 btnsResaMillau.forEach(btn => { 1439 btn.addEventListener('click', function (){ 1440 if (tC && tC.event && typeof tC.event.click_action === "function") { 1441 tC.event.click_action(this, {"click":"reserver","click_chapter1":"ajouter_au_panier","click_chapter2":"Voir_mon_panier","click_chapter3":"reserver","click_zone":"body"}) 1442 } 1443 }) 1444 }) 1445 } 1446 } 1447 }) 1448 </script>
1448 1449
1450<script id="staticAssetJavascriptBODY0" src="/generated-resources/fce5cae0b347b67fe87943a5762d6356.min.js?1788955255116" ></script>
vendor: 1 bytes, line 1450
1450
1451<script type="application/json" id="jahia-data-aggregatedjsBODY">{"scripts":["/modules/EIFFAGEUXDesignTemplates/javascript/app.min.js","/modules/EIFFAGEUXDesignTemplates/javascript/cookiesManagement.js","/modules/EIFFAGEUXDesignTemplates/javascript/utm-link-interceptor.js","/modules/EIFFAGEUXDesignTemplates/javascript/playVimeo.js"]}</script>
1451 1452
1453<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"b86b91d2d8074ef2a1458fa6589f6168","spa":2}' crossorigin="anonymous"></script>
1453 1454</body> 1455</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.