https://www.leschampsgeraux.fr/accessibilite.php

1<!DOCTYPE html>
2<!--[if lte IE 7]> <html lang="fr" class="ie7 old-ie no-js"> <![endif]--> <!--[if (IE 8)&!(IEMobile)]> <html lang="fr" class="ie8 old-ie no-js"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="fr" > <!--<![endif]-->
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
5<title>Les Champs-Géraux : site de la commune</title>
6<meta name="keywords" content="" />
7<meta name="description" content="" />
8<meta property="og:type" content="website" />
9<meta property="og:title" content="Les Champs-Géraux : site de la commune" />
10<meta property="og:url" content="https://www.leschampsgeraux.fr/accessibilite.php" />
11<meta property="og:description" content="" />
12<meta name="twitter:card" content="summary_large_image" /><meta name="robots" content="index, follow, all" />
13<meta name="viewport" content="width=device-width, initial-scale=1.0" />
14

15<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>

15

16<script type="text/javascript" src="mod_turbolead/tools/librairiejs/jqTurbolead/jqTurbolead.php"></script>

16

17<script type="text/javascript" src="js/thickbox.min.js" ></script>

17

18<script type="text/javascript" src="js/owl.carousel.min.js"></script>

18

19<script type="text/javascript" src="js/jquery.dotdotdot.min.js"></script>

19

20<script type="text/javascript" src="js/scrollToTop.min.js"></script>

20

21<script type="text/javascript" src="js/jquery.validate.min.js"></script>

21

22<script type="text/javascript" src="js/jquery.cookie.min.js"></script>

22

23<script type="text/javascript" src="mod_turbolead/tools/librairiejs/jquery_cluetip/jquery.cluetip.min.js" ></script>

23

24<script type="text/javascript" src="js/jquery.cookiebar.min.js" ></script>

24

25<script type="text/javascript" src="js/script.min.js" ></script>

25
26<script src='https://www.google.com/recaptcha/api.js?render=

266LcSKI4UAAAAAEwPvytLG4q9SzIPAMTL1nGTMURg

26'></script>
27

28<link rel="stylesheet" type="text/css" href="css/normalize.min.css" />
29<link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css" />
30<link rel="stylesheet" type="text/css" href="css/owl.transitions.min.css" />
31<link rel="stylesheet"  type="text/css" href="css/thickbox.min.css" />
32<link href="mod_turbolead/tools/librairiejs/jquery_cluetip/jquery.cluetip.css"  rel="stylesheet"  type="text/css"  />
33<link rel="stylesheet" href="css/style.min.css" type="text/css" media="screen, projection" />
34<link href="css/style-print.min.css" rel="stylesheet" type="text/css" media="print" />
35
36<link rel="alternate" type="application/rss+xml" title="RSS" href="https://www.leschampsgeraux.fr/flux-rss.php" />
37<link rel="shortcut icon" href="favicon.ico" />

38<script src="https://www.leschampsgeraux.fr/mod_turbolead/tools/librairiejs/pluginflash.js" type="text/javascript"></script>

38

39<script src="https://www.leschampsgeraux.fr/js/custom-script.js" type="text/javascript"></script>

