Vous êtes connecté en tant que anonymous Se Deconnecter
GitList
Browse code

Ma première tentative de MVC en PHP

Emmanuel ROY authored on 13/06/2017 21:55:21
Showing 89 changed files
README.md
History View file @ 2c437b7
1 1 
new file mode 100644
... ... 
@@ -0,0 +1 @@
1 
+# MVC---Procedural
localisation_Domaines_externes_B25.php
History View file @ 2c437b7
0 2 
new file mode 100755
... ... 
@@ -0,0 +1,5 @@
1 
+<?php
2 
+
3 
+define('PAGEB25FR',"http://fr.v1.besancon25.dev/");
4 
+define('PAGEB25NET',"http://net.besancon25.dev/");
5 
+define('PAGEB25COM',"http://com.besancon25.dev/");
public/.htaccess
History View file @ 2c437b7
0 6 
new file mode 100755
... ... 
@@ -0,0 +1,27 @@
1 
+
2 
+ErrorDocument 401 /erreurs/erreur.php?num=1
3 
+ErrorDocument 403 /erreurs/erreur.php?num=3
4 
+ErrorDocument 404 /erreurs/erreur.php?num=4
5 
+ErrorDocument 405 /erreurs/erreur.php?num=5
6 
+ErrorDocument 406 /erreurs/erreur.php?num=6
7 
+ErrorDocument 407 /erreurs/erreur.php?num=7
8 
+ErrorDocument 408 /erreurs/erreur.php?num=8
9 
+ErrorDocument 409 /erreurs/erreur.php?num=9
10 
+ErrorDocument 500 /erreurs/erreur.php?num=26
11 
+ErrorDocument 501 /erreurs/erreur.php?num=27
12 
+ErrorDocument 502 /erreurs/erreur.php?num=28
13 
+ErrorDocument 503 /erreurs/erreur.php?num=29
14 
+ErrorDocument 504 /erreurs/erreur.php?num=30
15 
+ErrorDocument 505 /erreurs/erreur.php?num=31
16 
+ErrorDocument 507 /erreurs/erreur.php?num=32
17 
+
18 
+RewriteEngine On
19 
+RewriteBase /
20 
+
21 
+RewriteCond %{REQUEST_FILENAME} -f
22 
+RewriteRule .* - [S=18]
23 
+
24 
+RewriteRule homepage index.php?page=index [L]
25 
+
26 
+DirectoryIndex index.php
27 
+
public/controlleurs/traitementPreferences.php
History View file @ 2c437b7
0 28 
new file mode 100755
... ... 
@@ -0,0 +1,9 @@
1 
+<?php
2 
+session_start();
3 
+include("../scriptPHP/cookies.php");
4 
+choixInterface($_POST['interface']);
5 
+choixGlyph($_POST['polices']);
6 
+choixTailleLecture($_POST['tailleLecture']);
7 
+header("location: ../index.php?page=preferences")
8 
+
9 
+?>
public/erreurs/erreur.php
History View file @ 2c437b7
0 10 
new file mode 100755
... ... 
@@ -0,0 +1,67 @@
1 
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 
+<?php
3 
+if(!isset($_GET['num'])){
4 
+	$Error = 34;
5 
+}else{
6 
+	$Error = $_GET['num'];
7 
+}
8 
+ switch ($Error){
9 
+ case 1:
10 
+ $image = '<img src="erreur401.gif" width="640" height="480" align="left" vspace="2" hspace="10" />';
11 
+ break;
12 
+ case 3:
13 
+ $image = '<img src="erreur403.gif" width="640" height="480" align="left" vspace="2" hspace="10" />';
14 
+ break;
15 
+ case 4:
16 
+ $image = '<img src="erreur404.gif" width="640" height="480" align="left" vspace="2" hspace="10" />';
17 
+ break;
18 
+ case 26:
19 
+ $image = '<img src="erreur500.gif" width="640" height="480" align="left" vspace="2" hspace="10" />';
20 
+ break;
21 
+ default:
22 
+ $image = '<img src="erreurBIG.gif" width="640" height="480" align="left" vspace="2" hspace="10" />';
23 
+ }
24 
+ $title = Array('Erreur 400 - Syntaxe de requète Erronée',
25 
+ 		'Erreur 401 - Authentification nécessaire pour accéder à la ressource',
26 
+ 		'Erreur 402 - Paiement requis pour accéder à la ressource',
27 
+ 		'Erreur 403 - Authentification refusée',
28 
+ 		'Erreur 404 - Document Non Trouv&eacute;',
29 
+ 		'Erreur 405 - Méthode de requête non autorisée',
30 
+ 		'Erreur 406 - Toutes les réponses possibles seront refusées.',
31 
+ 		'Erreur 407 - Accès à la ressource autorisé par identification avec le proxy',
32 
+ 		'Erreur 408 - Temps d’attente d’une réponse du serveur écoulé',
33 
+ 		'Erreur 409 - La requête ne peut être traitée à l’état actuel',
34 
+ 		'Erreur 410 - La ressource est indisponible et aucune adresse de redirection n’est connue',
35 
+ 		'Erreur 411 - La longueur de la requête n’a pas été précisée',
36 
+ 		'Erreur 412 - Préconditions envoyées par la requête non-vérifiées',
37 
+ 		'Erreur 413 - Traitement abandonné dû à une requête trop importante',
38 
+ 		'Erreur 414 - URI trop longue',
39 
+ 		'Erreur 415 - Format de requête non-supportée pour une méthode et une ressource données',
40 
+ 		'Erreur 416 - Champs d’en-tête de requête « range » incorrect.',
41 
+ 		'Erreur 417 - Comportement attendu et défini dans l’en-tête de la requête insatisfaisable',
42 
+ 		'Erreur 418 - Je suis une théière',
43 
+ 		'Erreur 422 - L’entité fournie avec la requête est incompréhensible ou incomplète.',
44 
+ 		'Erreur 423 - L’opération ne peut avoir lieu car la ressource est verrouillée.',
45 
+ 		'Erreur 424 - Une méthode de la transaction a échoué.',
46 
+ 		'Erreur 425 - Unordered Collection',
47 
+ 		'Erreur 426 - Upgrade Required',
48 
+ 		'Erreur 449 - Retry With',
49 
+ 		'Erreur 450 - Blocked by Windows Parental Controls',
50 
+ 		'Erreur 500 - Erreur interne du serveur',
51 
+ 		'Erreur 501 - Fonctionnalité réclamée non supportée par le serveur',
52 
+ 		'Erreur 502 - Mauvaise réponse envoyée à un serveur intermédiaire par un autre serveur.',
53 
+ 		'Erreur 503 - Service temporairement indisponible ou en maintenance',
54 
+ 		'Erreur 504 - Temps d’attente d’une réponse d’un serveur à un serveur intermédiaire écoulé',
55 
+ 		'Erreur 505 - Version HTTP non gérée par le serveur',
56 
+ 		'Erreur 507 - Espace insuffisant pour modifier les propriétés ou construire la collection',
57 
+ 		'Erreur 509 - Utilisé par de nombreux serveurs pour indiquer un dépassement de quota.'
58 
+ 		'Erreur BIG - Utile en cas de surcharge serveur');
59 
+?>
60 
+<html>
61 
+  <head>
62 
+    <title><?php echo $title[$Error]; ?></title>
63 
+  </head>
64 
+  <body>
65 
+	<h1><center><?php echo $image; ?>La recherche du document demand&eacute; n'as pas p&ucirc; aboutir, il se peut que le document ne soit plus sur le serveur, qu'il est &eacute;t&eacute; d&eacute;plac&eacute; ou que le lien est &eacute;rron&eacute;. Veuillez utiliser le bouton pr&eacute;c&eacute;dent de votre navigateur et contacter le dieu de ce site, son "Webmaster" ... </center></h1><br><br><h5>Et maintenant un peu de gymnatique c&eacute;r&eacute;brale...<h5><br><h1>Lorem Ipsum<h1><h2>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."<h2><h3>"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."</h3><h4>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis rutrum lectus et dolor sagittis volutpat. Vivamus eleifend elit quis urna vulputate venenatis. Maecenas et nunc magna. Mauris vel neque id nunc tincidunt fermentum non sed dui. Morbi vitae volutpat risus. Nulla facilisi. Mauris consequat augue ut risus placerat dictum. Suspendisse sit amet sodales neque. Curabitur quis nibh vel diam commodo cursus sed et libero. Vivamus nibh velit, vulputate eu congue non, iaculis nec dolor. Donec feugiat, urna feugiat faucibus tempor, augue nisi dictum dui, ac luctus dui nisl feugiat est. Ut in elit lacus, sed elementum ipsum. Sed nec nisl felis. Fusce nisl purus, sagittis sit amet lacinia quis, pulvinar eu ante. Nulla at dolor eget elit rutrum venenatis. Quisque dui risus, vehicula in egestas vel, tincidunt sed purus. Nulla ultricies condimentum enim, in iaculis massa tempor sit amet. Vestibulum non magna quam, eu mattis purus. Donec fringilla luctus dignissim.</h4><h5>Phasellus auctor, nibh non interdum dapibus, libero lacus consequat risus, in aliquam enim nunc at augue. Fusce lacinia turpis consequat nulla vehicula pretium. Donec et eros leo, vitae lobortis dolor. Donec ultricies gravida felis, varius mattis tellus scelerisque non. Duis mauris libero, sodales vitae porttitor quis, sagittis vitae lacus. Nullam in dui lobortis sem tincidunt fringilla nec at mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam venenatis cursus vulputate. Nullam aliquam enim quis mauris convallis at porttitor massa vulputate. Aliquam malesuada ligula sit amet metus consectetur nec tincidunt mauris tincidunt. Nulla sollicitudin, ante at consectetur tempor, tellus urna varius tortor, eu pellentesque erat elit quis ipsum. In quam magna, tincidunt quis sagittis ut, adipiscing sit amet sem. Praesent quis ipsum nibh, vitae lobortis nibh. Fusce laoreet velit in magna mattis id mattis purus porta. Proin feugiat ultricies nisl a feugiat. Aliquam eu mauris nec enim vestibulum iaculis ac a turpis. Nullam pharetra, dolor at faucibus bibendum, nisi nulla iaculis velit, ac pulvinar nisl arcu eget ligula. Vivamus eu sapien ante. Donec elementum dolor tellus, sed iaculis turpis.</h5><h6>Etiam ut metus metus, sit amet consequat erat. Aenean varius tincidunt dui, at luctus risus hendrerit at. Vestibulum luctus enim sit amet libero pharetra molestie non eget lacus. Suspendisse euismod faucibus mi id aliquet. Aliquam erat est, interdum ac blandit nec, porta in enim. Integer euismod varius enim, quis hendrerit quam venenatis fermentum. Duis aliquet tellus quis sapien tincidunt sit amet laoreet metus adipiscing. Sed gravida accumsan diam rutrum placerat. Vestibulum massa ante, vehicula a aliquet sollicitudin, euismod quis augue. Nullam egestas ante non magna suscipit nec ullamcorper nulla accumsan.<br><br>Aliquam fermentum blandit ante vel sodales. Sed tortor nulla, posuere quis dignissim id, ultrices nec turpis. Suspendisse lacus sem, aliquam eu fringilla eu, luctus vel arcu. Sed fringilla lectus quis turpis pretium accumsan. Aliquam egestas vehicula velit, sit amet varius enim volutpat quis. Nunc dignissim aliquam sagittis. Curabitur non tortor est. Sed auctor fringilla auctor. Duis a nulla augue. Fusce sed velit justo. Sed sed malesuada dolor. Curabitur orci sem, sagittis at pretium ut, tincidunt at dolor. Donec vehicula, libero a egestas vestibulum, erat dui pellentesque augue, et ornare quam augue eget lacus. Cras ultricies, est in vulputate condimentum, sem mi volutpat massa, eu commodo elit erat in orci. Suspendisse id lacus id turpis suscipit congue in quis urna. In in lectus laoreet nunc scelerisque ornare. Pellentesque convallis adipiscing enim, eu rutrum lacus fringilla ac. Nullam ornare sodales pellentesque. Pellentesque sit amet magna neque, vitae iaculis velit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br><br>Maecenas lectus est, scelerisque a accumsan a, euismod vel nulla. Aliquam dapibus dictum scelerisque. Aenean sit amet lobortis urna. Donec ut nisl justo, nec convallis magna. Sed ut blandit odio. Cras sit amet risus vel est posuere tristique. Aliquam erat volutpat. Nam pretium nisi vitae mauris posuere in semper arcu viverra. Ut nunc felis, convallis tincidunt vestibulum nec, pulvinar vel dui. Vivamus molestie tempor cursus. Cras nec massa nec arcu ultrices dictum nec placerat justo. Suspendisse rhoncus fringilla justo. Suspendisse potenti. Praesent augue purus, consectetur in vehicula in, hendrerit vel massa. Sed in neque quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi quis nibh enim. Sed nec velit at justo euismod commodo. Suspendisse semper libero vitae ligula bibendum vehicula.</h6><h4>Generated 5 paragraphs, 704 words, 4727 bytes of Lorem Ipsum</h4>
66 
+  </body>
67 
+</html>
public/erreurs/erreur401.gif
History View file @ 2c437b7
0 68 
new file mode 100755
1 69 
Binary files /dev/null and b/public/erreurs/erreur401.gif differ
public/erreurs/erreur403.gif
History View file @ 2c437b7
2 70 
new file mode 100755
3 71 
Binary files /dev/null and b/public/erreurs/erreur403.gif differ
public/erreurs/erreur404.gif
History View file @ 2c437b7
4 72 
new file mode 100755
5 73 
Binary files /dev/null and b/public/erreurs/erreur404.gif differ
public/erreurs/erreur500.gif
History View file @ 2c437b7
6 74 
new file mode 100755
7 75 
Binary files /dev/null and b/public/erreurs/erreur500.gif differ
public/erreurs/erreurBIG.gif
History View file @ 2c437b7
8 76 
new file mode 100755
9 77 
Binary files /dev/null and b/public/erreurs/erreurBIG.gif differ
public/fonctionCourante.php
History View file @ 2c437b7
10 78 
new file mode 100755
... ... 
@@ -0,0 +1,198 @@
1 
+<?php
2 
+
3 
+require dirname(__FILE__) . "/../localisation_Domaines_externes_B25.php";
4 
+
5 
+define('SCRIPTPHPPATH',dirname(__FILE__) . "/scriptPHP");
6 
+include SCRIPTPHPPATH. DIRECTORY_SEPARATOR . 'cookies.php';
7 
+
8 
+function AfficheSousMenu(){
9 
+echo "<ul id='sousmenu'>";
10 
+	if(!isset($_SESSION['id_utilisateur'])){
11 
+		echo "<li><a href='index.php?page=identification'>Mon Compte</a>&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;&nbsp;&nbsp;&nbsp;<a href='index.php?page=preferences'>Mes Pr&eacute;f&eacute;rences d'affichage(s)</a></li>";
12 
+	}else{
13 
+		echo "<li>Bonjour <a href='index.php?page=compte'>".$_SESSION['identifiant']."</a>&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;&nbsp;&nbsp;&nbsp;<a href='index.php?page=preferences'>Mes Pr&eacute;f&eacute;rences d'affichage(s)</a>&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;&nbsp;&nbsp;&nbsp;<a href='controlleurs/traitementDeconnexion.php'>Se D&eacute;connecter</a></li>";
14 
+	}
15 
+	return;
16 
+}
17 
+
18 
+function AfficheIcone(){
19 
+echo "<script type='text/javascript' language='javascript'>\n"
20 
+		."
21 
+
22 
+
23 
+		btn_logoNET_gauche = new Image();
24 
+		btn_logoNET_gauche = 'images/besancon25.net_gauche.png';
25 
+		btn_logoNET_droite = new Image();
26 
+		btn_logoNET_droite = 'images/besancon25.net_droite.png';
27 
+		btn_logoCOM_gauche = new Image();
28 
+		btn_logoCOM_gauche = 'images/besancon25.com_gauche.png';
29 
+		btn_logoCOM_droite = new Image();
30 
+		btn_logoCOM_droite = 'images/besancon25.com_droite.png';
31 
+		btn_logoFR_gauche = new Image();
32 
+		btn_logoFR_gauche = 'images/besancon25.fr_gauche.png';
33 
+		btn_logoFR_droite = new Image();
34 
+		btn_logoFR_droite = 'images/besancon25.fr_droite.png';
35 
+
36 
+		function survolCOM( comment ){
37 
+			//alert('ok!');
38 
+			var gauche = selectionnerDIVimage('logo_gauche');
39 
+			var droite = selectionnerDIVimage('logo_droite');
40 
+
41 
+			if( comment ){
42 
+				gauche.src=btn_logoCOM_gauche;
43 
+				droite.src=btn_logoCOM_droite;
44 
+			}else{
45 
+				gauche.src=btn_logoFR_gauche;
46 
+				droite.src=btn_logoFR_droite;
47 
+			}
48 
+			return;
49 
+		}
50 
+
51 
+		function survolNET( comment ){
52 
+			//alert('ok!');
53 
+			var gauche = selectionnerDIVimage('logo_gauche');
54 
+			var droite = selectionnerDIVimage('logo_droite');
55 
+
56 
+			if( comment ){
57 
+				gauche.src=btn_logoNET_gauche;
58 
+				droite.src=btn_logoNET_droite;
59 
+			}else{
60 
+				gauche.src=btn_logoFR_gauche;
61 
+				droite.src=btn_logoFR_droite;
62 
+			}
63 
+			return;
64 
+		}
65 
+
66 
+		function selectionnerDIVimage(elem){
67 
+			if ( document.getElementById && document.getElementById( elem ) ){
68 
+				 Pdiv = document.getElementById( elem );
69 
+			}
70 
+			    // Pour les veilles versions
71 
+			else if ( document.all && document.all[ elem ] ){
72 
+				Pdiv = document.all[ elem ];
73 
+			}
74 
+			    // Pour les tr�s veilles versions
75 
+			else if ( document.layers && document.layers[ elem ] ){
76 
+				Pdiv = document.layers[ elem ];
77 
+			}
78 
+			else{
79 
+				return false;
80 
+			}
81 
+			return Pdiv;
82 
+		}
83 
+
84 
+		</script>\n";
85 
+echo "<div class='logoMenu'>";
86 
+echo "\n	<center>"
87 
+	."\n		";
88 
+echo '<img style="cursor: pointer;" border="0" id="logo_gauche" height="400px" width="140" src="images/besancon25.fr_gauche.png" onMouseOver="survolCOM(true)" onMouseOut="survolCOM(false)" onClick="javascript:window.location.href=';
89 
+echo "'".PAGEB25COM."';";
90 
+echo '" >';
91 
+echo '<img style="cursor: pointer;" border="0" id="logo_droite" height="400px" width="140" src="images/besancon25.fr_droite.png" onMouseOver="survolNET(true)" onMouseOut="survolNET(false)" onClick="javascript:window.location.href=';
92 
+echo "'".PAGEB25NET."';";
93 
+echo '" >';
94 
+echo "\n	</center>";
95 
+echo "\n</div>";
96 
+return;
97 
+}
98 
+
99 
+function AfficheMenu(){
100 
+AfficheIcone();
101 
+echo "\n<div class='boutonsMenu'>";
102 
+echo "\n	<ul id='menu'>";
103 
+
104 
+
105 
+if( !isset($_GET['page'])  || ($_GET['page'] === "accueil" ) ){
106 
+	echo "\n		<li><a href='http://wikini.besancon25.fr' >Informations Compl&eacute;mentaires <img src='images/aide_B25.gif' alt='Wikini explicatifs des tenants et aboutissants de la plate-forme (en stade de compl&eacute;ment incomplet.)' /></a></li>";
107 
+}else{
108 
+	echo "\n		<li><a href='index.php?page=accueil' >Accueil</a></li>";
109 
+}
110 
+
111 
+echo "\n		<li><a href='index.php?page=artistes' >Artistes et Artisans</a></li>"
112 
+	."\n		<li><a href='index.php?page=associations' >Associations et Groupes</a></li>";
113 
+
114 
+if(isset($_SESSION['type_compte'])){
115 
+	echo "\n		<li><a href='index.php?page=articles' >Articles</a></li>";
116 
+}
117 
+
118 
+echo "\n		<li><a href='index.php?page=dossiers' >Dossiers</a></li>"
119 
+	."\n	</ul>";
120 
+echo "\n</div>";
121 
+	return;
122 
+}
123 
+
124 
+function PositionneCSS(){
125 
+echo "<link type='text/css' rel='stylesheet' href='stylesCSS/baseCorps.css'>";
126 
+echo "<link type='text/css' rel='stylesheet' href='stylesCSS/baseMenus.css'>";
127 
+echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface03.css'>";
128 
+echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture03.css'>";
129 
+echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie01.css'>";
130 
+echo "<script type='text/javascript' src='scriptJS/live.js'></script>";
131 
+echo "<script type='text/javascript' src='scriptJS/changerCSS.js'></script>";
132 
+return;
133 
+}
134 
+
135 
+function AffichePage($page){
136 
+
137 
+	//chargement de la fonction d'affichage
138 
+	if( $page !== "index" && $page !== "accueil" ){
139 
+		LancerAffichageDuCorps();
140 
+    }else{
141 
+		AfficheIndex();
142 
+	}
143 
+	return;
144 
+}
145 
+function ChargerVariablesInitialesHeader($page){
146 
+	//initialisation
147 
+	global $header_title,$header_description,$header_identifier_url,$header_keywords;
148 
+	$header_title = "Besan&ccedil;on 25 - La plate-Forme des artistes/Artisans et des groupes/Associations de Besan&ccedil;on - v3.0c - &#948; version";
149 
+	$header_description = "Site communautaire pour les artistes/Artisans et les Groupes/Associations de Besan&ccedil;on";
150 
+	$header_identifier_url = "besancon25.fr";
151 
+	$header_keywords = "Journal, Doubs, Besan&ccedil;on, Besancon, 25000, 25, artiste, artistes, artisant, artisants, association, associations, article, articles, dossier, dossiers, arts, art";
152 
+	return;
153 
+}
154 
+
155 
+function ChargerModeleEtFonctionsDeLaPage($page){
156 
+	//chargement du modele contenant la fonction d'affichage
157 
+	if(isset($page)){
158 
+		if( file_exists('modeles/accesseurs/'.$page.'.accesseur.php')){
159 
+    		include 'modeles/accesseurs/'.$page.'.accesseur.php';
160 
+    	}
161 
+    	if( file_exists('modeles/vues/'.$page.'.php')){
162 
+    		include 'modeles/vues/'.$page.'.php';
163 
+    }
164 
+	}
165 
+	return;
166 
+}
167 
+function ConvertirVariablesHeader($page){
168 
+	global $header_title,$header_description,$header_identifier_url,$header_keywords;
169 
+	$header_title = html_entity_decode(str_replace("&apos;","'",$header_title),ENT_QUOTES,"ISO-8859-15");
170 
+	$header_description = html_entity_decode(str_replace("&apos;","'",$header_description),ENT_QUOTES,"ISO-8859-15");
171 
+	$header_identifier_url = html_entity_decode(str_replace("&apos;","'",$header_identifier_url),ENT_QUOTES,"ISO-8859-15");
172 
+	$header_keywords = html_entity_decode(str_replace("&apos;","'",$header_keywords),ENT_QUOTES,"ISO-8859-15");
173 
+	return;
174 
+}
175 
+
176 
+
177 
+function AfficheIndex(){
178 
+	echo "<table border='0' align='center'>"
179 
+	."<tr>"
180 
+	."<td valign='top' align='center' class='article' >"
181 
+	."<img src='images/articles/souveraines.jpg' width='200px' height='500px'>"
182 
+	."<p align='left' class='titre'>BESANCON 25 </br>&nbsp;&nbsp;&nbsp;- le Ya-Ka-F&ocirc;-Kon</p>"
183 
+	."<p align='center' class='article'></p><hr/><p align='center' class='article'>Cette Plate-Forme d'annuaire s'adresse &agrave; tous les artistes et associations en mal de devenir ...</br>&Agrave; toutes celles et ceux qui se battent pour se faire conna&icirc;tre et reconna&icirc;tre au sein de Besan&ccedil;on</br>Ici il y a la possiblit&eacute; de se faire appeler pour peu que l'on veuille bien <a href='index.php?page=inscription'>s'incrire</a>.</br>Car si certains peuvent essayer de passer par le systeme du bouche &agrave; oreille, il est quelques-fois plus simple de laisser des coordonn&eacute;es au milieu de toutes les autres, car cela permet de tisser des liens que l'on aurait p&ucirc; peu imaginer.</br>Il ne reste plus qu'alors &agrave; attendre que le bouleversement des mentalit&eacute;s s'op&egrave;re et qu'il devienne un effet boule de neige pour ceux qui auront bien voulu croire en ce site.</br></p>"
184 
+	."<p align='right' class='date'>le 21/06/2010</p>"
185 
+	."<p align='right' class='post'>l'Administrateur</p>"
186 
+	."</td>"
187 
+	."<td>&nbsp;&nbsp;</td>"
188 
+	."<td valign='top' align='center' class='article' >"
189 
+	."<img src='images/articles/attentives.jpg' width='200px' height='500px'>"
190 
+	."<p align='left' class='titre'>BESANCON 25 </br>&nbsp;&nbsp;&nbsp;- le Pourquoi du Comment ?!?</p>"
191 
+	."<p align='center' class='article'></p><hr/><p align='center' class='article'><b>Pourquoi avoir fait cet annuaire ?</b></br>La premi&egrave;re et la moins couteuse de toutes les communications provient du web d'internet car la culture du libre et du gratuit y est incrite toujours dans les plus charmantes m&eacute;moires de nos programmeurs. Aujourd'hui tout coute le moindre euros que la plupart des artistes n'ont la possibilit&eacute; de payer pour une communication qui ne leurs semblent pas famili&egrave;re ou n&eacute;cessaire. Cet annuaire est gratuit pour tous et toutes qui veulent avoir une place sur ce site.</br><b>Comment participer ?</b></br>Il suffit de s'incrire via le bouton <a href='index.php?page=inscription'>Mon Compte</a> en haut du site puis de remplir vos noms, prenoms, pseudos, num&eacute;ro de t&eacute;l&eacute;phone, et adresse de courriel ainsi que la description de votre art pr&eacute;f&eacute;r&eacute; pour pourvoir appara&icirc;tre sur ce site. Attention tout compte mal-rempli ne sera pas valid&eacute; par l'administrateur...</br></p>"
192 
+	."<p align='right' class='date'>le 30/06/2010</p>"
193 
+	."<p align='right' class='post'>l'Administrateur</p>"
194 
+	."</td><td bgcolor='#CCCCCC' valign='top'>&nbsp;&nbsp;<img src='images/dernierArticleParu.gif'/></td>"
195 
+	."<td>";
196 
+	echo "</td></tr>"
197 
+	."</table>";
198 
+}
public/images/aide_B25.gif
History View file @ 2c437b7
0 199 
new file mode 100755
1 200 
Binary files /dev/null and b/public/images/aide_B25.gif differ
public/images/besancon25.com_droite.png
History View file @ 2c437b7
2 201 
new file mode 100755
3 202 
Binary files /dev/null and b/public/images/besancon25.com_droite.png differ
public/images/besancon25.com_gauche.png
History View file @ 2c437b7
4 203 
new file mode 100755
5 204 
Binary files /dev/null and b/public/images/besancon25.com_gauche.png differ
public/images/besancon25.fr_droite.png
History View file @ 2c437b7
6 205 
new file mode 100755
7 206 
Binary files /dev/null and b/public/images/besancon25.fr_droite.png differ
public/images/besancon25.fr_gauche.png
History View file @ 2c437b7
8 207 
new file mode 100755
9 208 
Binary files /dev/null and b/public/images/besancon25.fr_gauche.png differ
public/images/besancon25.net_droite.png
History View file @ 2c437b7
10 209 
new file mode 100755
11 210 
Binary files /dev/null and b/public/images/besancon25.net_droite.png differ
public/images/besancon25.net_gauche.png
History View file @ 2c437b7
12 211 
new file mode 100755
13 212 
Binary files /dev/null and b/public/images/besancon25.net_gauche.png differ
public/index.php
History View file @ 2c437b7
14 213 
new file mode 100755
... ... 
@@ -0,0 +1,111 @@
1 
+<?php
2 
+include('fonctionCourante.php');
3 
+session_start();
4 
+$ip = $_SERVER['REMOTE_ADDR'];
5 
+
6 
+//TODO: modifier l'instanciation de la variable page par un réécriture des liens et une traduction de l'URL
7 
+// dans cette même fonction réévaluer les variables _GET en fonction du lien de la page .
8 
+// par exemple les variable venant de CrawlTrack
9 
+// $page = Url::traductionURL();
10 
+
11 
+//initialisation de la variable page pour eviter les erreurs 404
12 
+if(!isset($_GET['page'])){
13 
+	$page = "index";
14 
+}else{
15 
+	$page = $_GET['page'];
16 
+}
17 
+//chargement des variables pour un meilleur réferencement
18 
+ChargerVariablesInitialesHeader($page);
19 
+//chargement du modele et de ses fonctions pour la page courante
20 
+ChargerModeleEtFonctionsDeLaPage($page);
21 
+//convertir les variables du header pour que Google les affichent lisiblement
22 
+ConvertirVariablesHeader($page);
23 
+?>
24 
+
25 
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html/loose.dtd">
26 
+<html>
27 
+<head>
28 
+<title><?php echo $header_title ?></title>
29 
+	<!-- ------------------------------------------------------------------------------------------------------------------------------------ -->
30 
+	<!--						BALISES DE META-RECHERCHES								-->
31 
+
32 
+	<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
33 
+
34 
+	<!-- 																				 -->
35 
+
36 
+	<META NAME="Category" CONTENT="Plate-forme">
37 
+	<META NAME="Publisher" CONTENT="INFO[ARTS]MEDIA">
38 
+	<META NAME="Copyright" CONTENT="© - 2010 - Info[ARTS]Media">
39 
+	<META NAME="Expires" CONTENT="Never Maybe!">
40 
+	<META NAME="Distribution" CONTENT="Global">
41 
+	<META NAME='Description' lang='fr' CONTENT="<?php echo $header_description ?>">
42 
+	<META NAME='Identifier-URL' CONTENT="<?php echo $header_identifier_url ?>">
43 
+	<META NAME='Keywords' lang='fr' CONTENT="<?php echo $header_keywords ?>">
44 
+	<META NAME="Author" CONTENT="Emmanuel ROY & More ...">
45 
+	<META NAME="Reply-to" CONTENT="contact@besancon25.info">
46 
+	<META NAME="Date-Creation-yyyymmdd" CONTENT="20090317">
47 
+	<META NAME="Date-Revision-yyyymmdd" CONTENT="20100712">
48 
+	<META NAME="Revisit-After" CONTENT="30 days">
49 
+	<META NAME="Robots" CONTENT="index, nofollow">
50 
+	<META NAME="GOOGLEBOT" CONTENT="NOARCHIVE">
51 
+	<!--																	-->
52 
+	<!-- ------------------------------------------------------------------------------------------------------------------------------------ -->
53 
+	<!--																	-->
54 
+	<META HTTP-EQUIV="Content-Language" CONTENT="fr">
55 
+	<META HTTP-EQUIV="Refresh" CONTENT="NO">
56 
+	<link REL="shortcut icon" HREF="images/logoo.ico" />
57 
+	<link rel="alternate" type="application/rss+xml" href="fluxRSS.php?flux=RSS" title="Flux RSS du (B25) - La plate-forme des Artistes,Artisans,Groupes et Associations">
58 
+	<link rel="alternate" type="application/rss+xml" href="fluxRSS.php?flux=ATOM" title="Flux ATOM du (B25) - La plate-forme des Artistes,Artisans,Groupes et Associations">
59 
+	<!--																	-->
60 
+	<!-- ------------------------------------------------------------------------------------------------------------------------------------ -->
61 
+<?php PositionneCSS(); ?>
62 
+<script type='text/javascript' src='scriptJS/ajax.js'></script>
63 
+<script type='text/javascript' src='scriptJS/horloge.js'></script>
64 
+</head>
65 
+
66 
+<body onLoad='Horloge_Start()'>
67 
+
68 
+<div class='menu'>
69 
+	<?php AfficheMenu(); ?>
70 
+</div>
71 
+
72 
+<div class='sousmenu'>
73 
+	<?php AfficheSousMenu(); ?>
74 
+</div>
75 
+
76 
+<div class='limiteur'>&nbsp;</div>
77 
+<?php
78 
+$interface = recuperationCookieInterface();
79 
+
80 
+?>
81 
+<div class='corps'><a name="corpsPage" href="#"></a>
82 
+	<div class='contenu'>
83 
+		<?php
84 
+		 AffichePage($page);
85 
+		?>
86 
+	</div>
87 
+	<div class='piedDePage'>
88 
+		<center>
89 
+		<br /><br /><br /><br />
90 
+		<p>Besan&ccedil;on 25 c'est aussi d'autres terminaisons de domaines,et des sous-domaines afin de simplifier l'utilisation du m&eacute;dia Internet:</p>
91 
+			<ul>
92 
+			<li>Une page r&eacute;serv&eacute;e aux <a href='http://besancon25.com'>petites-annonces</a> des artistes et artisans sur le .com</li>
93 
+			<li>Un agenda r&eacute;serv&eacute; aux <a href='http://besancon25.net/index.php'>&eacute;v&egrave;nements</a> des associations et groupes musicaux sur le .net</li>
94 
+			<li>Une page de <a href='http://besancon25.biz'>publicit&eacute;s</a> r&eacute;serv&eacute;e aux annonceurs, commerces et m&eacute;c&egrave;nes sur le .biz</li>
95 
+			<li>Une page informative sur le porte-feuille des marques <a href='http://unilever.besancon25.fr'>Unilever</a></li>
96 
+			</ul>
97 
+		</p>
98 
+		<p>
99 
+		Besan&ccedil;on 25 est un site &eacute;dit&eacute; par <a href='http://infoartsmedia.fr'>Info[ARTS]Media</a>.
100 
+		<br /><br />
101 
+		Le serveur est h&eacute;berg&eacute; en contrat avec <a href="https://www.1and1.fr/?kwk=20117144" target="_blank">1 and 1</a> (1&1 Internet SARL / 7, place de la Gare / BP 70109 / 57201 Sarreguemines Cedex ), dans un de ses centres de donn&eacute;es.
102 
+		<br />
103 
+		Ce site respecte les droits des Internautes r&eacute;gis par les articles de la loi <i>Informatique et Libert&eacute;es</i> accessible sur le site de la <a href='http://www.cnil.fr'>CNIL</a>
104 
+		<br />
105 
+		Les <a href='http://www.cnil.fr/vos-obligations/sites-web-cookies-et-autres-traceurs/' >"Cookies informatiques"</a> sont uniquements utilis&eacute;s afin que chaque poste-logiciel ait la possibilit&eacute; de choisir sa propre <a href='index.php?page=preferences'>interface</a> .
106 
+		</p>
107 
+		</center>
108 
+	</div>
109 
+</div>
110 
+</body>
111 
+</html>
public/modeles/accesseurs/preferences.accesseur.php
History View file @ 2c437b7
0 112 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<?php
2 
+global $header_title,$header_description,$header_identifier_url,$header_keywords;
3 
+$header_title = "Besan&ccedil;on 25 - Vos pr&eacute;f&eacute;rences d'affichage des Menus sur la Plate-forme ( 600 diff&eacute;rentes mani&egrave;res de penser ...)";
4 
+$header_description = "Les diff&eacute;rents affichages du Besan&ccedil;on 25 ";
5 
+$header_identifier_url = "besancon25.fr/preferences";
6 
+$header_keywords = "Besan&ccedil;on, Besancon, 25000, 25, preferences, preferences, IHM, Interface Homme Machine, affichage, graphisme";
7 
+
public/modeles/accesseurs/preferences.accesseur.php~
History View file @ 2c437b7
0 8 
new file mode 100644
... ... 
@@ -0,0 +1,7 @@
1 
+<?php
2 
+global $header_title,$header_description,$header_identifier_url,$header_keywords;
3 
+$header_title = "Besan&ccedil;on 25 - Vos pr&eacute;f&eacute;rences d'affichage des Menus sur la Plate-forme ( 600 diff&eacute;rentes mani&egrave;res de penser ...)";
4 
+$header_description = "Les diff&eacute;rents affichages du Besan&ccedil;on 25 ";
5 
+$header_identifier_url = "besancon25.fr/preferences";
6 
+$header_keywords = "Besan&ccedil;on, Besancon, 25000, 25, preferences, preferences, IHM, Interface Homme Machine, affichage, graphisme";
7 
+
public/modeles/vues/preferences.php
History View file @ 2c437b7
0 8 
new file mode 100644
... ... 
@@ -0,0 +1,135 @@
1 
+<?php
2 
+
3 
+function LancerAffichageDuCorps(){
4 
+	echo "<table align='center' border='0'><tr><td colspan='2' class='utilisateurs'><p class='titre'>Mes Preferences d'IHM - Interface Homme Machine</p>";
5 
+	echo "<p align='right'>Vous pouvez choisir, comment doit &ecirc;tre affich&eacute; les diff&eacute;rents &eacute;l&eacute;ments du site Besan&ccedil;on25, ainsi que la police et la taille des caract&egrave;res du texte.<br />&nbsp;</p>";
6 
+	echo "<form method='post' name='changementPreferences' action='controlleurs/traitementPreferences.php'>"
7 
+		."</td></tr><tr><td rowspan='2' class='utilisateursInverse'>"
8 
+			//interface IHM
9 
+			."<table border='0'><tr><td>"
10 
+			."<input type='radio' name='interface' value='1' onClick='changerInterFace(\"01\")' ";
11 
+			CheckPreferencesInterfaces(1);
12 
+			echo ">&raquo;<img src='images/picto-preferences/01.png' width='60px' heigth='60px' alt='Premi�re interface'/></input>"
13 
+			."</td><td>"
14 
+			."<input type='radio' name='interface' value='2' onClick='changerInterFace(\"02\")' ";
15 
+			CheckPreferencesInterfaces(2);
16 
+			echo ">&raquo;<img src='images/picto-preferences/02.png' width='60px' heigth='60px' alt='Deuxi�me interface'/></input>"
17 
+			."</td><td>"
18 
+			."<input type='radio' name='interface' value='3' onClick='changerInterFace(\"03\")' ";
19 
+			CheckPreferencesInterfaces(3);
20 
+			echo ">&raquo;<img src='images/picto-preferences/03.png' width='60px' heigth='60px' alt='Troisi�me interface'/></input>"
21 
+			."</td></tr><tr><td>"
22 
+			."<input type='radio' name='interface' value='4' onClick='changerInterFace(\"04\")' ";
23 
+			CheckPreferencesInterfaces(4);
24 
+			echo ">&raquo;<img src='images/picto-preferences/04.png' width='60px' heigth='60px' alt='Quatri�me interface'/></input>"
25 
+			."</td><td>"
26 
+			."<input type='radio' name='interface' value='5' onClick='changerInterFace(\"05\")' ";
27 
+			CheckPreferencesInterfaces(5);
28 
+			echo ">&raquo;<img src='images/picto-preferences/04v.png' width='60px' heigth='60px' alt='Cinqui�me interface'/></input>"
29 
+			."</td><td>"
30 
+			."<input type='radio' name='interface' value='6' onClick='changerInterFace(\"06\")' ";
31 
+			CheckPreferencesInterfaces(6);
32 
+			echo ">&raquo;<img src='images/picto-preferences/08.png' width='60px' heigth='60px' alt='Sixi�me interface'/></input>"
33 
+			."</td></tr><tr><td>"
34 
+			."<input type='radio' name='interface' value='7' onClick='changerInterFace(\"07\")' ";
35 
+			CheckPreferencesInterfaces(7);
36 
+			echo ">&raquo;<img src='images/picto-preferences/05.png' width='60px' heigth='60px' alt='Septi�me interface'/></input>"
37 
+			."</td><td>"
38 
+			."<input type='radio' name='interface' value='8' onClick='changerInterFace(\"08\")' ";
39 
+			CheckPreferencesInterfaces(8);
40 
+			echo ">&raquo;<img src='images/picto-preferences/06.png' width='60px' heigth='60px' alt='Huiti�me interface'/></input>"
41 
+			."</td><td>"
42 
+			."<input type='radio' name='interface' value='9' onClick='changerInterFace(\"09\")' ";
43 
+			CheckPreferencesInterfaces(9);
44 
+			echo ">&raquo;<img src='images/picto-preferences/07.png' width='60px' heigth='60px' alt='Neuvi�me interface'/></input>"
45 
+			."</td></tr><tr><td>"
46 
+			."<input type='radio' name='interface' value='10' onClick='changerInterFace(\"10\")' ";
47 
+			CheckPreferencesInterfaces(10);
48 
+			echo ">&raquo;<img src='images/picto-preferences/09.png' width='60px' heigth='60px' alt='Dixi�me interface'/></input>"
49 
+			."</td><td>"
50 
+			."<input type='radio' name='interface' value='11' onClick='changerInterFace(\"11\")' ";
51 
+			CheckPreferencesInterfaces(11);
52 
+			echo ">&raquo;<img src='images/picto-preferences/10.png' width='60px' heigth='60px' alt='Onzi�me interface'/></input>"
53 
+			."</td><td>"
54 
+			."<input type='radio' name='interface' value='12' onClick='changerInterFace(\"12\")' ";
55 
+			CheckPreferencesInterfaces(12);
56 
+			echo ">&raquo;<img src='images/picto-preferences/11.png' width='60px' heigth='60px' alt='Douzi�me interface'/></input>"
57 
+			."</td></tr>"
58 
+			."</table>"
59 
+		."</td><td  class='utilisateurs'>"
60 
+			//Polices GLYPHS
61 
+			."<table border='1'><tr><td align='left'>"
62 
+			."<input type='radio' name='polices' value='1' onClick='changerTypographie(\"01\")' ";
63 
+			CheckPreferencesPolices(1);
64 
+			echo "><font face='arial'>Arial</font></input>"
65 
+			."</td><td align='left'>"
66 
+			."<input type='radio' name='polices' value='2' onClick='changerTypographie(\"02\")' ";
67 
+			CheckPreferencesPolices(2);
68 
+			echo "><font face='Comic Sans MS'>Comic Sans MS</font></input>"
69 
+			."</td><td align='left'>"
70 
+			."<input type='radio' name='polices' value='3' onClick='changerTypographie(\"03\")' ";
71 
+			CheckPreferencesPolices(3);
72 
+			"><font face='Verdana'>Verdana</font></input>"
73 
+			."</td></tr><tr><td align='left'>"
74 
+			."<input type='radio' name='polices' value='4' onClick='changerTypographie(\"04\")' ";
75 
+			CheckPreferencesPolices(4);
76 
+			echo "><font face='Helvetica'>Helvetica</font></input>"
77 
+			."</td><td align='left'>"
78 
+			."<input type='radio' name='polices' value='5' onClick='changerTypographie(\"05\")' ";
79 
+			CheckPreferencesPolices(5);
80 
+			echo "><font face='Monospace'>Monospace</font></input>"
81 
+			."</td><td align='left'>"
82 
+			."<input type='radio' name='polices' value='6' onClick='changerTypographie(\"06\")' ";
83 
+			CheckPreferencesPolices(6);
84 
+			echo "><font face='Garamond'>Garamond</font></input>"
85 
+			."</td></tr><tr><td align='left'>"
86 
+			."<input type='radio' name='polices' value='7' onClick='changerTypographie(\"07\")' ";
87 
+			CheckPreferencesPolices(7);
88 
+			echo "><font face='symbol'>Symbol</font></input>"
89 
+			."</td><td align='left'>"
90 
+			."<input type='radio' name='polices' value='8' onClick='changerTypographie(\"08\")' ";
91 
+			CheckPreferencesPolices(8);
92 
+			echo"><font face='Times New Roman'>Times new roman</font></input>"
93 
+			."</td><td align='left'>"
94 
+			."<input type='radio' name='polices' value='9' onClick='changerTypographie(\"09\")' ";
95 
+			CheckPreferencesPolices(9);
96 
+			echo "><font face='Courier New'>Courier New</font></input>"
97 
+			."</td></tr><tr><td align='left'>"
98 
+			."<input type='radio' name='polices' value='10' onClick='changerTypographie(\"10\")' ";
99 
+			CheckPreferencesPolices(10);
100 
+			echo "><font face='Impact'>Impact</font></input>"
101 
+			."</td><td align='left'>"
102 
+			."<input type='radio' name='polices' value='11' onClick='changerTypographie(\"11\")' ";
103 
+			CheckPreferencesPolices(11);
104 
+			echo "><font face='Webdings'>Webdings</font></input>"
105 
+			."</td></tr>"
106 
+			."</table>"
107 
+		."</td></tr><tr><td>"
108 
+			."<table border='0'><tr><td class='utilisateurs'>"
109 
+			."<input type='radio' name='tailleLecture' value='1' onClick='changerTailleTexte(1)'";
110 
+			CheckPreferencesCaracteres(1);
111 
+			echo ">&raquo;<img src='images/picto-preferences/text08.gif' width='30px' heigth='30px' alt='Tr�s Petite taille'/></input>"
112 
+			."</td><td class='utilisateurs'>"
113 
+			."<input type='radio' name='tailleLecture' value='2' onClick='changerTailleTexte(2)'";
114 
+			CheckPreferencesCaracteres(2);
115 
+			echo ">&raquo;<img src='images/picto-preferences/text10.gif' width='30px' heigth='30px' alt='Petite taille'/></input>"
116 
+			."</td><td class='utilisateurs'>"
117 
+			."<input type='radio' name='tailleLecture' value='3' onClick='changerTailleTexte(3)'";
118 
+			CheckPreferencesCaracteres(3);
119 
+			echo ">&raquo;<img src='images/picto-preferences/text12.gif' width='30px' heigth='30px' alt='taille Standard'/></input>"
120 
+			."</td><td class='utilisateurs'>"
121 
+			."<input type='radio' name='tailleLecture' value='4' onClick='javascript:changerTailleTexte(4)'";
122 
+			CheckPreferencesCaracteres(4);
123 
+			echo ">&raquo;<img src='images/picto-preferences/text14.gif' width='30px' heigth='30px' alt='Grande taille'/></input>"
124 
+			."</td><td class='utilisateurs'>"
125 
+			."<input type='radio' name='tailleLecture' value='5' onClick='javascript:changerTailleTexte(5)'";
126 
+			CheckPreferencesCaracteres(5);
127 
+			echo ">&raquo;<img src='images/picto-preferences/text16.gif' width='30px' heigth='30px' alt='Tr�s Grande taille'/></input>"
128 
+			."</td><td>&nbsp;</td></tr>"
129 
+			."</table>"
130 
+		."</td></tr><tr><td colspan='2' align='right'>"
131 
+		."<input type='submit' class='btn_modif_preferences' witdh='500px' value=\"Choisir et enregister l'interface ? pour la retrouver plus tard ...\"/>"
132 
+		."</td></table>"
133 
+	      ."</form>";
134 
+	return(0);
135 
+}
public/robots.txt
History View file @ 2c437b7
0 136 
new file mode 100755
... ... 
@@ -0,0 +1,13 @@
1 
+User-agent: *
2 
+Disallow: /*/*
3 
+Disallow: /*/*/
4 
+Disallow: /*/*/*
5 
+Disallow: /*/*/*/
6 
+Disallow: /*/*/*/*
7 
+Disallow: /*/*/*/*/
8 
+Disallow: /*/*/*/*/*
9 
+Disallow: /*/*/*/*/*/
10 
+Disallow: /*/*/*/*/*/*
11 
+Disallow: /*/*/*/*/*/*/
12 
+Disallow: /*/*/*/*/*/*/*
13 
+Allow: /w-code/wcode.inc.php
public/scriptJS/afficherCacherDIV.js
History View file @ 2c437b7
0 14 
new file mode 100755
... ... 
@@ -0,0 +1,65 @@
1 
+function afficherDIV(elem){
2 
+	if ( document.getElementById && document.getElementById( elem ) ){
3 
+		 Pdiv = document.getElementById( elem );
4 
+		 PcH = true;
5 
+	}
6 
+	    // Pour les veilles versions
7 
+	else if ( document.all && document.all[ elem ] ){
8 
+		Pdiv = document.all[ elem ];
9 
+		PcH = true;
10 
+	}
11 
+	    // Pour les très veilles versions
12 
+	else if ( document.layers && document.layers[ elem ] ){
13 
+		Pdiv = document.layers[ elem ];
14 
+		PcH = true;
15 
+	}
16 
+	else{
17 
+		PcH = false;
18 
+	}
19 
+
20 
+	Pdiv.style.display='block';
21 
+	return PcH;
22 
+}
23 
+function selectionnerDIV(elem){
24 
+	if ( document.getElementById && document.getElementById( elem ) ){
25 
+		 Pdiv = document.getElementById( elem );
26 
+		 PcH = true;
27 
+	}
28 
+	    // Pour les veilles versions
29 
+	else if ( document.all && document.all[ elem ] ){
30 
+		Pdiv = document.all[ elem ];
31 
+		PcH = true;
32 
+	}
33 
+	    // Pour les très veilles versions
34 
+	else if ( document.layers && document.layers[ elem ] ){
35 
+		Pdiv = document.layers[ elem ];
36 
+		PcH = true;
37 
+	}
38 
+	else{
39 
+		PcH = false;
40 
+	}
41 
+	return Pdiv;
42 
+}
43 
+
44 
+function cacherDIV(elem){
45 
+	if ( document.getElementById && document.getElementById( elem ) ){
46 
+		 Pdiv = document.getElementById( elem );
47 
+		 PcH = true;
48 
+	}
49 
+	    // Pour les veilles versions
50 
+	else if ( document.all && document.all[ elem ] ){
51 
+		Pdiv = document.all[ elem ];
52 
+		PcH = true;
53 
+	}
54 
+	    // Pour les très veilles versions
55 
+	else if ( document.layers && document.layers[ elem ] ){
56 
+		Pdiv = document.layers[ elem ];
57 
+		PcH = true;
58 
+	}
59 
+	else{
60 
+		PcH = false;
61 
+	}
62 
+
63 
+	Pdiv.style.display='none';
64 
+	return PcH;
65 
+}
public/scriptJS/changerCSS.js
History View file @ 2c437b7
0 66 
new file mode 100755
... ... 
@@ -0,0 +1,9 @@
1 
+function changerTailleTexte(taille){
2 
+	document.getElementById("lecture").href = "stylesCSS/lecture0"+taille+".css";
3 
+}
4 
+function changerInterFace(type){
5 
+	document.getElementById("interface").href = "stylesCSS/interface"+type+".css";
6 
+}
7 
+function changerTypographie(type){
8 
+	document.getElementById("typographie").href = "stylesCSS/typographie"+type+".css";
9 
+}
public/scriptJS/live.js
History View file @ 2c437b7
0 10 
new file mode 100755
... ... 
@@ -0,0 +1,233 @@
1 
+/*
2 
+  Live.js - One script closer to Designing in the Browser
3 
+  Written for Handcraft.com by Martin Kool (@mrtnkl).
4 
+
5 
+  Version 4.
6 
+  Recent change: Made stylesheet and mimetype checks case insensitive.
7 
+
8 
+  http://livejs.com
9 
+  http://livejs.com/license (MIT)
10 
+  @livejs
11 
+
12 
+  Include live.js#css to monitor css changes only.
13 
+  Include live.js#js to monitor js changes only.
14 
+  Include live.js#html to monitor html changes only.
15 
+  Mix and match to monitor a preferred combination such as live.js#html,css
16 
+
17 
+  By default, just include live.js to monitor all css, js and html changes.
18 
+
19 
+  Live.js can also be loaded as a bookmarklet. It is best to only use it for CSS then,
20 
+  as a page reload due to a change in html or css would not re-include the bookmarklet.
21 
+  To monitor CSS and be notified that it has loaded, include it as: live.js#css,notify
22 
+*/
23 
+(function () {
24 
+
25 
+  var headers = { "Etag": 1, "Last-Modified": 1, "Content-Length": 1, "Content-Type": 1 },
26 
+      resources = {},
27 
+      pendingRequests = {},
28 
+      currentLinkElements = {},
29 
+      oldLinkElements = {},
30 
+      interval = 1000,
31 
+      loaded = false,
32 
+      active = { "html": 1, "css": 1, "js": 1 };
33 
+
34 
+  var Live = {
35 
+
36 
+    // performs a cycle per interval
37 
+    heartbeat: function () {
38 
+      if (document.body) {
39 
+        // make sure all resources are loaded on first activation
40 
+        if (!loaded) Live.loadresources();
41 
+        Live.checkForChanges();
42 
+      }
43 
+      setTimeout(Live.heartbeat, interval);
44 
+    },
45 
+
46 
+    // loads all local css and js resources upon first activation
47 
+    loadresources: function () {
48 
+
49 
+      // helper method to assert if a given url is local
50 
+      function isLocal(url) {
51 
+        var loc = document.location,
52 
+            reg = new RegExp("^\\.|^\/(?!\/)|^[\\w]((?!://).)*$|" + loc.protocol + "//" + loc.host);
53 
+        return url.match(reg);
54 
+      }
55 
+
56 
+      // gather all resources
57 
+      var scripts = document.getElementsByTagName("script"),
58 
+          links = document.getElementsByTagName("link"),
59 
+          uris = [];
60 
+
61 
+      // track local js urls
62 
+      for (var i = 0; i < scripts.length; i++) {
63 
+        var script = scripts[i], src = script.getAttribute("src");
64 
+        if (src && isLocal(src))
65 
+          uris.push(src);
66 
+        if (src && src.match(/\blive.js#/)) {
67 
+          for (var type in active)
68 
+            active[type] = src.match("[#,|]" + type) != null
69 
+          if (src.match("notify"))
70 
+            alert("Live.js is loaded.");
71 
+        }
72 
+      }
73 
+      if (!active.js) uris = [];
74 
+      if (active.html) uris.push(document.location.href);
75 
+
76 
+      // track local css urls
77 
+      for (var i = 0; i < links.length && active.css; i++) {
78 
+        var link = links[i], rel = link.getAttribute("rel"), href = link.getAttribute("href", 2);
79 
+        if (href && rel && rel.match(new RegExp("stylesheet", "i")) && isLocal(href)) {
80 
+          uris.push(href);
81 
+          currentLinkElements[href] = link;
82 
+        }
83 
+      }
84 
+
85 
+      // initialize the resources info
86 
+      for (var i = 0; i < uris.length; i++) {
87 
+        var url = uris[i];
88 
+        Live.getHead(url, function (url, info) {
89 
+          resources[url] = info;
90 
+        });
91 
+      }
92 
+
93 
+      // add rule for morphing between old and new css files
94 
+      var head = document.getElementsByTagName("head")[0],
95 
+          style = document.createElement("style"),
96 
+          rule = "transition: all .3s ease-out;"
97 
+      css = [".livejs-loading * { ", rule, " -webkit-", rule, "-moz-", rule, "-o-", rule, "}"].join('');
98 
+      style.setAttribute("type", "text/css");
99 
+      head.appendChild(style);
100 
+      style.styleSheet ? style.styleSheet.cssText = css : style.appendChild(document.createTextNode(css));
101 
+
102 
+      // yep
103 
+      loaded = true;
104 
+    },
105 
+
106 
+    // check all tracking resources for changes
107 
+    checkForChanges: function () {
108 
+      for (var url in resources) {
109 
+        if (pendingRequests[url])
110 
+          continue;
111 
+
112 
+        Live.getHead(url, function (url, newInfo) {
113 
+          var oldInfo = resources[url],
114 
+              hasChanged = false;
115 
+          resources[url] = newInfo;
116 
+          for (var header in oldInfo) {
117 
+            // do verification based on the header type
118 
+            var oldValue = oldInfo[header],
119 
+                newValue = newInfo[header],
120 
+                contentType = newInfo["Content-Type"];
121 
+            switch (header.toLowerCase()) {
122 
+              case "etag":
123 
+                if (!newValue) break;
124 
+                // fall through to default
125 
+              default:
126 
+                hasChanged = oldValue != newValue;
127 
+                break;
128 
+            }
129 
+            // if changed, act
130 
+            if (hasChanged) {
131 
+              Live.refreshResource(url, contentType);
132 
+              break;
133 
+            }
134 
+          }
135 
+        });
136 
+      }
137 
+    },
138 
+
139 
+    // act upon a changed url of certain content type
140 
+    refreshResource: function (url, type) {
141 
+      switch (type.toLowerCase()) {
142 
+        // css files can be reloaded dynamically by replacing the link element
143 
+        case "text/css":
144 
+          var link = currentLinkElements[url],
145 
+              html = document.body.parentNode,
146 
+              head = link.parentNode,
147 
+              next = link.nextSibling,
148 
+              newLink = document.createElement("link");
149 
+
150 
+          html.className = html.className.replace(/\s*livejs\-loading/gi, '') + ' livejs-loading';
151 
+          newLink.setAttribute("type", "text/css");
152 
+          newLink.setAttribute("rel", "stylesheet");
153 
+          newLink.setAttribute("href", url + "?now=" + new Date() * 1);
154 
+          next ? head.insertBefore(newLink, next) : head.appendChild(newLink);
155 
+          currentLinkElements[url] = newLink;
156 
+          oldLinkElements[url] = link;
157 
+
158 
+          // schedule removal of the old link
159 
+          Live.removeoldLinkElements();
160 
+          break;
161 
+
162 
+        // check if an html resource is our current url, then reload
163 
+        case "text/html":
164 
+          if (url != document.location.href)
165 
+            return;
166 
+
167 
+          // local javascript changes cause a reload as well
168 
+        case "text/javascript":
169 
+        case "application/javascript":
170 
+        case "application/x-javascript":
171 
+          document.location.reload();
172 
+      }
173 
+    },
174 
+
175 
+    // removes the old stylesheet rules only once the new one has finished loading
176 
+    removeoldLinkElements: function () {
177 
+      var pending = 0;
178 
+      for (var url in oldLinkElements) {
179 
+        // if this sheet has any cssRules, delete the old link
180 
+        try {
181 
+          var link = currentLinkElements[url],
182 
+              oldLink = oldLinkElements[url],
183 
+              html = document.body.parentNode,
184 
+              sheet = link.sheet || link.styleSheet,
185 
+              rules = sheet.rules || sheet.cssRules;
186 
+          if (rules.length >= 0) {
187 
+            oldLink.parentNode.removeChild(oldLink);
188 
+            delete oldLinkElements[url];
189 
+            setTimeout(function () {
190 
+              html.className = html.className.replace(/\s*livejs\-loading/gi, '');
191 
+            }, 100);
192 
+          }
193 
+        } catch (e) {
194 
+          pending++;
195 
+        }
196 
+        if (pending) setTimeout(Live.removeoldLinkElements, 50);
197 
+      }
198 
+    },
199 
+
200 
+    // performs a HEAD request and passes the header info to the given callback
201 
+    getHead: function (url, callback) {
202 
+      pendingRequests[url] = true;
203 
+      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XmlHttp");
204 
+      xhr.open("HEAD", url, true);
205 
+      xhr.onreadystatechange = function () {
206 
+        delete pendingRequests[url];
207 
+        if (xhr.readyState == 4 && xhr.status != 304) {
208 
+          xhr.getAllResponseHeaders();
209 
+          var info = {};
210 
+          for (var h in headers) {
211 
+            var value = xhr.getResponseHeader(h);
212 
+            // adjust the simple Etag variant to match on its significant part
213 
+            if (h.toLowerCase() == "etag" && value) value = value.replace(/^W\//, '');
214 
+            if (h.toLowerCase() == "content-type" && value) value = value.replace(/^(.*?);.*?$/i, "$1");
215 
+            info[h] = value;
216 
+          }
217 
+          callback(url, info);
218 
+        }
219 
+      }
220 
+      xhr.send();
221 
+    }
222 
+  };
223 
+
224 
+  // start listening
225 
+  if (document.location.protocol != "file:") {
226 
+    if (!window.liveJsLoaded)
227 
+      Live.heartbeat();
228 
+
229 
+    window.liveJsLoaded = true;
230 
+  }
231 
+  else if (window.console)
232 
+    console.log("Live.js doesn't support the file protocol. It needs http.");
233 
+})();
0 234 
\ No newline at end of file
public/scriptPHP/cookies.php
History View file @ 2c437b7
1 235 
new file mode 100644
... ... 
@@ -0,0 +1,179 @@
1 
+<?php
2 
+
3 
+function choixCSScookie(){
4 
+	if(isset($_COOKIE['interfaceIHM'])){
5 
+		switch($_COOKIE['interfaceIHM']){
6 
+			case 1:
7 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface01.css'>";
8 
+			break;
9 
+			case 2:
10 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface02.css'>";
11 
+			break;
12 
+			case 3:
13 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface03.css'>";
14 
+			break;
15 
+			case 4:
16 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface04.css'>";
17 
+			break;
18 
+			case 5:
19 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface05.css'>";
20 
+			break;
21 
+			case 6:
22 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface06.css'>";
23 
+			break;
24 
+			case 7:
25 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface07.css'>";
26 
+			break;
27 
+			case 8:
28 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface08.css'>";
29 
+			break;
30 
+			case 9:
31 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface09.css'>";
32 
+			break;
33 
+			case 10:
34 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface10.css'>";
35 
+			break;
36 
+			case 11:
37 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface11.css'>";
38 
+			break;
39 
+			case 12:
40 
+				echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface12.css'>";
41 
+			break;
42 
+			default:
43 
+			echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface01.css'>";
44 
+		}
45 
+	}else{
46 
+		echo "<link id='interface' type='text/css' rel='stylesheet' href='stylesCSS/interface03.css'>";
47 
+	}
48 
+	if(isset($_COOKIE['tailleLecture'])){
49 
+		switch($_COOKIE['tailleLecture']){
50 
+			case 1:
51 
+				echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture01.css'>";
52 
+			break;
53 
+			case 2:
54 
+				echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture02.css'>";
55 
+			break;
56 
+			case 3:
57 
+				echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture03.css'>";
58 
+			break;
59 
+			case 4:
60 
+				echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture04.css'>";
61 
+			break;
62 
+			case 5:
63 
+				echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture05.css'>";
64 
+			break;
65 
+			default:
66 
+			echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture01.css'>";
67 
+		}
68 
+	}else{
69 
+		echo "<link id='lecture' type='text/css' rel='stylesheet' href='stylesCSS/lecture03.css'>";
70 
+	}
71 
+	if(isset($_COOKIE['typographie'])){
72 
+		switch($_COOKIE['typographie']){
73 
+			case 1:
74 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie01.css'>";
75 
+			break;
76 
+			case 2:
77 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie02.css'>";
78 
+			break;
79 
+			case 3:
80 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie03.css'>";
81 
+			break;
82 
+			case 4:
83 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie04.css'>";
84 
+			break;
85 
+			case 5:
86 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie05.css'>";
87 
+			break;
88 
+			case 6:
89 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie06.css'>";
90 
+			break;
91 
+			case 7:
92 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie07.css'>";
93 
+			break;
94 
+			case 8:
95 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie08.css'>";
96 
+			break;
97 
+			case 9:
98 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie09.css'>";
99 
+			break;
100 
+			case 10:
101 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie10.css'>";
102 
+			break;
103 
+			case 11:
104 
+				echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie11.css'>";
105 
+			break;
106 
+			default:
107 
+			echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie01.css'>";
108 
+		}
109 
+	}else{
110 
+		echo "<link id='typographie' type='text/css' rel='stylesheet' href='stylesCSS/typographie01.css'>";
111 
+	}
112 
+	return(0);
113 
+}
114 
+
115 
+function choixInterface($interface){
116 
+	setcookie('interfaceIHM', $interface, time()+3600*24*365, '/', '');
117 
+	return(0);
118 
+}
119 
+
120 
+function choixGlyph($glyph){
121 
+	setcookie('typographie',$glyph, time()+3600*24*365, '/', '');
122 
+	return(0);
123 
+}
124 
+
125 
+function choixTailleLecture($taille){
126 
+	setcookie('tailleLecture',$taille, time()+3600*24*365, '/', '');
127 
+	return(0);
128 
+}
129 
+
130 
+function CheckPreferencesInterfaces($int){
131 
+	if(isset($_COOKIE['interfaceIHM'])){
132 
+		if(recuperationCookieInterface() == $int){
133 
+			echo " checked";
134 
+		}
135 
+	}else{
136 
+		if($int == 3){
137 
+		echo " checked";
138 
+		}
139 
+	}
140 
+	return;
141 
+}
142 
+function CheckPreferencesPolices($int){
143 
+	if(isset($_COOKIE['typographie'])){
144 
+		if(recuperationCookieGlyph() == $int){
145 
+			echo " checked";
146 
+		}
147 
+	}else{
148 
+		if($int == 1){
149 
+		echo " checked";
150 
+		}
151 
+	}
152 
+	return;
153 
+}
154 
+function CheckPreferencesCaracteres($int){
155 
+	if(isset($_COOKIE['tailleLecture'])){
156 
+		if(recuperationCookieTailleLecture() == $int){
157 
+			echo " checked";
158 
+		}
159 
+	}else{
160 
+		if($int == 3){
161 
+		echo " checked";
162 
+		}
163 
+	}
164 
+	return;
165 
+}
166 
+
167 
+function recuperationCookieInterface(){
168 
+	if(isset($_COOKIE['interfaceIHM'])){return($_COOKIE['interfaceIHM']);}else{return 5;};
169 
+}
170 
+
171 
+function recuperationCookieGlyph(){
172 
+	if(isset($_COOKIE['typographie'])){return($_COOKIE['typographie']);}else{return 1;};
173 
+}
174 
+
175 
+function recuperationCookieTailleLecture(){
176 
+	if(isset($_COOKIE['tailleLecture'])){return($_COOKIE['tailleLecture']);}else{return 3;};
177 
+}
178 
+
179 
+?>
public/stylesCSS/baseCorps.css
History View file @ 2c437b7
0 180 
new file mode 100755
... ... 
@@ -0,0 +1,435 @@
1 
+body{
2 
+background-color: #848484;
3 
+}
4 
+
5 
+.tweet{
6 
+	border: 1px solid black;
7 
+
8 
+}
9 
+.btn_modif{
10 
+	border: 1px solid black;
11 
+	width: 200px;
12 
+	cursor: pointer;
13 
+}
14 
+.btn_modif_preferences{
15 
+	border: 1px solid black;
16 
+	width: 500px;
17 
+	cursor: pointer;
18 
+}
19 
+.btn_dossiers{
20 
+	border: 1px solid black;
21 
+	width: 300px;
22 
+	height: 75px;
23 
+	cursor: pointer;
24 
+
25 
+}
26 
+.tweetReset{
27 
+	border: 0px;
28 
+	color: red;
29 
+	font-weight: bold;
30 
+}
31 
+.tweetReset:hover{
32 
+	text-decoration: underline;
33 
+}
34 
+.btn{
35 
+	cursor: pointer;
36 
+}
37 
+form.membres label{
38 
+	float: inline;
39 
+	font-size: 10px;
40 
+	width: 200px;
41 
+}
42 
+
43 
+
44 
+div.conteneurGrandArticle{
45 
+
46 
+	display:table;
47 
+	column-width: 960;
48 
+	width: 950px;
49 
+	margin: 15 auto;
50 
+	position: relative;
51 
+	padding: 10px;
52 
+	border: 1px dotted #FFDDDD;
53 
+	text-align: left;
54 
+}
55 
+div.conteneurLigneArticle{
56 
+	display: table-row;
57 
+	width: 930px;
58 
+}
59 
+div.conteneurColonneArticle{
60 
+	display: table-column;
61 
+	width: 930px;
62 
+}
63 
+
64 
+div.conteneurArticle{
65 
+	width: 300px;
66 
+	display: table-cell;
67 
+	margin: auto auto;
68 
+	padding: 10px;
69 
+	border: 1px dotted #FFDDDD;
70 
+	text-align: left;
71 
+}
72 
+div.conteneurArticle h2.legende{
73 
+	margin: -23px 0px 0px 60px;
74 
+	padding: 0px 10px 0px 10px;
75 
+	border-style: none;
76 
+	color: white;
77 
+	background-color: grey;
78 
+	height: 25px;
79 
+	width: 220px;
80 
+	font-family: Verdana,Arial,serif;
81 
+	text-align: left;
82 
+}
83 
+div.conteneurArticleInterieur{
84 
+	width: 280px;
85 
+	margin: 15 auto;
86 
+	background-color: grey;
87 
+	padding: 10px;
88 
+	border: 1px solid #FFDDDD;
89 
+	text-align: left;
90 
+}
91 
+div.conteneurAlbumInterieur{
92 
+	width: 250px;
93 
+	margin: 15 auto;
94 
+	background-color: silver;
95 
+	padding: 10px;
96 
+	border: 1px solid #grey;
97 
+	text-align: left;
98 
+}
99 
+div.conteneurGrandInterieur h3.legende{
100 
+	margin: -23px 0px 0px 70px;
101 
+	padding: 0px 10px 0px 10px;
102 
+	border-style: none;
103 
+	color: white;
104 
+	background-color: grey;
105 
+	height: 25px;
106 
+	width: 200px;
107 
+	font-family: Verdana,Arial,serif;
108 
+	text-align: left;
109 
+}
110 
+
111 
+div.conteneurGrand{
112 
+	clear: left;
113 
+	width: 950px;
114 
+	margin: 15 auto;
115 
+	position: relative;
116 
+	padding: 10px;
117 
+	border: 1px dotted #FFDDDD;
118 
+	text-align: left;
119 
+}
120 
+div.conteneurGrand h2.legende{
121 
+	margin: -23px 0px 0px 60px;
122 
+	padding: 0px 10px 0px 10px;
123 
+	border-style: none;
124 
+	color: white;
125 
+	background-color: gray;
126 
+	height: 25px;
127 
+	width: 500px;
128 
+	font-family: Verdana,Arial,serif;
129 
+	text-align: left;
130 
+}
131 
+div.conteneurGrandInterieur{
132 
+	width: 880px;
133 
+	margin: 15 auto;
134 
+	background-color: gray;
135 
+	padding: 10px;
136 
+	border: 1px solid #FFDDDD;
137 
+	text-align: left;
138 
+}
139 
+div.conteneurGrandInterieur h3.legende{
140 
+	margin: -23px 0px 0px 70px;
141 
+	padding: 0px 10px 0px 10px;
142 
+	border-style: none;
143 
+	color: white;
144 
+	background-color: gray;
145 
+	height: 25px;
146 
+	width: 300px;
147 
+	font-family: Verdana,Arial,serif;
148 
+	text-align: left;
149 
+}
150 
+div.conteneur{
151 
+	width: 550px;
152 
+	margin: 10 auto;
153 
+	padding: 10px;
154 
+	border: 1px dotted #FFDDDD;
155 
+	text-align: left;
156 
+}
157 
+div.conteneur h2.legende{
158 
+	margin: -23px 0px 0px 60px;
159 
+	padding: 0px 10px 0px 10px;
160 
+	border-style: none;
161 
+	color: white;
162 
+	background-color: gray;
163 
+	height: 25px;
164 
+	width: 300px;
165 
+	font-family: Verdana,Arial,serif;
166 
+	text-align: left;
167 
+}
168 
+div.conteneurInterieur{
169 
+	width: 530px;
170 
+	margin: 15 auto;
171 
+	background-color: gray;
172 
+	padding: 10px;
173 
+	border: 1px solid #FFDDDD;
174 
+	text-align: left;
175 
+}
176 
+div.conteneurInterieur h3.legende{
177 
+	margin: -23px 0px 0px 70px;
178 
+	padding: 0px 10px 0px 10px;
179 
+	border-style: none;
180 
+	color: white;
181 
+	background-color: gray;
182 
+	height: 25px;
183 
+	width: 250px;
184 
+	font-family: Verdana,Arial,serif;
185 
+	text-align: left;
186 
+}
187 
+
188 
+div.conteneurPetit{
189 
+	width: 400px;
190 
+	margin: 10 auto;
191 
+	padding: 10px;
192 
+	border: 1px dotted #FFDDDD;
193 
+	text-align: left;
194 
+}
195 
+div.conteneurPetit h2.legende{
196 
+	margin: -23px 0px 0px 60px;
197 
+	padding: 0px 10px 0px 10px;
198 
+	border-style: none;
199 
+	color: white;
200 
+	background-color: gray;
201 
+	height: 25px;
202 
+	width: 220px;
203 
+	font-family: Verdana,Arial,serif;
204 
+	text-align: left;
205 
+}
206 
+div.conteneurPetitInterieur{
207 
+	width: 380px;
208 
+	margin: 15 auto;
209 
+	background-color: gray;
210 
+	padding: 10px;
211 
+	border: 1px solid #FFDDDD;
212 
+	text-align: left;
213 
+}
214 
+div.conteneurPetitInterieur h3.legende{
215 
+	margin: -23px 0px 0px 70px;
216 
+	padding: 0px 10px 0px 10px;
217 
+	border-style: none;
218 
+	color: white;
219 
+	background-color: gray;
220 
+	height: 25px;
221 
+	width: 250px;
222 
+	font-family: Verdana,Arial,serif;
223 
+	text-align: left;
224 
+}
225 
+
226 
+
227 
+#slide {
228 
+ width: 700px;
229 
+ margin: 10px auto;
230 
+ position: relative;
231 
+ height: 1000px;
232 
+ overflow: hidden;
233 
+ }
234 
+
235 
+.utilisateurs{
236 
+	border: 1px dotted #FFDDDD;
237 
+	background-color: gray;
238 
+}
239 
+.utilisateursInverse{
240 
+	border: 1px dotted #FFDDDD;
241 
+	background-color: silver;
242 
+}
243 
+.bloc_murUtilisateur{
244 
+	position:relative;
245 
+	left:25px;
246 
+}
247 
+.murUtilisateurs{
248 
+	border: 1px dotted #FFDDDD;
249 
+	background-color: gray;
250 
+	display:block;
251 
+	float:center;
252 
+	width:100%;
253 
+	margin: 0 5 5 0;
254 
+	padding: 0 2 2 0;
255 
+}
256 
+
257 
+h1.utilisateurs{
258 
+	border: 1px dotted #FFDDDD;
259 
+	background-color: gray;
260 
+}
261 
+h2.utilisateurs{
262 
+	border: 1px dotted #FFDDDD;
263 
+	background-color: gray;
264 
+}
265 
+h3.utilisateurs{
266 
+	border: 1px dotted #FFDDDD;
267 
+	background-color: gray;
268 
+}
269 
+h1.utilisateursInverse{
270 
+	border: 1px dotted #FFDDDD;
271 
+	background-color: silver;
272 
+}
273 
+h2.utilisateursInverse{
274 
+	border: 1px dotted #FFDDDD;
275 
+	background-color: silver;
276 
+}
277 
+h3.utilisateursInverse{
278 
+	border: 1px dotted #FFDDDD;
279 
+	background-color: silver;
280 
+}
281 
+a.info{
282 
+    position: relative;
283 
+    z-index: 24;
284 
+    color: black;
285 
+    text-decoration: none
286 
+}
287 
+
288 
+a.info:hover{
289 
+	z-index: 25;
290 
+}
291 
+a.info span{
292 
+	display: none;
293 
+}
294 
+a.info:hover span{
295 
+	display: block;
296 
+	position: absolute;
297 
+	top: -15em; left: 10em; width:25em; height: 20em;
298 
+	border: 1px solid #663333;
299 
+	background-color: #FFFFFF;
300 
+	color: #000000;
301 
+	text-align: justify;
302 
+	font-weight: none;
303 
+	padding: 1px;
304 
+}
305 
+table.utilisateurs td{
306 
+	border: 1px dotted #FFDDDD;
307 
+	background-color: gray;
308 
+	padding: 0px 10px 0px 10px;
309 
+	margin: 0px 10px 0px 10px;
310 
+	text-align: center;
311 
+}
312 
+td.titreTableau{
313 
+	border: 1px solid #FFDDDD;
314 
+	background-color: gray;
315 
+	padding: 5px 10px 5px 10px;
316 
+	text-align: right;
317 
+	color: white;
318 
+	width: 250px;
319 
+}
320 
+
321 
+td.utilisateurs{
322 
+	border: 1px dotted #FFDDDD;
323 
+	background-color: gray;
324 
+	padding: 0px 10px 0px 10px;
325 
+	margin: 0px 10px 0px 10px;
326 
+	text-align: center;
327 
+}
328 
+td.utilisateursInverse{
329 
+	border: 1px dotted #FFDDDD;
330 
+	background-color: silver;
331 
+	padding: 0px 10px 0px 10px;
332 
+	margin: 0px 10px 0px 10px;
333 
+	text-align: center;
334 
+}
335 
+td.ecriture{
336 
+	border: 1px dotted #FFDDDD;
337 
+	background-color: gray;
338 
+	padding: 0px 10px 0px 10px;
339 
+	margin: 0px 10px 0px 10px;
340 
+	text-align: left;
341 
+}
342 
+td.ecritureInverse{
343 
+	border: 1px dotted #FFDDDD;
344 
+	background-color: silver;
345 
+	padding: 0px 10px 0px 10px;
346 
+	margin: 0px 10px 0px 10px;
347 
+	text-align: left;
348 
+}
349 
+td.gris{
350 
+	background-color: #CCCCCC;
351 
+	margin: 0px 0px 0px 0px;
352 
+	padding: 0px 0px 0px 0px;
353 
+	width: 5px;
354 
+	height: 5px;
355 
+}
356 
+td.fondgris{
357 
+	background-color: #CCCCCC;
358 
+}
359 
+td.articles{
360 
+	background-color: #666666;
361 
+}
362 
+td.article{
363 
+	border: 1px solid #DDDDDD;
364 
+	background-color: #CCCCCC;
365 
+	height: 1000px;
366 
+}
367 
+p.utilisateurs{
368 
+	border: 1px dotted #FFDDDD;
369 
+	background-color: gray;
370 
+	padding: 0px 10px 0px 10px;
371 
+	margin: 0px 10px 0px 10px;
372 
+	text-align: center;
373 
+	float: left;
374 
+}
375 
+p.date{
376 
+	font-style: underline;
377 
+}
378 
+p.post{
379 
+	font-variant: small-caps;
380 
+}
381 
+p.Tchat{
382 
+	float: left;
383 
+	text-align: left;
384 
+}
385 
+p.TchatSuppression{
386 
+	width: 500px;
387 
+}
388 
+p.titre{
389 
+	font-variant: small-caps;
390 
+	width: 150px;
391 
+}
392 
+p.titreDossier{
393 
+	width: 500px;
394 
+	text-align: center;
395 
+	font-variant: small-caps;
396 
+}
397 
+p.corpsDossier{
398 
+	width: 730px;
399 
+}
400 
+p.sous-titre{
401 
+	font-style: italic;
402 
+}
403 
+p.gauche { text-align: left; }
404 
+p.centre { text-align: center; }
405 
+p.droite { text-align: right; }
406 
+p.justifier { text-align: justify; }
407 
+
408 
+span.gras { font-weight: bold; }
409 
+span.italique {font-style: italic; }
410 
+span.souligne {text-decoration: underline; }
411 
+span.fluo{ background:#ffff00; }
412 
+span.titre{	font-variant: small-caps;}
413 
+img { border: #000000 0px solid; }
414 
+
415 
+#article li {
416 
+	text-align: left;
417 
+	list-style: square;
418 
+}
419 
+ul{
420 
+  	list-style-position: inside;
421 
+  	padding:0 0 0 0;
422 
+	margin: 3px 0px 3px 10px;
423 
+}
424 
+ul.preferences{
425 
+	border: 1px solid #FFDDDD;
426 
+	background-color: gray;
427 
+	width: 860px;
428 
+	text-align: left;
429 
+	margin: 10px;
430 
+	padding: 10px;
431 
+}
432 
+ul.normal{ list-style-type: disc; }
433 
+ul.numeros{ list-style-type: decimal; }
434 
+ul.lettres{ list-style-type: lower-alpha; }
435 
+
public/stylesCSS/baseMenus.css
History View file @ 2c437b7
0 436 
new file mode 100755
... ... 
@@ -0,0 +1,65 @@
1 
+#menu {
2 
+width: 250px;
3 
+list-style: none;
4 
+}
5 
+#menu li {
6 
+-moz-border-radius: 5 5 5 5;
7 
+background-color: #FFFFFF;
8 
+text-align: left;
9 
+margin: 1em 0em;
10 
+border-color: black;
11 
+border-style: dotted;
12 
+border-width: 1px;
13 
+padding-left: 2em;
14 
+padding-top: 1em;
15 
+float: left;
16 
+width:175px;
17 
+
18 
+}
19 
+#menu li:first-letter{
20 
+font-size: 200%;
21 
+float: left;
22 
+}
23 
+#menu li a{
24 
+background-color: #CCCCCC;
25 
+color: black;
26 
+text-decoration: none;
27 
+}
28 
+#menu li a:hover{
29 
+color: gray;
30 
+}
31 
+#menu li a:focus{
32 
+color: black;
33 
+}
34 
+
35 
+#sousmenu {
36 
+width: 750px;
37 
+list-style: none;
38 
+float: right;
39 
+}
40 
+#sousmenu li{
41 
+width:500px;
42 
+-moz-border-radius: 5 5 0 0;
43 
+background-color: #FFFFFF;
44 
+text-align: left;
45 
+margin 1em 2em;
46 
+border-color:black;
47 
+border-style: solid;
48 
+border-width: 1px;
49 
+padding-left: 2em;
50 
+padding-top: 1em;
51 
+}
52 
+#sousmenu li:first-letter{
53 
+font-size: 150%;
54 
+float: left;
55 
+}
56 
+#sousmenu li:a{
57 
+background-color: #BBBBBB;
58 
+color:black;
59 
+}
60 
+#sousmenu li a:hover{
61 
+color:gray;
62 
+}
63 
+#sousmenu li a:focus{
64 
+color:black;
65 
+}
public/stylesCSS/interface01.css
History View file @ 2c437b7
0 66 
new file mode 100755
... ... 
@@ -0,0 +1,77 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 500px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:relative;
59 
+display:none;
60 
+}
61 
+
62 
+div.imagebd{
63 
+background-color: none;
64 
+position: absolute;
65 
+top: 400px;
66 
+right: 270px;
67 
+z-index: 2;
68 
+}
69 
+div.cadreArrondi{
70 
+border-width: 1px;
71 
+}
72 
+div.formulaire{
73 
+display: block;
74 
+}
75 
+div.telechargementEnCours{
76 
+display: none;
77 
+}
public/stylesCSS/interface02.css
History View file @ 2c437b7
0 78 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+right: 20px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+top: 20px;
26 
+right: 200px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+left: 5px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display:none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/interface03.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+left: 250px;
26 
+top: 50px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+left: 500px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display: none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/interface04.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,67 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+left: 260px;
6 
+width: 25px;
7 
+height: 100%;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+left: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 4;
18 
+}
19 
+div.sousmenu{
20 
+position: absolute;
21 
+top: 330px;
22 
+left: 5px;
23 
+z-index: 4;
24 
+}
25 
+div.corps{
26 
+position: absolute;
27 
+padding: 0%;
28 
+margin: 0%;
29 
+width: 100%;
30 
+top: 450px;
31 
+left: 0px;
32 
+z-index: 3;
33 
+}
34 
+div.contenu{
35 
+padding: 0px 0px 100px 300px;
36 
+width: 75%;
37 
+}
38 
+div.piedDePage{
39 
+background-color: #cccccc;
40 
+background-image: url(../images/FinDePage-2.png);
41 
+background-repeat: repeat-x;
42 
+height: 500px;
43 
+}
44 
+div.article{
45 
+position:relative;
46 
+}
47 
+div.gueuloir{
48 
+position:relative;
49 
+display: none;
50 
+}
51 
+
52 
+div.imagebd{
53 
+background-color: none;
54 
+position: absolute;
55 
+top: 400px;
56 
+left: 270px;
57 
+z-index: 2;
58 
+}
59 
+div.cadreArrondi{
60 
+border-width: 1px;
61 
+}
62 
+div.formulaire{
63 
+display: block;
64 
+}
65 
+div.telechargementEnCours{
66 
+display: none;
67 
+}
public/stylesCSS/interface05.css
History View file @ 2c437b7
0 68 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+right: 260px;
6 
+width: 25px;
7 
+height: 100%;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 4;
18 
+}
19 
+div.menu div.logoMenu{
20 
+position: relative;
21 
+right: 500px;
22 
+}
23 
+div.menu div.boutonsMenu{
24 
+position: absolute;
25 
+right: 10px;
26 
+}
27 
+div.sousmenu{
28 
+position: absolute;
29 
+top: 330px;
30 
+right: 5px;
31 
+z-index: 4;
32 
+}
33 
+div.corps{
34 
+position: absolute;
35 
+padding: 0%;
36 
+margin: 0%;
37 
+width: 100%;
38 
+top: 450px;
39 
+left: 0px;
40 
+z-index: 3;
41 
+}
42 
+div.contenu{
43 
+padding: 0px 300px 100px 10px;
44 
+width: 75%;
45 
+}
46 
+div.piedDePage{
47 
+background-color: #cccccc;
48 
+background-image: url(../images/FinDePage-2.png);
49 
+background-repeat: repeat-x;
50 
+height: 500px;
51 
+}
52 
+
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display: none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/interface06.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,81 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 500px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 0px 100px 10px;
45 
+width: 75%;
46 
+min-height: 1500px;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:absolute;
59 
+display:block;
60 
+width: 20%;
61 
+top: 450px;
62 
+right: 10px;
63 
+z-index: 4;
64 
+}
65 
+
66 
+div.imagebd{
67 
+background-color: none;
68 
+position: absolute;
69 
+top: 400px;
70 
+right: 270px;
71 
+z-index: 2;
72 
+}
73 
+div.cadreArrondi{
74 
+border-width: 1px;
75 
+}
76 
+div.formulaire{
77 
+display: block;
78 
+}
79 
+div.telechargementEnCours{
80 
+display: none;
81 
+}
public/stylesCSS/interface07.css
History View file @ 2c437b7
0 82 
new file mode 100755
... ... 
@@ -0,0 +1,78 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+left: 285px;
6 
+width: 3%;
7 
+height: 1250px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background: #663333;
12 
+background: -moz-linear-gradient(top, #663333 100%, #CCCCCC 10%);
13 
+background: -o-linear-gradient(top, #663333 100%, #CCCCCC 10%);
14 
+background: -webkit(linear,top, bottom, from(#663333), to(#CCCCCC));
15 
+background: -webkit-linear-gradient(top, #663333 100%, #CCCCCC 10%);
16 
+background: -ms-linear-gradient(top, #663333 100%, #CCCCCC 10%);
17 
+background: -linear-gradient(top, #663333 100%, #CCCCCC 10%);
18 
+
19 
+position: absolute;
20 
+margin: 0px;
21 
+padding: 0px 0px 100px 0px;
22 
+top: 0px;
23 
+left: 0px;
24 
+width: 300px;
25 
+height: auto;
26 
+z-index: 4;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 10px;
31 
+right: 0px;
32 
+z-index: 4;
33 
+}
34 
+
35 
+div.corps{
36 
+position: absolute;
37 
+padding: 0%;
38 
+margin: 0%;
39 
+width: 100%;
40 
+top: 100px;
41 
+left: 0%;
42 
+z-index: 3;
43 
+}
44 
+div.contenu{
45 
+padding: 0px 1% 543px 22%;
46 
+width: 77%;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+
55 
+div.article{
56 
+position:relative;
57 
+}
58 
+div.gueuloir{
59 
+position:relative;
60 
+display: none;
61 
+}
62 
+
63 
+div.imagebd{
64 
+background-color: none;
65 
+position: absolute;
66 
+top: 0px;
67 
+left: 270px;
68 
+z-index: 2;
69 
+}
70 
+div.cadreArrondi{
71 
+border-width: 1px;
72 
+}
73 
+div.formulaire{
74 
+display: block;
75 
+}
76 
+div.telechargementEnCours{
77 
+display: none;
78 
+}
public/stylesCSS/interface08.css
History View file @ 2c437b7
0 79 
new file mode 100755
... ... 
@@ -0,0 +1,77 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+right: 285px;
6 
+width: 3%;
7 
+height: 1250px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background: #663333;
12 
+background: -moz-linear-gradient(top, #663333 100%, #CCCCCC 10%);
13 
+background: -o-linear-gradient(top, #663333 100%, #CCCCCC 10%);
14 
+background: -webkit(linear,top, bottom, from(#663333), to(#CCCCCC));
15 
+background: -webkit-linear-gradient(top, #663333 100%, #CCCCCC 10%);
16 
+background: -ms-linear-gradient(top, #663333 100%, #CCCCCC 10%);
17 
+background: -linear-gradient(top, #663333 100%, #CCCCCC 10%);
18 
+
19 
+position: absolute;
20 
+margin: 0px;
21 
+padding: 0px 0px 100px 0px;
22 
+top: 0px;
23 
+right: 0px;
24 
+width: 300px;
25 
+height: auto;
26 
+z-index: 4;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 10px;
31 
+left: 0px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 100px;
40 
+right: 0%;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 22% 543px 1%;
45 
+width: 77%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:relative;
59 
+display: none;
60 
+}
61 
+
62 
+div.imagebd{
63 
+background-color: none;
64 
+position: absolute;
65 
+top: 0px;
66 
+right: 270px;
67 
+z-index: 2;
68 
+}
69 
+div.cadreArrondi{
70 
+border-width: 1px;
71 
+}
72 
+div.formulaire{
73 
+display: block;
74 
+}
75 
+div.telechargementEnCours{
76 
+display: none;
77 
+}
public/stylesCSS/interface09.css
History View file @ 2c437b7
0 78 
new file mode 100755
... ... 
@@ -0,0 +1,81 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 380px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 380px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 380px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 500px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 0px 100px 300px;
45 
+width: 75%;
46 
+min-height: 1500px;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:absolute;
59 
+display:block;
60 
+width: 20%;
61 
+top: 500px;
62 
+left: 20px;
63 
+z-index: 3;
64 
+}
65 
+
66 
+div.imagebd{
67 
+background-color: none;
68 
+position: absolute;
69 
+top: 450px;
70 
+right: 270px;
71 
+z-index: 2;
72 
+}
73 
+div.cadreArrondi{
74 
+border-width: 1px;
75 
+}
76 
+div.formulaire{
77 
+display: block;
78 
+}
79 
+div.telechargementEnCours{
80 
+display: none;
81 
+}
public/stylesCSS/interface10.css
History View file @ 2c437b7
0 82 
new file mode 100755
... ... 
@@ -0,0 +1,81 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+left: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 0px;
26 
+top: 500px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 400px;
31 
+left: 50px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 500px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 10px;
45 
+width: 70%;
46 
+min-height: 2500px;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:absolute;
59 
+display:block;
60 
+width: 20%;
61 
+top: 800px;
62 
+right: 30px;
63 
+z-index: 4;
64 
+}
65 
+
66 
+div.imagebd{
67 
+background-color: none;
68 
+position: absolute;
69 
+top: 450px;
70 
+right: 270px;
71 
+z-index: 2;
72 
+}
73 
+div.cadreArrondi{
74 
+border-width: 1px;
75 
+}
76 
+div.formulaire{
77 
+display: block;
78 
+}
79 
+div.telechargementEnCours{
80 
+display: none;
81 
+}
public/stylesCSS/interface11.css
History View file @ 2c437b7
0 82 
new file mode 100755
... ... 
@@ -0,0 +1,82 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+left: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 0px;
26 
+top: 450px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 400px;
31 
+left: 300px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 740px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 10px 100px 25%;
45 
+width: 70%;
46 
+min-height: 1500px;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+
55 
+div.article{
56 
+position:relative;
57 
+}
58 
+div.gueuloir{
59 
+position:absolute;
60 
+display:block;
61 
+width: 20%;
62 
+top: 550px;
63 
+left: 20px;
64 
+z-index: 4;
65 
+}
66 
+
67 
+div.imagebd{
68 
+background-color: none;
69 
+position: absolute;
70 
+top: 450px;
71 
+right: 270px;
72 
+z-index: 2;
73 
+}
74 
+div.cadreArrondi{
75 
+border-width: 1px;
76 
+}
77 
+div.formulaire{
78 
+display: block;
79 
+}
80 
+div.telechargementEnCours{
81 
+display: none;
82 
+}
public/stylesCSS/interface12.css
History View file @ 2c437b7
0 83 
new file mode 100755
... ... 
@@ -0,0 +1,81 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+right: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: relative;
25 
+left: 20px;
26 
+top: 70px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 700px;
31 
+left: 420px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 800px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 310px 100px 10px;
45 
+width: 75%;
46 
+min-height: 1500px;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:absolute;
59 
+display:block;
60 
+width: 20%;
61 
+top: 550px;
62 
+right: 20px;
63 
+z-index: 4;
64 
+}
65 
+
66 
+div.imagebd{
67 
+background-color: none;
68 
+position: absolute;
69 
+top: 450px;
70 
+right: 270px;
71 
+z-index: 2;
72 
+}
73 
+div.cadreArrondi{
74 
+border-width: 1px;
75 
+}
76 
+div.formulaire{
77 
+display: block;
78 
+}
79 
+div.telechargementEnCours{
80 
+display: none;
81 
+}
public/stylesCSS/lecture01.css
History View file @ 2c437b7
0 82 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:8px;
4 
+}
5 
+#article li {
6 
+font-size: 8px;
7 
+}
8 
+p{
9 
+font-size: 8px;
10 
+}
11 
+p.date{
12 
+font-size: 8px;
13 
+}
14 
+p.post{
15 
+font-size: 6px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 8px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 8px;
22 
+}
23 
+p.titre{
24 
+font-size: 13px;
25 
+}
26 
+p.article{
27 
+font-size: 8px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 10px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 15px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 11px;
37 
+}
public/stylesCSS/lecture02.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:10px;
4 
+}
5 
+#article li {
6 
+font-size: 10px;
7 
+}
8 
+p{
9 
+font-size:10px;
10 
+}
11 
+p.date{
12 
+font-size: 10px;
13 
+}
14 
+p.post{
15 
+font-size: 8px;
16 
+}
17 
+p.Tchat{
18 
+font-size:10px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 10px;
22 
+}
23 
+p.titre{
24 
+font-size: 15px;
25 
+}
26 
+p.article{
27 
+font-size:10px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 12px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 17px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 13px;
37 
+}
public/stylesCSS/lecture03.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:12px;
4 
+}
5 
+#article li {
6 
+font-size: 12px;
7 
+}
8 
+p{
9 
+font-size:12px;
10 
+}
11 
+p.date{
12 
+font-size: 12px;
13 
+}
14 
+p.post{
15 
+font-size: 10px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 12px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 12px;
22 
+}
23 
+p.titre{
24 
+font-size: 17px;
25 
+}
26 
+p.article{
27 
+font-size: 12px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 14px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 19px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 15px;
37 
+}
public/stylesCSS/lecture04.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:14px;
4 
+}
5 
+#article li {
6 
+font-size: 14px;
7 
+}
8 
+p{
9 
+font-size:14px;
10 
+}
11 
+p.date{
12 
+font-size: 14px;
13 
+}
14 
+p.post{
15 
+font-size: 12px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 14px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 14px;
22 
+}
23 
+p.titre{
24 
+font-size: 19px;
25 
+}
26 
+p.article{
27 
+font-size: 14px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 16px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 21px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 17px;
37 
+}
public/stylesCSS/lecture05.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:16px;
4 
+}
5 
+#article li {
6 
+font-size: 16px;
7 
+}
8 
+p{
9 
+font-size:16px;
10 
+}
11 
+p.date{
12 
+font-size: 16px;
13 
+}
14 
+p.post{
15 
+font-size: 14px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 16px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 16px;
22 
+}
23 
+p.titre{
24 
+font-size: 21px;
25 
+}
26 
+p.article{
27 
+font-size: 16px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 18px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 23px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 19px;
37 
+}
public/stylesCSS/stylesCSS/baseCorps.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,365 @@
1 
+body{
2 
+background-color: #848484;
3 
+}
4 
+
5 
+.tweet{
6 
+	border: 1px solid black;
7 
+
8 
+}
9 
+.btn_modif{
10 
+	border: 1px solid black;
11 
+	width: 200px;
12 
+	cursor: pointer;
13 
+}
14 
+.btn_modif_preferences{
15 
+	border: 1px solid black;
16 
+	width: 500px;
17 
+	cursor: pointer;
18 
+}
19 
+.btn_dossiers{
20 
+	border: 1px solid black;
21 
+	width: 300px;
22 
+	height: 75px;
23 
+	cursor: pointer;
24 
+
25 
+}
26 
+.tweetReset{
27 
+	border: 0px;
28 
+	color: red;
29 
+	font-weight: bold;
30 
+}
31 
+.tweetReset:hover{
32 
+	text-decoration: underline;
33 
+}
34 
+.btn{
35 
+	cursor: pointer;
36 
+}
37 
+form.membres label{
38 
+	float: inline;
39 
+	font-size: 10px;
40 
+	width: 200px;
41 
+}
42 
+
43 
+div.conteneurGrand{
44 
+	width: 900px;
45 
+	margin: 15 auto;
46 
+	padding: 10px;
47 
+	border: 1px dotted #FFDDDD;
48 
+	text-align: left;
49 
+}
50 
+div.conteneurGrand h2.legende{
51 
+	margin: -23px 0px 0px 60px;
52 
+	padding: 0px 10px 0px 10px;
53 
+	border-style: none;
54 
+	color: white;
55 
+	background-color: gray;
56 
+	height: 25px;
57 
+	width: 350px;
58 
+	font-family: Verdana,Arial,serif;
59 
+	text-align: left;
60 
+}
61 
+div.conteneurGrandInterieur{
62 
+	width: 880px;
63 
+	margin: 15 auto;
64 
+	background-color: gray;
65 
+	padding: 10px;
66 
+	border: 1px solid #FFDDDD;
67 
+	text-align: left;
68 
+}
69 
+div.conteneurGrandInterieur h3.legende{
70 
+	margin: -23px 0px 0px 70px;
71 
+	padding: 0px 10px 0px 10px;
72 
+	border-style: none;
73 
+	color: white;
74 
+	background-color: gray;
75 
+	height: 25px;
76 
+	width: 300px;
77 
+	font-family: Verdana,Arial,serif;
78 
+	text-align: left;
79 
+}
80 
+div.conteneur{
81 
+	width: 550px;
82 
+	margin: 10 auto;
83 
+	padding: 10px;
84 
+	border: 1px dotted #FFDDDD;
85 
+	text-align: left;
86 
+}
87 
+div.conteneur h2.legende{
88 
+	margin: -23px 0px 0px 60px;
89 
+	padding: 0px 10px 0px 10px;
90 
+	border-style: none;
91 
+	color: white;
92 
+	background-color: gray;
93 
+	height: 25px;
94 
+	width: 230px;
95 
+	font-family: Verdana,Arial,serif;
96 
+	text-align: left;
97 
+}
98 
+div.conteneurInterieur{
99 
+	width: 530px;
100 
+	margin: 15 auto;
101 
+	background-color: gray;
102 
+	padding: 10px;
103 
+	border: 1px solid #FFDDDD;
104 
+	text-align: left;
105 
+}
106 
+div.conteneurInterieur h3.legende{
107 
+	margin: -23px 0px 0px 70px;
108 
+	padding: 0px 10px 0px 10px;
109 
+	border-style: none;
110 
+	color: white;
111 
+	background-color: gray;
112 
+	height: 25px;
113 
+	width: 250px;
114 
+	font-family: Verdana,Arial,serif;
115 
+	text-align: left;
116 
+}
117 
+
118 
+div.conteneurPetit{
119 
+	width: 400px;
120 
+	margin: 10 auto;
121 
+	padding: 10px;
122 
+	border: 1px dotted #FFDDDD;
123 
+	text-align: left;
124 
+}
125 
+div.conteneurPetit h2.legende{
126 
+	margin: -23px 0px 0px 60px;
127 
+	padding: 0px 10px 0px 10px;
128 
+	border-style: none;
129 
+	color: white;
130 
+	background-color: gray;
131 
+	height: 25px;
132 
+	width: 220px;
133 
+	font-family: Verdana,Arial,serif;
134 
+	text-align: left;
135 
+}
136 
+div.conteneurPetitInterieur{
137 
+	width: 380px;
138 
+	margin: 15 auto;
139 
+	background-color: gray;
140 
+	padding: 10px;
141 
+	border: 1px solid #FFDDDD;
142 
+	text-align: left;
143 
+}
144 
+div.conteneurPetitInterieur h3.legende{
145 
+	margin: -23px 0px 0px 70px;
146 
+	padding: 0px 10px 0px 10px;
147 
+	border-style: none;
148 
+	color: white;
149 
+	background-color: gray;
150 
+	height: 25px;
151 
+	width: 250px;
152 
+	font-family: Verdana,Arial,serif;
153 
+	text-align: left;
154 
+}
155 
+
156 
+
157 
+#slide {
158 
+ width: 700px;
159 
+ margin: 10px auto;
160 
+ position: relative;
161 
+ height: 1000px;
162 
+ overflow: hidden;
163 
+ }
164 
+
165 
+.utilisateurs{
166 
+	border: 1px dotted #FFDDDD;
167 
+	background-color: gray;
168 
+}
169 
+.utilisateursInverse{
170 
+	border: 1px dotted #FFDDDD;
171 
+	background-color: silver;
172 
+}
173 
+.bloc_murUtilisateur{
174 
+	position:relative;
175 
+	left:25px;
176 
+}
177 
+.murUtilisateurs{
178 
+	border: 1px dotted #FFDDDD;
179 
+	background-color: gray;
180 
+	display:block;
181 
+	float:center;
182 
+	width:100%;
183 
+	margin: 0 5 5 0;
184 
+	padding: 0 2 2 0;
185 
+}
186 
+
187 
+h1.utilisateurs{
188 
+	border: 1px dotted #FFDDDD;
189 
+	background-color: gray;
190 
+}
191 
+h2.utilisateurs{
192 
+	border: 1px dotted #FFDDDD;
193 
+	background-color: gray;
194 
+}
195 
+h3.utilisateurs{
196 
+	border: 1px dotted #FFDDDD;
197 
+	background-color: gray;
198 
+}
199 
+h1.utilisateursInverse{
200 
+	border: 1px dotted #FFDDDD;
201 
+	background-color: silver;
202 
+}
203 
+h2.utilisateursInverse{
204 
+	border: 1px dotted #FFDDDD;
205 
+	background-color: silver;
206 
+}
207 
+h3.utilisateursInverse{
208 
+	border: 1px dotted #FFDDDD;
209 
+	background-color: silver;
210 
+}
211 
+a.info{
212 
+    position: relative;
213 
+    z-index: 24;
214 
+    color: black;
215 
+    text-decoration: none
216 
+}
217 
+
218 
+a.info:hover{
219 
+	z-index: 25;
220 
+}
221 
+a.info span{
222 
+	display: none;
223 
+}
224 
+a.info:hover span{
225 
+	display: block;
226 
+	position: absolute;
227 
+	top: -15em; left: 10em; width:25em; height: 20em;
228 
+	border: 1px solid #663333;
229 
+	background-color: #FFFFFF;
230 
+	color: #000000;
231 
+	text-align: justify;
232 
+	font-weight: none;
233 
+	padding: 1px;
234 
+}
235 
+table.utilisateurs td{
236 
+	border: 1px dotted #FFDDDD;
237 
+	background-color: gray;
238 
+	padding: 0px 10px 0px 10px;
239 
+	margin: 0px 10px 0px 10px;
240 
+	text-align: center;
241 
+}
242 
+td.titreTableau{
243 
+	border: 1px solid #FFDDDD;
244 
+	background-color: gray;
245 
+	padding: 5px 10px 5px 10px;
246 
+	text-align: right;
247 
+	color: white;
248 
+	width: 250px;
249 
+}
250 
+
251 
+td.utilisateurs{
252 
+	border: 1px dotted #FFDDDD;
253 
+	background-color: gray;
254 
+	padding: 0px 10px 0px 10px;
255 
+	margin: 0px 10px 0px 10px;
256 
+	text-align: center;
257 
+}
258 
+td.utilisateursInverse{
259 
+	border: 1px dotted #FFDDDD;
260 
+	background-color: silver;
261 
+	padding: 0px 10px 0px 10px;
262 
+	margin: 0px 10px 0px 10px;
263 
+	text-align: center;
264 
+}
265 
+td.ecriture{
266 
+	border: 1px dotted #FFDDDD;
267 
+	background-color: gray;
268 
+	padding: 0px 10px 0px 10px;
269 
+	margin: 0px 10px 0px 10px;
270 
+	text-align: left;
271 
+}
272 
+td.ecritureInverse{
273 
+	border: 1px dotted #FFDDDD;
274 
+	background-color: silver;
275 
+	padding: 0px 10px 0px 10px;
276 
+	margin: 0px 10px 0px 10px;
277 
+	text-align: left;
278 
+}
279 
+td.gris{
280 
+	background-color: #CCCCCC;
281 
+	margin: 0px 0px 0px 0px;
282 
+	padding: 0px 0px 0px 0px;
283 
+	width: 5px;
284 
+	height: 5px;
285 
+}
286 
+td.fondgris{
287 
+	background-color: #CCCCCC;
288 
+}
289 
+td.articles{
290 
+	background-color: #666666;
291 
+}
292 
+td.article{
293 
+	border: 1px solid #DDDDDD;
294 
+	background-color: #CCCCCC;
295 
+	height: 1000px;
296 
+}
297 
+p.utilisateurs{
298 
+	border: 1px dotted #FFDDDD;
299 
+	background-color: gray;
300 
+	padding: 0px 10px 0px 10px;
301 
+	margin: 0px 10px 0px 10px;
302 
+	text-align: center;
303 
+	float: left;
304 
+}
305 
+p.date{
306 
+	font-style: underline;
307 
+}
308 
+p.post{
309 
+	font-variant: small-caps;
310 
+}
311 
+p.Tchat{
312 
+	float: left;
313 
+	text-align: left;
314 
+}
315 
+p.TchatSuppression{
316 
+	width: 500px;
317 
+}
318 
+p.titre{
319 
+	font-variant: small-caps;
320 
+	width: 150px;
321 
+}
322 
+p.titreDossier{
323 
+	width: 500px;
324 
+	text-align: center;
325 
+	font-variant: small-caps;
326 
+}
327 
+p.corpsDossier{
328 
+	width: 730px;
329 
+}
330 
+p.sous-titre{
331 
+	font-style: italic;
332 
+}
333 
+p.gauche { text-align: left; }
334 
+p.centre { text-align: center; }
335 
+p.droite { text-align: right; }
336 
+p.justifier { text-align: justify; }
337 
+
338 
+span.gras { font-weight: bold; }
339 
+span.italique {font-style: italic; }
340 
+span.souligne {text-decoration: underline; }
341 
+span.fluo{ background:#ffff00; }
342 
+
343 
+img { border: #000000 0px solid; }
344 
+
345 
+#article li {
346 
+	text-align: left;
347 
+	list-style: square;
348 
+}
349 
+ul{
350 
+  	list-style-position: inside;
351 
+  	padding:0 0 0 0;
352 
+	margin: 3px 0px 3px 10px;
353 
+}
354 
+ul.preferences{
355 
+	border: 1px solid #FFDDDD;
356 
+	background-color: gray;
357 
+	width: 860px;
358 
+	text-align: left;
359 
+	margin: 10px;
360 
+	padding: 10px;
361 
+}
362 
+ul.normal{ list-style-type: disc; }
363 
+ul.numeros{ list-style-type: decimal; }
364 
+ul.lettres{ list-style-type: lower-alpha; }
365 
+
public/stylesCSS/stylesCSS/baseMenus.css
History View file @ 2c437b7
0 366 
new file mode 100755
... ... 
@@ -0,0 +1,65 @@
1 
+#menu {
2 
+width: 250px;
3 
+list-style: none;
4 
+}
5 
+#menu li {
6 
+-moz-border-radius: 5 5 5 5;
7 
+background-color: #FFFFFF;
8 
+text-align: left;
9 
+margin: 1em 0em;
10 
+border-color: black;
11 
+border-style: dotted;
12 
+border-width: 1px;
13 
+padding-left: 2em;
14 
+padding-top: 1em;
15 
+float: left;
16 
+width:175px;
17 
+
18 
+}
19 
+#menu li:first-letter{
20 
+font-size: 200%;
21 
+float: left;
22 
+}
23 
+#menu li a{
24 
+background-color: #CCCCCC;
25 
+color: black;
26 
+text-decoration: none;
27 
+}
28 
+#menu li a:hover{
29 
+color: gray;
30 
+}
31 
+#menu li a:focus{
32 
+color: black;
33 
+}
34 
+
35 
+#sousmenu {
36 
+width: 750px;
37 
+list-style: none;
38 
+float: right;
39 
+}
40 
+#sousmenu li{
41 
+width:500px;
42 
+-moz-border-radius: 5 5 0 0;
43 
+background-color: #FFFFFF;
44 
+text-align: left;
45 
+margin 1em 2em;
46 
+border-color:black;
47 
+border-style: solid;
48 
+border-width: 1px;
49 
+padding-left: 2em;
50 
+padding-top: 1em;
51 
+}
52 
+#sousmenu li:first-letter{
53 
+font-size: 150%;
54 
+float: left;
55 
+}
56 
+#sousmenu li:a{
57 
+background-color: #BBBBBB;
58 
+color:black;
59 
+}
60 
+#sousmenu li a:hover{
61 
+color:gray;
62 
+}
63 
+#sousmenu li a:focus{
64 
+color:black;
65 
+}
public/stylesCSS/stylesCSS/interface01.css
History View file @ 2c437b7
0 66 
new file mode 100755
... ... 
@@ -0,0 +1,77 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 500px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:relative;
59 
+display:none;
60 
+}
61 
+
62 
+div.imagebd{
63 
+background-color: none;
64 
+position: absolute;
65 
+top: 400px;
66 
+right: 270px;
67 
+z-index: 2;
68 
+}
69 
+div.cadreArrondi{
70 
+border-width: 1px;
71 
+}
72 
+div.formulaire{
73 
+display: block;
74 
+}
75 
+div.telechargementEnCours{
76 
+display: none;
77 
+}
public/stylesCSS/stylesCSS/interface02.css
History View file @ 2c437b7
0 78 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+right: 20px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+top: 20px;
26 
+right: 200px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+left: 5px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display:none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/stylesCSS/interface03.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+left: 250px;
26 
+top: 50px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+left: 500px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 5%;
45 
+width: 90%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display: none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/stylesCSS/interface04.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,67 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+left: 260px;
6 
+width: 25px;
7 
+height: 100%;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+left: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 4;
18 
+}
19 
+div.sousmenu{
20 
+position: absolute;
21 
+top: 330px;
22 
+left: 5px;
23 
+z-index: 4;
24 
+}
25 
+div.corps{
26 
+position: absolute;
27 
+padding: 0%;
28 
+margin: 0%;
29 
+width: 100%;
30 
+top: 450px;
31 
+left: 0px;
32 
+z-index: 3;
33 
+}
34 
+div.contenu{
35 
+padding: 0px 0px 100px 300px;
36 
+width: 75%;
37 
+}
38 
+div.piedDePage{
39 
+background-color: #cccccc;
40 
+background-image: url(../images/FinDePage-2.png);
41 
+background-repeat: repeat-x;
42 
+height: 500px;
43 
+}
44 
+div.article{
45 
+position:relative;
46 
+}
47 
+div.gueuloir{
48 
+position:relative;
49 
+display: none;
50 
+}
51 
+
52 
+div.imagebd{
53 
+background-color: none;
54 
+position: absolute;
55 
+top: 400px;
56 
+left: 270px;
57 
+z-index: 2;
58 
+}
59 
+div.cadreArrondi{
60 
+border-width: 1px;
61 
+}
62 
+div.formulaire{
63 
+display: block;
64 
+}
65 
+div.telechargementEnCours{
66 
+display: none;
67 
+}
public/stylesCSS/stylesCSS/interface05.css
History View file @ 2c437b7
0 68 
new file mode 100755
... ... 
@@ -0,0 +1,76 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+right: 260px;
6 
+width: 25px;
7 
+height: 100%;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 4;
18 
+}
19 
+div.menu div.logoMenu{
20 
+position: relative;
21 
+right: 500px;
22 
+}
23 
+div.menu div.boutonsMenu{
24 
+position: absolute;
25 
+right: 10px;
26 
+}
27 
+div.sousmenu{
28 
+position: absolute;
29 
+top: 330px;
30 
+right: 5px;
31 
+z-index: 4;
32 
+}
33 
+div.corps{
34 
+position: absolute;
35 
+padding: 0%;
36 
+margin: 0%;
37 
+width: 100%;
38 
+top: 450px;
39 
+left: 0px;
40 
+z-index: 3;
41 
+}
42 
+div.contenu{
43 
+padding: 0px 300px 100px 10px;
44 
+width: 75%;
45 
+}
46 
+div.piedDePage{
47 
+background-color: #cccccc;
48 
+background-image: url(../images/FinDePage-2.png);
49 
+background-repeat: repeat-x;
50 
+height: 500px;
51 
+}
52 
+
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:relative;
58 
+display: none;
59 
+}
60 
+
61 
+div.imagebd{
62 
+background-color: none;
63 
+position: absolute;
64 
+top: 400px;
65 
+right: 270px;
66 
+z-index: 2;
67 
+}
68 
+div.cadreArrondi{
69 
+border-width: 1px;
70 
+}
71 
+div.formulaire{
72 
+display: block;
73 
+}
74 
+div.telechargementEnCours{
75 
+display: none;
76 
+}
public/stylesCSS/stylesCSS/interface06.css
History View file @ 2c437b7
0 77 
new file mode 100755
... ... 
@@ -0,0 +1,80 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 400px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 400px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 10px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 500px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 330px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 450px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 0px 100px 10px;
45 
+width: 75%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:absolute;
58 
+display:block;
59 
+width: 20%;
60 
+top: 450px;
61 
+right: 10px;
62 
+z-index: 4;
63 
+}
64 
+
65 
+div.imagebd{
66 
+background-color: none;
67 
+position: absolute;
68 
+top: 400px;
69 
+right: 270px;
70 
+z-index: 2;
71 
+}
72 
+div.cadreArrondi{
73 
+border-width: 1px;
74 
+}
75 
+div.formulaire{
76 
+display: block;
77 
+}
78 
+div.telechargementEnCours{
79 
+display: none;
80 
+}
public/stylesCSS/stylesCSS/interface07.css
History View file @ 2c437b7
0 81 
new file mode 100755
... ... 
@@ -0,0 +1,78 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+left: 245px;
6 
+width: 3%;
7 
+height: 1250px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background: #663333;
12 
+background: -moz-linear-gradient(top, #663333 100%, #CCCCCC 10%);
13 
+background: -o-linear-gradient(top, #663333 100%, #CCCCCC 10%);
14 
+background: -webkit(linear,top, bottom, from(#663333), to(#CCCCCC));
15 
+background: -webkit-linear-gradient(top, #663333 100%, #CCCCCC 10%);
16 
+background: -ms-linear-gradient(top, #663333 100%, #CCCCCC 10%);
17 
+background: -linear-gradient(top, #663333 100%, #CCCCCC 10%);
18 
+
19 
+position: absolute;
20 
+margin: 0px;
21 
+padding: 0px 0px 100px 0px;
22 
+top: 0px;
23 
+left: 0px;
24 
+width: 250px;
25 
+height: auto;
26 
+z-index: 4;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 10px;
31 
+right: 0px;
32 
+z-index: 4;
33 
+}
34 
+
35 
+div.corps{
36 
+position: absolute;
37 
+padding: 0%;
38 
+margin: 0%;
39 
+width: 100%;
40 
+top: 100px;
41 
+left: 0%;
42 
+z-index: 3;
43 
+}
44 
+div.contenu{
45 
+padding: 0px 1% 543px 22%;
46 
+width: 77%;
47 
+}
48 
+div.piedDePage{
49 
+background-color: #cccccc;
50 
+background-image: url(../images/FinDePage-2.png);
51 
+background-repeat: repeat-x;
52 
+height: 500px;
53 
+}
54 
+
55 
+div.article{
56 
+position:relative;
57 
+}
58 
+div.gueuloir{
59 
+position:relative;
60 
+display: none;
61 
+}
62 
+
63 
+div.imagebd{
64 
+background-color: none;
65 
+position: absolute;
66 
+top: 0px;
67 
+left: 270px;
68 
+z-index: 2;
69 
+}
70 
+div.cadreArrondi{
71 
+border-width: 1px;
72 
+}
73 
+div.formulaire{
74 
+display: block;
75 
+}
76 
+div.telechargementEnCours{
77 
+display: none;
78 
+}
public/stylesCSS/stylesCSS/interface08.css
History View file @ 2c437b7
0 79 
new file mode 100755
... ... 
@@ -0,0 +1,77 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 0px;
5 
+right: 250px;
6 
+width: 3%;
7 
+height: 1250px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background: #663333;
12 
+background: -moz-linear-gradient(top, #663333 100%, #CCCCCC 10%);
13 
+background: -o-linear-gradient(top, #663333 100%, #CCCCCC 10%);
14 
+background: -webkit(linear,top, bottom, from(#663333), to(#CCCCCC));
15 
+background: -webkit-linear-gradient(top, #663333 100%, #CCCCCC 10%);
16 
+background: -ms-linear-gradient(top, #663333 100%, #CCCCCC 10%);
17 
+background: -linear-gradient(top, #663333 100%, #CCCCCC 10%);
18 
+
19 
+position: absolute;
20 
+margin: 0px;
21 
+padding: 0px 0px 100px 0px;
22 
+top: 0px;
23 
+right: 0px;
24 
+width: 20%;
25 
+height: auto;
26 
+z-index: 4;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 10px;
31 
+left: 0px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 100px;
40 
+right: 0%;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 22% 543px 1%;
45 
+width: 77%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:relative;
59 
+display: none;
60 
+}
61 
+
62 
+div.imagebd{
63 
+background-color: none;
64 
+position: absolute;
65 
+top: 0px;
66 
+right: 270px;
67 
+z-index: 2;
68 
+}
69 
+div.cadreArrondi{
70 
+border-width: 1px;
71 
+}
72 
+div.formulaire{
73 
+display: block;
74 
+}
75 
+div.telechargementEnCours{
76 
+display: none;
77 
+}
public/stylesCSS/stylesCSS/interface09.css
History View file @ 2c437b7
0 78 
new file mode 100755
... ... 
@@ -0,0 +1,80 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 3;
18 
+}
19 
+div.logoMenu{
20 
+position: absolute;
21 
+left: 380px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 380px;
26 
+top: 10px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 380px;
31 
+right: 150px;
32 
+z-index: 3;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 500px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 0px 100px 300px;
45 
+width: 75%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:absolute;
58 
+display:block;
59 
+width: 20%;
60 
+top: 500px;
61 
+left: 20px;
62 
+z-index: 3;
63 
+}
64 
+
65 
+div.imagebd{
66 
+background-color: none;
67 
+position: absolute;
68 
+top: 450px;
69 
+right: 270px;
70 
+z-index: 2;
71 
+}
72 
+div.cadreArrondi{
73 
+border-width: 1px;
74 
+}
75 
+div.formulaire{
76 
+display: block;
77 
+}
78 
+div.telechargementEnCours{
79 
+display: none;
80 
+}
public/stylesCSS/stylesCSS/interface10.css
History View file @ 2c437b7
0 81 
new file mode 100755
... ... 
@@ -0,0 +1,80 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+left: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 0px;
26 
+top: 500px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 400px;
31 
+left: 50px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 500px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 10px;
45 
+width: 70%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:absolute;
58 
+display:block;
59 
+width: 20%;
60 
+top: 800px;
61 
+right: 30px;
62 
+z-index: 4;
63 
+}
64 
+
65 
+div.imagebd{
66 
+background-color: none;
67 
+position: absolute;
68 
+top: 450px;
69 
+right: 270px;
70 
+z-index: 2;
71 
+}
72 
+div.cadreArrondi{
73 
+border-width: 1px;
74 
+}
75 
+div.formulaire{
76 
+display: block;
77 
+}
78 
+div.telechargementEnCours{
79 
+display: none;
80 
+}
public/stylesCSS/stylesCSS/interface11.css
History View file @ 2c437b7
0 81 
new file mode 100755
... ... 
@@ -0,0 +1,81 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+left: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: absolute;
25 
+right: 0px;
26 
+top: 450px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 400px;
31 
+left: 300px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 740px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 10px 100px 25%;
45 
+width: 70%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+
54 
+div.article{
55 
+position:relative;
56 
+}
57 
+div.gueuloir{
58 
+position:absolute;
59 
+display:block;
60 
+width: 20%;
61 
+top: 550px;
62 
+left: 20px;
63 
+z-index: 4;
64 
+}
65 
+
66 
+div.imagebd{
67 
+background-color: none;
68 
+position: absolute;
69 
+top: 450px;
70 
+right: 270px;
71 
+z-index: 2;
72 
+}
73 
+div.cadreArrondi{
74 
+border-width: 1px;
75 
+}
76 
+div.formulaire{
77 
+display: block;
78 
+}
79 
+div.telechargementEnCours{
80 
+display: none;
81 
+}
public/stylesCSS/stylesCSS/interface12.css
History View file @ 2c437b7
0 82 
new file mode 100755
... ... 
@@ -0,0 +1,80 @@
1 
+div.limiteur{
2 
+background-color: black;
3 
+position: absolute;
4 
+top: 450px;
5 
+right: 0px;
6 
+width: 100%;
7 
+height: 35px;
8 
+z-index: 2;
9 
+}
10 
+div.menu{
11 
+background-color: #663333;
12 
+position: absolute;
13 
+top: 0px;
14 
+right: 0px;
15 
+width: 100%;
16 
+height: 450px;
17 
+z-index: 4;
18 
+}
19 
+div.logoMenu{
20 
+position: relative;
21 
+right: 500px;
22 
+}
23 
+div.boutonsMenu{
24 
+position: relative;
25 
+left: 20px;
26 
+top: 70px;
27 
+}
28 
+div.sousmenu{
29 
+position: absolute;
30 
+top: 700px;
31 
+left: 420px;
32 
+z-index: 5;
33 
+}
34 
+div.corps{
35 
+position: absolute;
36 
+padding: 0%;
37 
+margin: 0%;
38 
+width: 100%;
39 
+top: 800px;
40 
+left: 0px;
41 
+z-index: 3;
42 
+}
43 
+div.contenu{
44 
+padding: 0px 310px 100px 10px;
45 
+width: 75%;
46 
+}
47 
+div.piedDePage{
48 
+background-color: #cccccc;
49 
+background-image: url(../images/FinDePage-2.png);
50 
+background-repeat: repeat-x;
51 
+height: 500px;
52 
+}
53 
+div.article{
54 
+position:relative;
55 
+}
56 
+div.gueuloir{
57 
+position:absolute;
58 
+display:block;
59 
+width: 20%;
60 
+top: 550px;
61 
+right: 20px;
62 
+z-index: 4;
63 
+}
64 
+
65 
+div.imagebd{
66 
+background-color: none;
67 
+position: absolute;
68 
+top: 450px;
69 
+right: 270px;
70 
+z-index: 2;
71 
+}
72 
+div.cadreArrondi{
73 
+border-width: 1px;
74 
+}
75 
+div.formulaire{
76 
+display: block;
77 
+}
78 
+div.telechargementEnCours{
79 
+display: none;
80 
+}
public/stylesCSS/stylesCSS/lecture01.css
History View file @ 2c437b7
0 81 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:8px;
4 
+}
5 
+#article li {
6 
+font-size: 8px;
7 
+}
8 
+p{
9 
+font-size: 8px;
10 
+}
11 
+p.date{
12 
+font-size: 8px;
13 
+}
14 
+p.post{
15 
+font-size: 6px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 8px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 8px;
22 
+}
23 
+p.titre{
24 
+font-size: 13px;
25 
+}
26 
+p.article{
27 
+font-size: 8px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 10px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 15px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 11px;
37 
+}
public/stylesCSS/stylesCSS/lecture02.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:10px;
4 
+}
5 
+#article li {
6 
+font-size: 10px;
7 
+}
8 
+p{
9 
+font-size:10px;
10 
+}
11 
+p.date{
12 
+font-size: 10px;
13 
+}
14 
+p.post{
15 
+font-size: 8px;
16 
+}
17 
+p.Tchat{
18 
+font-size:10px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 10px;
22 
+}
23 
+p.titre{
24 
+font-size: 15px;
25 
+}
26 
+p.article{
27 
+font-size:10px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 12px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 17px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 13px;
37 
+}
public/stylesCSS/stylesCSS/lecture03.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:12px;
4 
+}
5 
+#article li {
6 
+font-size: 12px;
7 
+}
8 
+p{
9 
+font-size:12px;
10 
+}
11 
+p.date{
12 
+font-size: 12px;
13 
+}
14 
+p.post{
15 
+font-size: 10px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 12px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 12px;
22 
+}
23 
+p.titre{
24 
+font-size: 17px;
25 
+}
26 
+p.article{
27 
+font-size: 12px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 14px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 19px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 15px;
37 
+}
public/stylesCSS/stylesCSS/lecture04.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:14px;
4 
+}
5 
+#article li {
6 
+font-size: 14px;
7 
+}
8 
+p{
9 
+font-size:14px;
10 
+}
11 
+p.date{
12 
+font-size: 14px;
13 
+}
14 
+p.post{
15 
+font-size: 12px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 14px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 14px;
22 
+}
23 
+p.titre{
24 
+font-size: 19px;
25 
+}
26 
+p.article{
27 
+font-size: 14px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 16px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 21px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 17px;
37 
+}
public/stylesCSS/stylesCSS/lecture05.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,37 @@
1 
+
2 
+li{
3 
+font-size:16px;
4 
+}
5 
+#article li {
6 
+font-size: 16px;
7 
+}
8 
+p{
9 
+font-size:16px;
10 
+}
11 
+p.date{
12 
+font-size: 16px;
13 
+}
14 
+p.post{
15 
+font-size: 14px;
16 
+}
17 
+p.Tchat{
18 
+font-size: 16px;
19 
+}
20 
+p.utilisateurs{
21 
+font-size: 16px;
22 
+}
23 
+p.titre{
24 
+font-size: 21px;
25 
+}
26 
+p.article{
27 
+font-size: 16px;
28 
+}
29 
+p.corpsDossier{
30 
+font-size: 18px;
31 
+}
32 
+p.titreDossier{
33 
+font-size: 23px;
34 
+}
35 
+p.sous-titre{
36 
+font-size: 19px;
37 
+}
public/stylesCSS/stylesCSS/typographie01.css
History View file @ 2c437b7
0 38 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Arial, Comic Sans MS, Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie02.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Comic Sans MS, Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie03.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie04.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie05.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie06.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,7 @@
1 
+@import url(http://fonts.googleapis.com/css?family=EB+Garamond);
2 
+body{
3 
+font-family: Garamond, EB Garamond, Georgia, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace;
4 
+}
5 
+
6 
+
7 
+
public/stylesCSS/stylesCSS/typographie07.css
History View file @ 2c437b7
0 8 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie08.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie09.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Courier New, Impact, Webdings, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie10.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie11.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Webdings, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/stylesCSS/typographie12.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie01.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Arial, Comic Sans MS, Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie02.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Comic Sans MS, Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie03.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie04.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie05.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie06.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie07.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Symbol, Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie08.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Times New Roman, Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie09.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Courrier New, Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie10.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Impact, Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie11.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family: Webding, Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact;
3 
+}
4 
+
5 
+
6 
+
public/stylesCSS/typographie12.css
History View file @ 2c437b7
0 7 
new file mode 100755
... ... 
@@ -0,0 +1,6 @@
1 
+body{
2 
+font-family:  Garuda, Arial, Comic Sans MS,  Verdana, Helvetica, Monospace, Garamond, Symbol, Times New Roman, Courrier New, Impact, Webding;
3 
+}
4 
+
5 
+
6 
+