PageSourceSearch

https://www.leviaducdemillau.com/accueil-viaduc-de-millau/contact.html

html leviaducdemillau.com collected 2026-09-24 19:44:18 UTC 89,073 bytes, 1,455 lines download raw bytes

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&eacute;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&eacute;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&eacute;rience unique sur cette aire qui n&rsquo;en a pas l&rsquo;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&eacute;rience unique sur cette aire qui n&rsquo;en a pas l&rsquo;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&eacute; 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&eacute; 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&eacute;age de Saint-Germain | BP 60457<br />
85512104 Millau Cedex</p>
856
857<p>T&eacute;l. : +33 (0)5 65 61 61 61 - du lundi au vendredi, de 8h00 &agrave; 12h30 et de 13h30 &agrave; 17h45</p>
858
859<ul>
860	<li>Pour les visites guid&eacute;es, contactez le Viaduc Expo au +33 (0)5 65 61 61 54</li>
861	<li>Pour les abonnements T&eacute;l&eacute;p&eacute;age, contactez l&#39;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&#39;appel d&#39;urgence embarqu&eacute;e<br />
866En cas de panne, d&#39;accident ou de difficult&eacute; pendant votre trajet, plus besoin d&#39;abandonner votre voiture et de vous rendre &agrave; pied jusqu&#39;&agrave; une borne d&#39;appel d&#39;urgence. <a href="http://www.sosautoroute.fr/" target="_blank">T&eacute;l&eacute;chargez gratuitement l&#39;application</a> !</p>
867
868<p class="aprr-footer__section-title">&nbsp;</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&#160;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&#160;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&eacute;es par un ast&eacute;risque. En cas de non-communication de ces informations, il ne sera pas possible de r&eacute;pondre &agrave; vos sollicitations. </p>
1039<p>La Compagnie Eiffage du Viaduc de Millau (CEVM) vous informe que les donn&eacute;es &agrave; caract&egrave;re personnel, collect&eacute;es ci-dessus, sont trait&eacute;es exclusivement pour apporter une r&eacute;ponse adapt&eacute;e &agrave; vos sollicitations, r&eacute;clamations ou interrogations.</p>
1040
1041<p>CEVM, Responsable de traitement, traite vos donn&eacute;es &agrave; caract&egrave;re personnel conform&eacute;ment &agrave; la loi Informatique et libert&eacute; 78-17 du 6/01/1978 modifi&eacute;e et au R&egrave;glement g&eacute;n&eacute;ral sur la protection des donn&eacute;es (RGPD) n&deg;2016/679.</p>
1042
1043<p>Vous disposez d&rsquo;un droit d&rsquo;acc&egrave;s, de rectification, d&rsquo;opposition pour motif l&eacute;gitime, de limitation et d&rsquo;effacement des donn&eacute;es &agrave; caract&egrave;re personnel vous concernant. Pour l&rsquo;exercice de ces droits vous pouvez contacter le D&eacute;l&eacute;gu&eacute; &agrave; la protection des donn&eacute;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&eacute;cisions sur la mani&egrave;re dont CEVM utilise et prot&egrave;ge vos donn&eacute;es &agrave; caract&egrave;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">&#x21D7;</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.