39
40<link href="https://www.leschampsgeraux.fr/css/recaptcha.css" rel="stylesheet" type="text/css" media="all" />
41</head>
42<body><div class="BodyContainer" >
43	<header class="BodyHeader"  role="banner" >
44		<div class="BodyHeader-top" >
45			<div class="BodyHeader-nav" >
46				<div class="AccessibilityBar">
47    <div class="AccessibilityBar-content">
48        <span class="AccessibilityBar-goto">Aller :</span><ul class="SkipNav">
49            <li><a href="#MainContent">au contenu</a>-</li><!-- whitespace
50    --><li><a href="#MainSearch">à la recherche</a>-</li><!-- whitespace
51    --><li><a href="#MainNav">au menu</a>|</li>           
52        </ul><ul class="ContrastNav">
53            <li>
54                <button id="ContrastButton" class="ContrastButton">Contraste</button>
55            </li>        
56        </ul>
57
58        <ul class="HelpNav">
59            <li><a href="accessibilite.php">Aide & accessibilité</a>|</li><!-- whitespace
60    --><li><a href="plan-site.php">Plan du site</a></li>   
61        </ul>
62    </div>
63</div> <p class="BodyHeader-logo Logo" >
64	<a href="https://www.leschampsgeraux.fr"><img src="images/logo.png" alt="Les Champs-Géraux"></a></p>
65
66				<nav class="MainNav-content"  role="navigation" >
67					<button id="ToggleMenu" class="ToggleMenu" aria-expanded="false" aria-controls="MainNav">
68<span class="ToggleNav-txt visuallyhidden"><span class="change-txt">Afficher</span> le menu</span>
69<span class="ToggleMenu-topBar icoBar"></span>
70<span class="ToggleMenu-middleBar icoBar"></span>
71<span class="ToggleMenu-bottomBar icoBar"></span>
72</button><ul id="MainNav" class="MainNav-list"><li class="child MainNav-village"><a href="#">La Commune</a><ul><li><a href="https://www.leschampsgeraux.fr/situation-geographique.php">Situation géographique</a></li><li><a href="https://www.leschampsgeraux.fr/histoire-de-la-ville.php">Histoire de la commune</a></li><li><a href="https://www.leschampsgeraux.fr/la-commune-en-chiffre.php">La commune en chiffre</a></li><li><a href="https://www.leschampsgeraux.fr/patrimoine.php">Patrimoine</a></li><li><a href="https://www.leschampsgeraux.fr/plan-de-la-ville.php">Plan de la commune</a></li></ul></li><li class="child MainNav-municipalLife"><a href="#">Vie municipale</a><ul><li><a href="https://www.leschampsgeraux.fr/conseil-municipal.php">Conseil municipal</a></li><li><a href="https://www.leschampsgeraux.fr/comptes-rendus.php">Comptes-rendus</a></li><li><a href="https://www.leschampsgeraux.fr/bulletins-municipaux.php">Bulletins municipaux</a></li><li><a href="https://www.leschampsgeraux.fr/plan-communal-de-sauvegarde.php">Plan Communal de Sauvegarde</a></li><li><a href="https://www.leschampsgeraux.fr/urbanisme.php">Urbanisme</a></li><li class="child"><a href="https://www.leschampsgeraux.fr/demarches-administratives.php">Démarches administratives</a><ul><li><a href="https://www.leschampsgeraux.fr/naissance-mariages-et-deces.php">Naissance, Mariages et Décès</a></li><li><a href="https://www.leschampsgeraux.fr/identite-nationalite.php">Identité, Nationalité</a></li><li><a href="https://www.leschampsgeraux.fr/liste-electorale.php">Liste Electorale</a></li><li><a href="https://www.leschampsgeraux.fr/attestations-et-certificats.php">Attestations et certificats</a></li><li><a href="https://www.leschampsgeraux.fr/autres-actes-et-documents.php">Autres actes et documents</a></li></ul></li></ul></li><li class="child MainNav-praticalLife"><a href="#">Vie pratique</a><ul><li><a href="https://www.leschampsgeraux.fr/associations.php">Associations</a></li><li><a href="https://www.dinan-agglomeration.fr/au-quotidien/gestion-des-dechets/les-decheter

