body.html 1.7 KB
Newer Older
1 2 3 4
<body>
	<div class="page">
		[(#REM) <!-- Navigation d'accès rapide : ancres, recherche, plan, contact, article d'accessibilité, etc --> ]
		
5
		<nav class="accesrapide invisible" id="accesrapide">
6
			<div class="container">
7
				<INCLURE{fond=inclure/accesrapide} />
8
			</div>
9
		</nav>
10 11 12 13 14 15 16 17 18
		
		[(#REM) <!-- Entête général du site --> ]
		<header class="header" id="header" role="banner">
			<div class="container">
				<INCLURE{fond=header/#ENV{type-page},env} />
			</div>
		</header>
		
		[(#REM) <!-- Navigation principale du site --> ]
JM Oupah's avatar
JM Oupah committed
19
		<nav id="navprincipale">
JM Oupah's avatar
JM Oupah committed
20
			<div class="container">
21 22 23 24
				<INCLURE{fond=inclure/nav-secteurs,env} />
			</div>
		</nav>
		
JM Oupah's avatar
JM Oupah committed
25
		[(#REM) <!-- Des outils --> ]
26 27 28 29 30 31
		<div id="outils">
			<div class="container">
				<INCLURE{fond=inclure/outils,env} />
			</div>
		</div>
		
32
		[(#REM) <!-- Fil d'Ariane --> ]
33
		[(#SI_PAGE{sommaire}|non)
34
		<nav class="fildariane" id="fildariane" role="navigation" aria-label="Fil d'Ariane">
35
			<div class="container">
36
				<INCLURE{fond=breadcrumb/#ENV{type-page},env,sep=/} />
37
			</div>
38
		</nav>]
39 40 41 42 43 44 45 46 47
		
		[(#REM) <!-- Contenu central du site = contenu principal + navigations secondaires --> ]
		<div class="central">
			<div class="container" id="container">
				<div class="wrapper" id="wrapper">
					<main class="content" id="content" role="main">
						<INCLURE{fond=content/#ENV{type-page},env} />
					</main>
				</div>
48
				<aside class="aside" id="aside" role="complementary">
49 50 51 52 53 54 55 56 57 58 59 60 61
					<INCLURE{fond=aside/#ENV{type-page},env} />
				</aside>
			</div>
		</div>
		
		[(#REM) <!-- Pied de page --> ]
		<footer class="footer" id="footer" role="contentinfo">
			<div class="container">
				<INCLURE{fond=footer/#ENV{type-page},env} />
			</div>
		</footer>
	</div>
</body>