<Contenu> Améliorations typographiques (Fix #55)

- Justification par défaut de tous les paragraphes <p - Suppression de la classe "justify" devenue inutile - Mise en avant de termes via <strong> ou <span class="hero_motcle"> - Aération de certains blocs en découpant en paragraphes
IFAEDI · Feb 20, 2013 · 3dac1b3 · 3dac1b3
1 parent 1941ccd
commit 3dac1b3
Show file tree

Hide file tree

Showing 9 changed files with 71 additions and 76 deletions.
diff --git a/a_propos.php b/a_propos.php
diff --git a/accueil.php b/accueil.php
@@ -20,9 +20,9 @@
 				</p>
 			</div>
 			<div class="well">
-				<p style="text-align:justify;"><span class="hero_motcle">AEDI</span> <small>(nf)</small> : <em>Association de l'INSA-Lyon créée pour renforcer la cohésion entre les étudiants du Département Informatique, les aider dans leur cursus, et établir des contacts privilégiés avec les entreprises.</em></p>
-				<p style="text-align:justify;">Cela fait plus de vingt-neuf ans que notre association étoffe son éventails d'évènements, de la Semaine d'Intégration des nouveaux élèves aux Rencontres IF, forum ouvert aux entreprises, en passant par le Week-End Ski, le Concert IF, le Voyage de fin d'étude, ...</p>
-				<p style="text-align:justify;">Avec à sa tête une équipe dynamique, l'AEDI s'épanouit et grandit, riche des liens qu'elle tisse avec les entreprises et anciens étudiants.</p>
+				<p><span class="hero_motcle">AEDI</span> <small>(nf)</small> : <em>Association de l'INSA-Lyon créée pour renforcer la cohésion entre les étudiants du Département Informatique, les aider dans leur cursus, et établir des contacts privilégiés avec les entreprises.</em></p>
+				<p>Cela fait plus de vingt-neuf ans que notre association étoffe son éventails d'évènements, de la Semaine d'Intégration des nouveaux élèves aux Rencontres IF, forum ouvert aux entreprises, en passant par le Week-End Ski, le Concert IF, le Voyage de fin d'étude, ...</p>
+				<p>Avec à sa tête une équipe dynamique, l'AEDI s'épanouit et grandit, riche des liens qu'elle tisse avec les entreprises et anciens étudiants.</p>
 				<p style="text-align:justify; margin-bottom:20px;"><strong>Soyez le ou la bienvenu(e) sur notre site !</strong>
 				</p>
 				<div style="width:50%; float:left; display:inline-block;" >
@@ -97,7 +97,7 @@
         </p>
         </div>
         <div class="row" style="text-align:center;">
-            <p class="span12">
+            <p class="span12 centre">
                 <embed style="margin-top:-20px;" src="./commun/img/societe_generale.swf" class="adapt-width" span=8 scale=0.60 max=800 />
             </p>
         </div>

diff --git a/commun/css/style.css b/commun/css/style.css
@@ -4,6 +4,10 @@ body {
     margin-top: 25px;
 }
 
+p {
+	text-align: justify;
+}
+
 /* tablesorter */
 
 
@@ -41,11 +45,6 @@ table.tablesorter thead tr .headerSortDown {
 	text-align:center;
 }
 
-.justify
-{
-	text-align:justify;
-}
-
 .comment{
 	font-size:0.9em;
 	color:grey;

diff --git a/conferences/php/presentation.php b/conferences/php/presentation.php
@@ -23,9 +23,9 @@
                 il est nécessaire que les étudiants apprennent par d'autres sources que l'école.
                 </p>
                 <p>
-                Pour leur faciliter la tâche, l'AEDI propose des conférences aux étudiants. Ces séminaires sont
-                proposés par des ingénieurs issus du monde de l'entreprise, qui présentent des technologies ou des
-                concepts. Ces rencontres sont à la fois profitables pour les intervenants qui améliorent leurs carnets
+                Pour leur faciliter la tâche, l'AEDI propose des conférences aux élèves. Ces séminaires sont
+                proposés par des <span class="hero_motcle">ingénieurs issus du monde de l'entreprise</span>, qui présentent des <span class="hero_motcle">technologies ou des
+                concepts</span>. Ces rencontres sont à la fois profitables pour les intervenants qui améliorent leurs carnets
                 de contacts et les étudiants qui en apprennent plus sur la société.
                 </p>
 			</div>
@@ -34,21 +34,17 @@
 	<div class="row">
 		<div class="span4">
 			<h2><i class="icon icon-bookmark icon-white"></i> Concept</h2>
-			<p class="justify">
-            Le concept des conférences est de faire se rencontrer les étudiants et les entreprises tout en permettant
-            aux futurs ingénieurs d'actualiser leurs connaissances du monde de l'entreprise. Pour cela, des employés
-            d'une société viennent à l'INSA les jeudis après-midis, effectuent leurs présentations devant des
-            étudiants inscrits de leur plein gré pour assister à la conférence. A la fin de cette dernière, ingénieurs et
-            étudiants discutent de manière informelle, parfois autour d'un buffet. Suite à cette expérience, les parties
-            prenantes repartent avec de nouveaux contacts professionnels.
-			</p>
+			<p>Le concept des conférences est de faire se rencontrer les étudiants et les entreprises tout en permettant
+            aux futurs ingénieurs d'<strong>actualiser leurs connaissances du monde de l'entreprise</strong>.</p>
+			<p>Pour cela, des employés d'une société viennent à l'INSA les jeudis après-midis, effectuent leurs présentations devant des
+            étudiants inscrits de leur plein gré pour assister à la conférence.</p> 
+			<p>A la fin de celle-ci, ingénieurs et étudiants discutent de manière informelle, parfois autour d'un buffet. Suite à cette expérience, les parties
+            prenantes repartent avec de <strong>nouveaux contacts</strong> professionnels.</p>
 		</div>
 		<div id="infoRif" class="span8">
 			<h2><i class="icon icon-search icon-white"></i> Informations</h2>
-
             <p>
-            Vous êtes une entreprise et vous êtes intéressés pour présenter cette dernière, ou une méthode, un thème
-            ou une technologie que vous maîtrisez en interne? Voici les informations qui vous intéressent.
+            Vous êtes une entreprise et vous êtes intéressés pour présenter cette dernière, ou une méthode, un thème ou une technologie que vous maîtrisez en interne? Voici les informations qui vous intéressent.
             </p>
 
 			<h3>Dates possibles</h3>

diff --git a/cvtheque/php/presentation.php b/cvtheque/php/presentation.php
@@ -24,10 +24,10 @@
 	<div class="row">
 		<div class="span4">
 			<h2><i class="icon icon-bookmark icon-white"></i> Concept</h2>
-			<p class="justify">
+			<p>
 				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in erat a dui auctor <strong>eleifend bibendum et felis</strong>. Curabitur rhoncus scelerisque felis non vehicula. Suspendisse potenti. Maecenas velit dolor, porttitor sed tincidunt at, pharetra at lacus. Integer id sapien enim, interdum auctor ligula. In pulvinar nulla ut dolor ornare bibendum. Fusce et odio eleifend nisl placerat vehicula.
 			</p>
-			<p class="justify">
+			<p>
 
 Nulla et erat arcu. Ut vulputate, erat in blandit hendrerit, augue ante dignissim felis, et elementum tellus tellus nec nulla. Suspendisse faucibus nulla vitae tellus aliquam eget scelerisque neque ornare. Sed convallis lobortis mollis. Etiam in dolor vitae dolor molestie suscipit. Aliquam erat volutpat. Sed mi elit, egestas ut <span class="hero_motcle">dignissim vulputate</span>, eleifend quis massa. Sed a purus ipsum. Etiam pulvinar tincidunt eros, ultrices dapibus dolor gravida ac.
 			</p>

diff --git a/cvtheque/php/presentationTemp.php b/cvtheque/php/presentationTemp.php
@@ -28,13 +28,13 @@
 			<p class="centre" style="font-size:10em;">
 				<br/><br/><br/>?
 			</p>
-			<p class="justify">
+			<p>
 		</div>
 		<div id="infoRif" class="span8">
 			<h2><i class="icon icon-search icon-white"></i> Nous aider</h2>
 
-			<p class="justify">Ce projet est encore en phase d'étude. Plusieurs formules et formats ont déjà été proposés, et nous étudions l'intérêt de chacun. Néanmoins, en tant qu'acteurs potentiels de cette offre, votre avis nous intéresse beaucoup.</p>
-			<p class="justify">Nous serons ainsi heureux de pouvoir prendre en compte vos suggestions, émises à l'adresse suivante :</p>
+			<p>Ce projet est encore en phase d'étude. Plusieurs formules et formats ont déjà été proposés, et nous étudions l'intérêt de chacun. Néanmoins, en tant qu'acteurs potentiels de cette offre, votre avis nous intéresse beaucoup.</p>
+			<p>Nous serons ainsi heureux de pouvoir prendre en compte vos suggestions, émises à l'adresse suivante :</p>
 			<p class="centre"><a href="#" e-name="aedi.bureau" class="e-noBot btn btn-large btn-info" e-domain="listes.insa-lyon.fr"><i class="icon-eye-open icon-white"></i> Afficher Email</a></p>
 		</div>
 	</div>

diff --git a/entretien/php/presentation.php b/entretien/php/presentation.php
@@ -16,35 +16,35 @@
 			<div class="hero-unit">
 				<h1>Simulations d'entretiens</h1>
 				<p>Ces simulations, proposées par des entreprises volontaires, permettent aux étudiant(e)s de s'initier au délicat exercice de l'entretien professionnel, en bénéficiant des conseils de R.H aguérri(e)s.</p>
-				<p>Pour les entreprises, cela offre l'occasion de renforcer leur image auprès des étudiants et découvrir de nouveaux profils !</p>
+				<p>Pour les entreprises, cela offre l'occasion de <span class="hero_motcle">renforcer leur image</span> auprès des étudiants et <span class="hero_motcle">découvrir de nouveaux profils</span> !</p>
 			</div>
 		</div>
 	</div>
 	<div class="row">
 		<div class="span4">
 			<h2><i class="icon icon-bookmark icon-white"></i> Concept</h2>
-			<p class="justify">
+			<p>
 				Les simulations d'entretiens ont lieu au département, hors temps scolaire. L'entreprise offre un certain nombre de créneaux durant lesquels les recruteurs dépêchés rencontreront les étudiants préalablement inscrits.</p>
-			<p class="justify">L'entretien se termine généralement par un échange entre l'étudiant et le professionnel, ce dernier pouvant revenir sur la prestation de l'élève, dresser son profil, prodiguer des conseils, ...</p>
-			<p class="justify">L'exercice est pris avec sérieux pour les étudiants, pour qui il représente un entraînement efficace à cet exercice subtil, et peu aussi parfois être l'occasion d'un premier échange avec une entreprise l'intéressant.</p>
+			<p>L'entretien se termine généralement par un échange entre l'étudiant et le professionnel, ce dernier pouvant revenir sur la <strong>prestation de l'élève, dresser son profil, prodiguer des conseils, ... </strong></p>
+			<p>L'exercice est pris avec  sérieux par les étudiants, pour qui il représente un <strong>entraînement efficace à cet exercice subtil</strong>, et peu aussi parfois être l'occasion d'un premier <strong>échange</strong> avec une entreprise l'intéressant.</p>
 		</div>
 		<div id="infoRif" class="span8">
 			<h2><i class="icon icon-search icon-white"></i> Informations</h2>
 
 			<h3>Dates possibles</h3>
-			<p class="justify">
+			<p>
 				Les Jeudis après-midi, hors vacances scolaires.
 			</p>
 
 
 			<h3>Contact</h3>
-			<p class="justify">Pour plus d'informations concernant cet évènement, nous vous invitons à consulter le site web du Département :</p>
+			<p>Pour plus d'informations concernant cet évènement, nous vous invitons à consulter le site web du Département :</p>
 			<p class="centre"><a href="http://if.insa-lyon.fr/entreprise/simulation-entretiens" class="btn btn-large btn-primary" ><i class="icon-search icon-white"></i> En savoir plus</a></p>
-			<p class="justify">Vous pouvez également contacter notre Bureau, qui saura vous conseillez : <a href="#" e-name="aedi.bureau" class="e-noBot btn btn-mini btn-info" e-domain="listes.insa-lyon.fr"><i class="icon-eye-open icon-white"></i> Afficher Email</a></p>
+			<p>Vous pouvez également contacter notre Bureau, qui saura vous conseillez : <a href="#" e-name="aedi.bureau" class="e-noBot btn btn-mini btn-info" e-domain="listes.insa-lyon.fr"><i class="icon-eye-open icon-white"></i> Afficher Email</a></p>
 
 
 			<h2><i class="icon icon-pencil icon-white"></i> Inscription</h2>
-			<p class="justify">
+			<p>
 				L'AEDI servant d'intermédiaire entre les entreprises et le Département Informatique pour ce service, nous mettons à votre disposition un formulaire d'inscription que vous trouverez à l'adresse ci-dessous.<br/>
 				Une fois le formulaire remplis, celui-ci est transmis au Département qui vous donnera réponse dans les plus brefs délais.
 			</p>