72ies/">Déchetterie</a></li><li><a href="https://www.leschampsgeraux.fr/commerces.php">Commerces / Artisanat</a></li><li><a href="https://www.leschampsgeraux.fr/numeros-utiles.php">Numéros utiles</a></li><li><a href="https://www.dinan-capfrehel.com/" target="_parent">Office de Tourisme</a></li><li class="child"><a href="https://www.leschampsgeraux.fr/salles-municipales.php">Salles municipales</a><ul><li><a href="https://www.leschampsgeraux.fr/salles-municipales.php">Salle Polyvalente</a></li><li><a href="https://www.leschampsgeraux.fr/salle-communale.php">Maison Communale</a></li><li><a href="https://www.leschampsgeraux.fr/salle-dominique-savio.php">Salle Dominique Savio</a></li></ul></li><li><a href="https://www.leschampsgeraux.fr/cimetiere.php">Cimetière</a></li></ul></li><li class="child MainNav-childhood"><a href="#">Enfance / Jeunesse</a><ul><li><a href="https://www.leschampsgeraux.fr/assistantes-maternelles.php">Assistantes maternelles</a></li><li><a href="https://www.leschampsgeraux.fr/ecoles.php">Ecoles</a></li><li><a href="https://www.leschampsgeraux.fr/activites-periscolaires.php">Activités périscolaires</a></li><li><a href="https://www.dinan-agglomeration.fr/au-quotidien/petite-enfance/faire-garder-son-enfant/">Accueil de Loisirs</a></li><li><a href="http://www.ml-paysdedinan.fr" target="_parent">Mission Locale</a></li><li><a href="https://www.service-public.fr/particuliers/vosdroits/N24" target="_parent">Service National</a></li></ul></li><li class="child"><a href="#">Culture / Loisirs</a><ul><li><a href="https://www.leschampsgeraux.fr/associations.php">Associations</a></li><li><a href="https://www.leschampsgeraux.fr/bibliotheque.php">Bibliothèque</a></li><li><a href="https://www.leschampsgeraux.fr/randonnees.php">Randonnées</a></li><li><a href="https://www.leschampsgeraux.fr/eglise.php">Eglise</a></li></ul></li><li><a href="https://www.leschampsgeraux.fr/contact.php">Contact</a></li></ul></nav>
73			</div>
74		</div>
75		<button id="ToggleMainSearch" class="ToggleMainSearch" aria-expanded="false" aria-controls="MainSearch"><span class="ToggleMainSearch-txt visuallyhidden"><span class="change-txt">Afficher</span> le formulaire de recherche</span></button>
76<form method="get" action="recherche.php" role="search" class="BodyHeader-mainSearch MainSearch" id="MainSearch" >
77        <label for="web_keyword" class="visuallyhidden">Effectuer une recherche</label>
78        <input id="web_keyword" name="web_keyword" value="" placeholder="cantine, tourisme, ..." type="search" class="MainSearch-keyword"><!-- whitespace
79        --><input value="Chercher" title="Rechercher sur le site par mot clé" type="submit" class="MainSearch-submit">
80
81</form>		<div class="BodyHeader-slideshow" >
82			<div class="BannerSlideshow owl-carousel"  id="BannerSlideshow" >
83						
84			<div style="background-image:url(https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=240&w=1500&h=1200&q=80&TB_mimeCheck=1)"></div>
85			<div style="background-image:url(https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=244&w=1500&h=1200&q=80&TB_mimeCheck=1)"></div>
86			<div style="background-image:url(https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=245&w=1500&h=1200&q=80&TB_mimeCheck=1)"></div>
87			<div style="background-image:url(https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=246&w=1500&h=1200&q=80&TB_mimeCheck=1)"></div>
88	
89
90
91
92
93
94</div>
95		</div>
96	</header>
97	<div class="BodyContentLayout" >
98		<div class="BodyContentLayout-inner" >
99			<div class="BodyContent" >
100				<ul class="ToolBox">
101          <li><button id="DecreaseFontBtn" class="DecreaseFontBtn" type="button" title="Réduire le texte">A-</button></li><!-- whitespace
102        --><li><button id="ResetFontBtn" class="ResetFontBtn" type="button" title="Taille du texte normale (activé)">A</button></li><!-- whitespace
103        --><li><button id="IncreaseFontBtn" class="IncreaseFontBtn" type="button" title="Agrandir le texte">A+</button></li><!-- whitespace
104        --><li><button id="PrintBtn" class="PrintBtn" type="button"><svg viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" role="presentation" aria-hidden="true">
105                  <path d="m510 269c-11-65-81-84-81-84 0 0 0-40 0-56 0-9-17-11-17-11l-1-99-308 0 0 98c0 0-20 3-20 12 0 15 0 54 0 54 0 0-71 26-82 91-12 73 67 126 67 126l10 0 0-102 354-1 0 103 12 0c0 0 81-50 66-131z m-130-85l-253 0 0-138 253 0z m69 58l-26 0 0-26 26 0z m-348 84l308 0 0 167-308 0z"/>
106                </svg> Imprimer</button></li>
107</ul> <main class="MainContent"  id="MainContent"  role="main" >
108<p class="Breadcrumb" >
109	Vous êtes ici : <a href="https://www.leschampsgeraux.fr" >Accueil</a>&nbsp;&gt;&nbsp;<span class="web_last">Accessibilité</span></p>
110<div class="MainContent-main" >
111	<div class="MainContent-inner" >
112		<h1>
113	Accessibilité</h1>
114<h2>
115	Aide à la navigation</h2>
116<h3>
117	Logo</h3>
118<p>
119	​Le logo vous permet, par un simple clic, de retourner sur la page d'accueil.</p>
120<h3>
121	Moteur de recherche</h3>
122<p>
123	Sur l'ensemble des pages, le champ de saisie du moteur de recherche est placé&nbsp;en haut de page.<br />
124	Lorsque vous effectuez une recherche, le moteur de recherche liste les pages correspondant le mieux à vos attentes.</p>
125<h3>
126	Fil d'Ariane</h3>
127<p>
128	​Sur l'ensemble des pages du site (hormis la page d'accueil), un fil d'Ariane, affiché en haut du contenu principal, rappelle le nom de la page dans laquelle vous vous trouvez et vous permet de revenir au niveau de navigation supérieur.</p>
129<h3>
130	Retour en haut de page</h3>
131<p>
132	En bas à droite de l'écran se trouve un lien de retour "haut de page" vous permettant de retrouver rapidement le menu principal et le chemin de navigation.</p>
133<h3>
134	Navigation par tabulation</h3>
135<p>
136	Vous pouvez naviguer d'un lien à l'autre à l'aide de la touche de "Tabulation" (appuyez sur la touche&nbsp;"Tab" et répétez jusqu'à sélectionner le lien désiré, validez avec la touche "Entrée").</p>
137<h3>
138	Impression</h3>
139<p>
140	Toutes les pages sont imprimables en cliquant sur l’icône "Imprimer" (Fichier > Imprimer) de votre navigateur ou sur le bouton "Imprimer la page" situé à droite sous le bandeau.
141Lors de l’impression d’une page, l’ensemble des éléments de navigation du site seront masqués afin que vous puissiez imprimer uniquement le contenu utile de votre information.</p>
142<h3>
143	Liens d'accès rapide</h3>
144<p>
145	Ces liens, placés en haut de la page, vous permettent d'accéder directement aux parties importantes sans avoir à parcourir les informations non souhaitées :</p>
146<ul>
147	<li>
148		lien permettant d'aller directement au contenu de la page</li>
149	<li>
150		lien permettant d'aller directement au moteur de recherche du site</li>
151	<li>
152		lien permettant d'aller directement au menu principal du site</li>
153</ul>
154<h2>
155	Fonctionnalités d'affichage</h2>
156<h3>
157	Acronymes et abréviations</h3>
158<p>
159	Certains termes, acronymes et abréviations sont soulignés par des petits points. Le curseur en forme de point d'interrogation vous indique une définition des termes ou acronymes lors du survol par la souris.</p>
160<h3>
161	Taille des caractères</h3>
162<p>
163	Des boutons "A-", "A" et "A+" situés à droite sous le bandeau permettent d'ajuster la taille des caractères.</p>
164<h3>
165	Modes d'écran</h3>
166<p>
167	Deux modes d'écran vous sont proposés :</p>
168<ul>
169	<li>
170		un "mode classique", qui est la présentation du site par défaut,</li>
171	<li>
172		un mode "contraste", simplifié à une couleur de fond et une couleur de caractère, possédant un rapport de haut contraste.</li>
173</ul>
174<p>
175	Ces différents modes d’écran sont accessibles depuis le menu d'accessibilité placé en haut du site.</p>
176
177		<div class="SocialSharingArea" >
178			&nbsp;</div>
179	</div>
180</div>
181</main>
182<div class="Sidebar" >
183	<div class="EventsBox">
184<h2>Agenda</h2>

185<time class="EventsBoxDay" datetime="2026-10-02"><span class="EventsBoxDay-inner">Vendredi <span class="EventsBoxDay-num">2</span></span></time>
186
187<ul class="EventsBox-list">
188			<li>Aucun événement aujourd'hui</li>
189	</ul>
190<p class="EventsBox-more"><a href="agenda.php?date_agenda=2026-10" class="darkBtn">tous les évènements</a></p>
191</div> <ul id="OneClicBox" class="OneClicBox"><li class="OneClicBox-cafeteria"><a href="https://www.leschampsgeraux.fr/cantine.php">Cantine</a></li><li class="OneClicBox-shop"><a href="https://www.leschampsgeraux.fr/commerces.php">Commerces</a></li><li class="OneClicBox-associations"><a href="https://www.leschampsgeraux.fr/associations.php">Associations</a></li><li class="OneClicBox-contributors"><a href="https://www.leschampsgeraux.fr/acces-contributeurs.php">Accès contributeurs</a></li></ul> <div class="MeteoBox">
192<h2 class="h1"><span>Météo</span></h2>
193<div class="MeteoBox-cookie">Vous devez <a href="cookies.php">accepter les cookies</a> pour voir la météo.</div>
194</div></div>
195<div class="clearfix" >
196	&nbsp;</div>
197</div>
198		</div>
199	</div>
200	<footer class="BodyFooter"  role="contentinfo" >
201		<div class="BodyFooter-content" >
202			<address class="FooterAddress">
203<strong>Mairie des Champs-Géraux - 1, Le Bourg, 22630 Les Champs-Géraux</strong><br />
204<br />
205&nbsp;<br />
206Le secrétariat de la mairie est ouvert au public &nbsp;:<br />
207Lundi, Mercredi, Jeudi, Vendredi de&nbsp;9h&nbsp;à&nbsp;12h30<br />
208et le Mardi de 9h à 12h30 et de 14h à 17h<br />
209<br />
210Mme Le Maire Sandrine Juhel est disponible sur rendez-vous.<br />
211<br />
212<br />Tél. : +33 (0)2 96 27 41 01</address> <ul class="FooterPics">
213<li class="FooterPics-location"><img alt="" src="images/location.png" /> <span class="FooterPics-locationText">Département des Côtes-d'Armor (22)</span></li>		
214		
215			<li><img class="" alt="" src="https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=252&amp;w=243&amp;h=142&amp;q=80&amp;TB_mimeCheck=1" /></li>
216			<li><img class="" alt="" src="https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=361&amp;w=243&amp;h=142&amp;q=80&amp;TB_mimeCheck=1" /></li>
217			<li><img class="" alt="" src="https://www.leschampsgeraux.fr/mod_turbolead/getvue.php?id_vue=363&amp;w=243&amp;h=142&amp;q=80&amp;TB_mimeCheck=1" /></li>
218		
219</ul>
220
221
222
223
224
225 <ul id="FooterNav" class="FooterNav"><li><a href="https://www.leschampsgeraux.fr/" accesskey="1">Accueil</a></li><li><a href="https://www.leschampsgeraux.fr/contact.php" accesskey="7">Contact</a></li><li><a href="https://www.leschampsgeraux.fr/plan-site.php" accesskey="3">Plan du site</a></li><li><a href="https://www.leschampsgeraux.fr/mentions-legales.php" accesskey="8">Mentions légales</a></li><li class="web_menu_page_selected"><a href="https://www.leschampsgeraux.fr/accessibilite.php" accesskey="6">Accessibilité</a></li><li><a href="https://www.leschampsgeraux.fr/cookies.php">Cookies</a></li><li><a href="http://www.macommune.com" target="_blank">Site internet pour communes</a></li><li><a href="https://fr-fr.facebook.com/">Page Facebook</a></li></ul></div>
226	</footer>
227</div>
228
229<!-- Piwik -->
230	

230<script type='text/javascript'>
231	  var _paq = _paq || [];
232   _paq.push([function() {
233     var self = this;
234     function getOriginalVisitorCookieTimeout() {
235       var now = new Date(),
236           nowTs = Math.round(now.getTime() / 1000),
237           visitorInfo = self.getVisitorInfo();
238       var createTs = parseInt(visitorInfo[2]);
239       var cookieTimeout = 33696000; // 13 mois en secondes
240       var originalTimeout = createTs + cookieTimeout - nowTs;
241       return originalTimeout;
242     }
243     this.setVisitorCookieTimeout( getOriginalVisitorCookieTimeout() );
244   }]);
245	  _paq.push(['trackPageView']);
246	  _paq.push(['enableLinkTracking']);
247	  _paq.push(['appendToTrackingUrl', 'bots=1']);
248	  (function() {
249	    var u=(('https:' == document.location.protocol) ? 'https' : 'http') + '://piwik.logipro.com/piwik/';
250	    _paq.push(['setTrackerUrl', u+'piwik.php']);
251	    _paq.push(['setSiteId', 284]);
252	    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript';
253	    g.defer=true; g.async=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
254	  })();
255	</script>

255
256	<noscript><p><img src='https://piwik.logipro.com/piwik/piwik.php?idsite=284&rec=1&bots=1' style='border:0;' alt='' /></p></noscript>
257<!-- End Piwik Code -->
258
259</body></html>