[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
www/server/staging/nav-bar/test8 layout2.css ho...
|
From: |
Therese Godefroy |
|
Subject: |
www/server/staging/nav-bar/test8 layout2.css ho... |
|
Date: |
Sun, 26 Jan 2014 18:22:34 +0000 |
CVSROOT: /webcvs/www
Module name: www
Changes by: Therese Godefroy <th_g> 14/01/26 18:22:34
Modified files:
server/staging/nav-bar/test8: layout2.css home2.fr.html
Added files:
server/staging/nav-bar/test8: layout3.css home3.fr.html
charac-more-transp.fr.png
Log message:
FSS-box in header. Improve FSF section at bottom of page.
CVSWeb URLs:
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/layout2.css?cvsroot=www&r1=1.1&r2=1.2
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/home2.fr.html?cvsroot=www&r1=1.1&r2=1.2
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/layout3.css?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/home3.fr.html?cvsroot=www&rev=1.1
http://web.cvs.savannah.gnu.org/viewcvs/www/server/staging/nav-bar/test8/charac-more-transp.fr.png?cvsroot=www&rev=1.1
Patches:
Index: layout2.css
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test8/layout2.css,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- layout2.css 21 Jan 2014 20:07:38 -0000 1.1
+++ layout2.css 26 Jan 2014 18:22:34 -0000 1.2
@@ -141,9 +141,9 @@
#toplinks {
font-size: .9em;
- line-height: 2.4em;
+ line-height: 2.6em;
font-weight: bold;
- padding: 0 1em;
+ padding: 0 1.11em;
background-color: #c9cccf;
}
#toplinks a, #toplinks a:visited {
@@ -151,29 +151,38 @@
}
#toplinks a:hover { color: red; }
/* Highlight the link to the FSF mission statement */
-#toplinks span.fsf {
+
+#toplinks div.links { float: left; margin-top: 0; }
+
+#toplinks div.fsf { text-align: center; }
+#toplinks div.fsf img { height: 1.2em; position: relative; top: .17em; }
+#toplinks div.fsf a, #toplinks div.fsf a:visited {
font-size: 1.1em;
- padding-top: .3em;
-}
-#toplinks span.fsf a, #toplinks span.fsf a:visited {
- color: #750000;
+ line-height: 1em;
+ padding: .2em .5em .15em .5em;
+ color: #971611;
+ background-color: white;
}
-#toplinks span.fsf a:hover {
- color: red;
+#toplinks div.fsf a:hover {
+ color: black;
+ background-color: #ff3;
}
-#toplinks div.links { float: left; margin-top: .05em; }
#searcher {
- text-align: right;
- color: white; padding-top: .1em;
+ float: right;
+ font-size: 1em;
+ color: white;
+ line-height: 1em;
+ margin-top: .3em;
+ background-color: #c9cccf;
}
-#searcher, #searcher input { color: #555; }
+#searcher input { color: #666; }
#translations {
clear: both;
font-size: .9em;
line-height: 1.3em;
- padding-left:.6em; padding-bottom: .2em;
+ padding: 0 .7em .2em .7em;
background-color: #e7e9eb;
}
#translations span {
@@ -210,7 +219,7 @@
/* Begin fundraising banner */
#fundraiserbanner2013-14 {
max-width: 64em;
- margin: auto; margin-top: .5em; margin-bottom: 2em;
+ margin: auto; margin-top: .5em; margin-bottom: 1.5em;
}
#fundraiserbanner2013-14 .right {
float: right;
@@ -239,21 +248,23 @@
font-size: 2.3em;
font-family: sans-serif;
font-weight: bold;
- padding: .6em;
- margin-top: .4em; margin-left: .4em;
+ margin-left: .7em;
+ padding-top: 1em;
}
#logo img {
+ float: left;
height: 1.8em;
- position: relative; bottom: .5em;
+ position: relative; bottom: .45em;
padding: 0; margin: 0;
}
-#logo p { font-size: 1em; margin: 0; }
+#logo p { font-size: 1em; line-height: 1em; margin: 0; }
#logo a strong { color: #334683; }
#logo a, #logo a:visited {
color: #971611; text-decoration: none;
cursor: pointer;
}
+
/*** NAVIGATION BAR ***/
#navigation { clear: both; }
@@ -265,10 +276,10 @@
#navigation ul {
text-align: center;
font-size: 0.9em;
- line-height: 2.4em;
+ line-height: 2.6em;
padding: 0;
margin: 0em;
- background-color: #971611;
+ background-color: #a50606;
}
#navigation li {
display: inline;
@@ -299,9 +310,9 @@
text-align: right;
}
#content h2 {
- line-height: 1em;
+ line-height: 1.1em;
font-size: 2em; font-weight:bold;
- padding: 1.2em 0 0 0; margin: 0 0 .9em 0;
+ padding: .8em 0 0 0; margin: 0 0 .9em 0;
color: #334683; text-shadow: black 1px 1px 0;
}
#content h2 a { color: #971611; }
@@ -350,47 +361,93 @@
/*** FSF STUFF ***/
+#mission-statement:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
#mission-statement {
- font-size: .9em;
line-height: 1.3em;
- margin: 2.2em 1em 0 1.1em;
+ margin: 1em;
}
+#mission-statement img { width: 70%; margin: 1em; }
-#join-fsf {
- font-size: 1.2em;
- line-height: 2.2em;
+#mission-statement blockquote {
+ width: 70%;
text-align: center;
+ margin: auto; margin-top: 1em; margin-bottom: 1em;
}
-#join-fsf a, #join-fsf a:visited {
- font-weight: bold;
- color: #971611;
+
+#mission-statement .first-column {
+ width: 47%;
+ float: left;
+ text-align: center;
+ margin: 1em 1% 0 2%;
}
-#join-fsf a:hover {
- color: red;
+#mission-statement .first-column p { line-height: 1.6em; }
+
+#mission-statement .second-column {
+ width: 47%;
+ float: right;
+ text-align: center;
+ margin: 1em 2% 0 1%;
}
-#join-fsf img {
- height: 1.8em;
- position: relative; top: .5em;
+#mission-statement .second-column blockquote {
+ padding-bottom: .5em;
+}
+#join {
+ text-align: center;
+ line-height: 2.2em;
+ font-weight: bold;
}
+#join a, #join a:visited {
+ padding: .3em 0;
+ color: #971611;
+ background-color: #e7e9eb;
+}
+#join a:hover { color: black; background-color: #ff3; }
+#join-fsf { font-size: 1.2em; margin-bottom: .7em; }
+#sisters { line-height: 2em; }
+
#fssbox {
- float: left;
text-align: center;
+ width: auto;
font-size: 1em;
- width: 20em;
+ font-weight: bold;
line-height: 1.2em;
- padding: 1em .5em .5em .5em;
- margin: .2em 1em 1em 0;
- border: .23em solid #971611;
+ padding: .5em .5em .2em .5em;
+ margin: 2em 0 0 0;
+ border: 1px dashed #971611;
+}
+#fssbox p { margin-top: 0; margin-bottom: .5em; }
+#fssbox input { color: #666; }
+#header #fssbox {
+ float: right;
+ font-size: .9em;
+ margin: .8em 1.11em .8em .8em;
}
#backtotop {
+ clear: both;
text-align: right;
- font-size: 1.1em; font-weight: bold;
- margin: 1em 0 2em 0;
+ font-weight: bold;
+ margin: 0 1em 1.5em 0;
}
#backtotop a, #backtotop a:visited { color: #334683; }
#backtotop a:hover { color: red; }
+#fs-gang {
+ height: 10.16em;
+ background-color: #a50606;
+ background: -moz-linear-gradient(#820202, #f71111); /* FF 3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#820202), color-stop(100%, #f71111)); /* Safari 4+, Chrome 2+ */
+ background: -webkit-linear-gradient(#820202, #f71111); /* Safari 5.1+,
Chrome 10+ */
+ background: -o-linear-gradient(#820202, #f71111); /* Opera 11.10 */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202',
endColorstr='#f71111'); /* IE6 & IE7 */
+ -ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202',
endColorstr='#f71111')"; /* IE8+ */
+ background: linear-gradient(#820202, #f71111); /* the standard */
+}
+#fs-gang img { height: 10.16em; }
+
/*** FOOTER ***/
@@ -421,21 +478,20 @@
#home .second-column {
width: 42.1%;
float: right;
- margin-bottom: 1em; margin-top: 0;
+ margin-bottom: 1em;
}
#home h2 {
text-shadow: none;
+ line-height: 1em;
padding: 0; margin-top: .9em; margin-bottom: .7em;
}
#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
#home .second-column img.feed { height: .75em; width: .75em; }
.button {
+ margin-top: .8em !important;
text-align: center;
font-weight: bold;
- padding-bottom: 0;
- margin: .9em 0;
- border: .4em solid #c9cccf;
box-shadow: .15em .15em #171d33;
-moz-box-shadow: .55em .55em #171d33;
-webkit-box-shadow: .55em .55em #171d33;
@@ -447,14 +503,22 @@
-webkit-border-radius: .4em;
-opera-border-radius: .4em; */
}
+.button { text-decoration: none; }
.button a { color: #971611; text-decoration: none; }
.button a:hover { color: red; }
-.large { font-size: 2em; background-color: #e7e9eb }
-.small { font-size: 1.6em; background-color: #e7e9eb }
+.large {
+ font-size: 2em;
+ background-color: #e7e9eb;
+ border: .4em solid #c9cccf;
+}
+.small {
+ font-size: 1.6em;
+ background-color: #e7e9eb;
+}
.emph-box {
- padding: 1em;
+ padding: 1em; padding-top: 0;
margin-bottom: 2.5em;
background-color: #f5f6f7;
border: 1px solid #c9cccf;
@@ -481,11 +545,10 @@
padding: .2em;
margin-bottom: 1em;
color: black;
- background: #ffc;
+ background-color: #ffc; border: 2px solid #b9bcbf;
}
.highlight-para {
- padding: 1em; padding-bottom: .2em;
- border: .2em solid #971611;
+ padding: 0 1em;
}
.announcement {
@@ -531,17 +594,17 @@
/* For the note saying the page is a translation. */
#trans-disclaimer {
float: right;
- font-size: .9em;
- line-height: 1.8em !important;
- font-weight: bold;
- margin-top: 0 !important; margin: 0 -1.15em; 1em; 1em;
- border: .1em solid #971611; border-top: 0; border-right: 0;
+ font-size: 1em;
+ margin: 1em 0 0 1em;
}
+
#trans-disclaimer a, #trans-disclaimer a:visited {
- padding: .1em .5em;
+ font-weight: bold;
text-decoration: none;
- color: #222;
- background-color: #ffc;
+ color: #971611;
+ padding: .2em .5em;
+ background-color: white;
+ border: .2em solid #b9bcbf;
}
#trans-disclaimer a:hover {
color: black;
Index: home2.fr.html
===================================================================
RCS file: /webcvs/www/www/server/staging/nav-bar/test8/home2.fr.html,v
retrieving revision 1.1
retrieving revision 1.2
diff -u -b -r1.1 -r1.2
--- home2.fr.html 21 Jan 2014 20:07:38 -0000 1.1
+++ home2.fr.html 26 Jan 2014 18:22:34 -0000 1.2
@@ -34,7 +34,7 @@
<!-- start of head-include-2.html -->
-<link rel="stylesheet" href="/combo.css" media="screen" />
+<link rel="stylesheet" href="combo.css" media="screen" />
<link rel="stylesheet" href="layout2.css" media="screen" />
<link rel="stylesheet" href="/mini.css" media="handheld" />
@@ -53,19 +53,21 @@
<div id="toplinks">
<div class="links">
<a href="#content">Lire l'article</a>
- <a href="/accessibility/">Accessibilité</a>
- <span class="fsf"><a
href="#mission-statement">Ã propos de la FSF</a></span>
+ <a href="/accessibility/">Accessibilité</a>
</div> <!-- /links -->
<div id="searcher">
<form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi";>
<div><label class="netscape4" for="phrase">Search:</label>
<input name="phrase" id="phrase" type="text" size="18" accesskey="s"
- value="Pourquoi GNU/Linux?" onfocus="this.value=''" />
- <input type="submit" value="Valider" />
+ value="Pourquoi GNU/Linux ?" onfocus="this.value=''" />
+ <input type="submit" value="↵" />
</div><!-- unnamed label -->
</form>
</div><!-- /searcher -->
+<div class="fsf">
+ <a href="#mission-statement">Soutenez laâ¯<img
src="logo-fsf.org-notext-transp.png" alt=" [FSF Logo] "/>,
sponsorâ¯duâ¯projetâ¯GNU</a>
+</div>
</div><!-- /toplinks -->
<div id="translations">
@@ -92,34 +94,30 @@
<!-- end of server/body-include-1.html -->
-<!-- start of server/body-include-2.html -->
-
-<!-- Begin fundraising banner -->
-<div id="fundraiserbanner2013-14">
-
-<a href="https://www.fsf.org/appeal/2013";><img class="right"
-src="/graphics/building.png" alt="jauge d'avancement des travaux" /></a>
-
-<div class="text">
-<p><a href="https://www.fsf.org/appeal/2013"; class="nounderline"><strong
-class="nounderline">Le logiciel libre est un pilier de toute société
-moderne. Nous le construisons.</strong></a></p>
-
-<p><a href="https://www.fsf.org/appeal/2013"; class="nounderline">Avec votre
-aide, nous récolterons 450 000 $ cet hiver pour renforcer ce pilier.</a></p>
-<p><a href="https://www.fsf.org/appeal/2013";> Faites un don aujourd'hui pour
nous
-rendre plus solides en 2014.</a></p>
-</div><!-- /text -->
+<div id="header">
-</div>
-<!-- End fundraising banner -->
+<div id="fssbox">
+<p><strong>Recevez notre lettre électronique<br />mensuelle, le <a
+href="https://www.fsf.org/free-software-supporter/";>Free Software
+Supporter</a></strong></p>
+ <form
action="https://crm.fsf.org/civicrm/profile/create&reset=1&gid=31";
method="post">
+ <div>
+ <input name="postURL" type="hidden" value="" />
+ <input type="hidden" name="group[25]" value="1" />
+ <input name="cancelURL" type="hidden"
value="https://crm.fsf.org/civicrm/profile?reset=1&gid=31"; />
+ <input name="_qf_default" type="hidden" value="Edit:cancel" />
+ </div>
+ <label></label>
+ <p><input type="text" id="frmEmail" name="email-Primary" size="18"
maxlength="80" value="address@hidden" onfocus="this.value=''" />
-<div id="header">
+ <input type="submit" name="_qf_Edit_next" value="↵" /></p>
+ </form>
+</div><!-- /fssbox -->
<div id="logo">
<p><a href="/">
- <img class="imgleft" src="/graphics/heckert_gnu.small.png" alt=" [A GNU head]
" /> Le système d'exploitation <strong>GNU</strong></a></p>
+ <img src="http://www.gnu.org/graphics/heckert_gnu.small.png"; alt=" [A GNU
head] "
/> Le système d'exploitation <strong>GNU</strong></a></p>
</div><!-- /logo -->
</div><!-- /header -->
@@ -184,7 +182,7 @@
millions de gens, bien que beaucoup <a
href="/gnu/gnu-linux-faq.html">l'appellent « Linux » par erreur</a>.</p>
-<h2 class="noaddendum">Qu'est-ce que le logiciel libre ?</h2>
+<h2>Qu'est-ce que le logiciel libre ?</h2>
<p>« <a href="/philosophy/free-sw.html">Logiciel libre</a> » se réfère Ã
la
liberté, pas au prix. Pour comprendre ce concept, vous devez penser Ã
@@ -326,9 +324,7 @@
</div><!-- /highlight-para -->
<div id="transnotes">
-
<!--TRANSLATORS: Use space (SPC) as msgstr if you don't have notes.-->
-
</div> <!-- /transnotes -->
</div> <!-- for id="content", starts in the include above -->
@@ -349,50 +345,44 @@
<div id="mission-statement">
-<div id="fssbox">
- <h4>Abonnez-vous au<br /><a href="http://www.fsf.org/fss";>Free SoftwareÂ
Supporter</a></h4>
- <p>(lettre mensuelle sur GNU et le logiciel libre)</p>
- <form
action="https://crm.fsf.org/civicrm/profile/create&reset=1&gid=31";
method="post">
- <div>
- <input name="postURL" type="hidden" value="" />
- <input type="hidden" name="group[25]" value="1" />
- <input name="cancelURL" type="hidden"
value="https://crm.fsf.org/civicrm/profile?reset=1&gid=31"; />
- <input name="_qf_default" type="hidden" value="Edit:cancel" />
- </div>
- <p><label>Indiquez votre adresse de courriel (address@hidden)</label></p>
- <p><input type="text" id="frmEmail" name="email-Primary" size="15"
maxlength="80" />
- <input type="submit" name="_qf_Edit_next" value="Ok" /></p>
- </form>
-</div><!-- /fssbox -->
+<div class="c">
+<p><a href="http://www.fsf.org";><img id="fsfbanner" src="logo-fsf.org.png"
alt=" [FSF Banner] "/></a></p>
-<p>La <strong><a href="http://www.fsf.org";>Free Software Foundation</a>
(Fondation pour le logiciel libre)</strong> est le
-principal sponsor institutionnel du <a href="http://www.gnu.org/";>système
-d'exploitation GNU</a>.</p>
+<p>La <a href="http://www.fsf.org";><strong>Fondation pour le logiciel
libre</strong></a> est le
+principal sponsor institutionnel du <a href="/">système d'exploitation
GNU</a>.</p>
-<p><strong>« Notre mission est de préserver, protéger et
+<blockquote><strong>« Notre mission est de préserver, protéger et
promouvoir la liberté d'utiliser, d'étudier, de copier, de modifier et de
redistribuer les programmes informatiques, et de défendre les droits des
-utilisateurs de logiciels libres. »</strong></p>
+utilisateurs de logiciels libres. »</strong></blockquote>
+</div> <!-- /center -->
-<p>Soutenez GNU et la FSF <a
-href="http://shop.fsf.org/";>en achetant des manuels et autres objets</a>, <a
-href="http://www.fsf.org/join";>en adhérant à la FSF en tant que membre
-associé</a> ou en faisant un don, soit <a
-href="http://donate.fsf.org/";>directement à la FSF</a>, soit <a
-href="http://flattr.com/thing/313733/gnuproject-on-Flattr";>via
-Flattr</a>.</p>
-
-<p id="join-fsf"><a
href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
-REJOIGNEZÂ Â LA<img src="logo-fsf.org-notext.png" alt=" [FSF Logo] "/></a><br
/>
-
-La FSF a des organisations sÅurs en
-<a href="http://www.fsfe.org";>Europe</a>, en <a
-href="http://www.fsfla.org/";>Amérique latine</a> et en <a
-href="http://fsf.org.in/";>Inde</a>.</p>
+<div class="first-column">
+ <p id="support"><strong>Soutenez GNU et la FSF</strong></p>
+ <p><a href="http://shop.fsf.org/";>en achetant des manuels et autres
objets</a>,
+ <br /><a href="http://www.fsf.org/join";>en adhérant à la FSF en tant que
membre associé</a>,
+ <br />en faisant un don, soit <a href="http://donate.fsf.org/";>directement Ã
la FSF</a>, soit <a
+href="http://flattr.com/thing/313733/gnuproject-on-Flattr";>via Flattr</a>.</p>
+</div> <!-- /first-column -->
+
+<div class="second-column">
+ <div id="join">
+ <p id="join-fsf" ><a class="button" class= "small"
href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
+Â Â REJOIGNEZÂ Â LAÂ Â FSFÂ Â </a></p>
+ <p id="sisters">Organisations sÅurs :<br />
+ <a class="button" class= "small" href="http://www.fsfe.org";>Â Â FSFÂ EuropeÂ
 </a>Â
+ <a class="button" class= "small" href="http://www.fsfla.org/";>Â Â FSFÂ
South America  </a>Â
+ <a class="button" class= "small" href="http://fsf.org.in/";>  FSF India Â
</a></p>
+ </div>
+</div> <!-- /second-column -->
+
+</div> <!-- /mission-statement -->
<p id="backtotop"><a href="#header">Haut de la page</a></p>
-</div><!-- /mission-statement -->
+<div id="fs-gang" class="c">
+<img src="charac-more-transp.fr.png" alt=" [Meet FS gang] "/>
+</div>
<!-- end server/footer-text.html -->
@@ -443,7 +433,7 @@
<!-- timestamp start -->
Dernière mise à jour :
-$Date: 2014/01/21 20:07:38 $
+$Date: 2014/01/26 18:22:34 $
<!-- timestamp end -->
</p>
Index: layout3.css
===================================================================
RCS file: layout3.css
diff -N layout3.css
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ layout3.css 26 Jan 2014 18:22:34 -0000 1.1
@@ -0,0 +1,844 @@
+/*
+layout.css -- css stylesheet used on www.gnu.org
+
+Copyright (C) 2006, 2007, 2008, 2009, 2010, 2011, 2013 Free Software Foundation
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+*/
+
+/* NOTE: Changes to this file will affect the entire site, often in
+unexpected ways. Please mail patches to address@hidden rather
+than commit changes directly. */
+
+
+/*** GENERAL SETTINGS ***/
+
+/* colors
+ white background for inner, searcher, nav-bar text & listing
+ blue urgent links
+ red hover
+ black gpl-compat-matrix
+ #111, #222, #333, #555, #666666, #ddd, #999, #eee, #ededed
+ shades of pure gray: text, listing, special items
+ #f5f6f7 emph-box, footer
+ #e7e9eb light bluish gray: translations, button
+ #d1d4d7 edu-navbar, fsf-links
+ #b9bcbf borders
+ #c9cccf bluish gray: top links, searcher, nav bars (main and fsf links)
+ #5b6a96, #c9cccf: "body" background gradient
+ #5b6a96 fallback "body" background
+ #334683 blue from GNU banner: h2, normal links
+ #3465a4 blue: edu-cases ridges
+ #171d33 dark blue (from screenshot): shade behind buttons and h2 text
+ #971611 red from GNU banner: button links, active, active links in nav
bars,
+ normal visited links, border around highlighted boxes
+ #820202, #f71111: "fs-gang" background gradient
+ #a50606 fallback "fs-gang" background, main nav bar
+ #750000 dark red: "translations" link to the original
+ #ffc pale yellow: highlight background
+ #fff888 yellow: table headers in distros/free-distros.html,
+ #ff3 yellow: urgent
+ #ccffcc light green: gpl-compat-matrix
+ #e4ffcc light yellowish green: gpl-compat-matrix
+*/
+
+/* Luminosity contrast ratio
+ source: http://springmeier.org/www/contrastcalculator/index.php
+ #000 (black) vs. #fff (white) 21.3
+ #000 vs. #ff3 19.6
+ #00f (blue) vs. #ff3 8.02
+ #333 vs. white 12.63
+ #333 vs. #e7e9eb 10.38
+ #333 vs. #c9cccf 7.83
+ #222 vs. #c9cccf 9.87
+ #b11107 vs. white 7.11
+ #a50606 vs. white 7.99
+ #971611 vs. white 8.61
+ #971611 vs. #e7e9eb 7.07
+ #971611 vs. #c9cccf 5.34
+ #750000 vs. #c9cccf 7.41
+ #334683 vs. white 8.96
+ #334683 vs. #e7e9eb 7.36
+ #334683 vs. black 2.34
+ #f00 (red) vs. #334683 2.24
+ #f00 vs. 971611 2.15
+ #f00 vs. #750000 2.99
+ #f00 vs. #333 3.16
+ #f00 vs. #222 3.98
+ #f00 vs. #c9cccf 2.48
+ #f00 vs. #e7e9eb 3.29
+ #f00 vs. white 4.00
+*/
+
+
+html, body {
+ font-size: 1em;
+ text-align: inherit;
+ padding: 0;
+ margin: 0;
+ text-decoration: none;
+ color: #333;
+ background-color: #5b6a96;
+ /* Source: http://www.impressivewebs.com/css3-linear-gradient-syntax/ */
+ background: -moz-linear-gradient(#5b6a96, #c9cccf); /* FF 3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#5b6a96), color-stop(100%, #c9cccf)); /* Safari 4+, Chrome 2+ */
+ background: -webkit-linear-gradient(#5b6a96, #c9cccf); /* Safari 5.1+,
Chrome 10+ */
+ background: -o-linear-gradient(#5b6a96, #c9cccf); /* Opera 11.10 */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96',
endColorstr='#c9cccf'); /* IE6 & IE7 */
+ -ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b6a96',
endColorstr='#c9cccf')"; /* IE8+ */
+ background: linear-gradient(#5b6a96, #c9cccf); /* the standard */
+}
+
+/* This specifies the basic width of our web pages. Don't change it
+ without discussion on www-discuss. The magic 74.92 is for
+ consistency with fsf.org. */
+.inner {
+ position: relative;
+ margin: auto; width: 99%; max-width:74.92em; overflow: hidden;
+ background-color: white;
+}
+
+a[href] { color: #334683; }
+a[href]:visited { color: #971611; }
+a[href]:active, a[href]:hover { color: red; }
+a:hover { color: red; }
+
+blockquote { margin: 1em; font-style: italic; }
+
+acronym, abbr { border-bottom: 1px dotted #111; }
+
+img { border: 0; }
+
+.center, .c { text-align: center; }
+.nocenter{ text-align: left; }
+
+.underline { text-decoration: underline; }
+.nounderline { text-decoration: none; }
+
+.imgright { float: right; margin: 1em; margin-right: 0; }
+.imgleft { float: left; margin: 1em; margin-left: 0; }
+
+.big { font-size: 130%; padding-top: 0.7em; }
+
+.inline-list li { display: inline }
+
+.netscape4 {
+ display: none !important;
+}
+
+.pad { margin-bottom: 1em; }
+.pad td { padding-left: 1em; padding-right: 1em; }
+
+.layout-table * { border: 0; }
+div.spacer { height: .1em; width: 100%; background-color: transparent; }
+
+/*** TOP OF THE PAGE ***/
+
+#toplinks {
+ font-size: .9em;
+ line-height: 2.6em;
+ font-weight: bold;
+ padding: 0 1.11em;
+ background-color: #c9cccf;
+}
+#toplinks a, #toplinks a:visited {
+ color: #222; text-decoration: none;
+}
+#toplinks a:hover { color: red; }
+/* Highlight the link to the FSF mission statement */
+
+#toplinks div.links { float: left; margin-top: 0; }
+
+#toplinks div.fsf { text-align: center; }
+#toplinks div.fsf img { height: 1.2em; position: relative; top: .17em; }
+#toplinks div.fsf a, #toplinks div.fsf a:visited {
+ font-size: 1.1em;
+ line-height: 1em;
+ padding: .2em .5em .15em .5em;
+ color: #971611;
+ background-color: #f5f6f7;
+}
+#toplinks div.fsf a:hover {
+ color: black;
+ background-color: #ff3;
+}
+
+#searcher {
+ float: right;
+ font-size: 1em;
+ color: white;
+ line-height: 1em;
+ margin-top: .3em;
+ background-color: #c9cccf;
+}
+#searcher input { color: #666; }
+
+#translations {
+ clear: both;
+ font-size: .9em;
+ line-height: 1.3em;
+ padding: 0 .7em .2em .7em;
+ background-color: #e7e9eb;
+}
+#translations span {
+ display: inline-block;
+ margin-left: .3em; margin-right: .3em;
+}
+#translations a, #translations a:visited {
+ color: #222; text-decoration: none;
+}
+#translations p { margin-bottom: 0.3em; }
+/* Highlight the link to the original page */
+#translations span.original {
+ font-size: 1.1em; font-weight: bold;
+ padding-top: .3em;
+}
+#translations span.original a, #translations span.original a:visited {
+ color: #750000;
+}
+#translations a:hover, #translations span.original a:hover {
+ color: red;
+}
+/* Still used in some outdated translations. */
+#translations h3, #translations h4 {
+ font-size: 1em; font-weight: bold;
+ margin-bottom: 0.5em; padding: 0;
+}
+#translations li {
+ direction: ltr; display: inline-block;
+ padding-left: 0.25em; padding-right: 0.25em;
+}
+
+/*** SPECIAL BANNER ***/
+
+/* Begin fundraising banner */
+#fundraiserbanner2013-14 {
+ max-width: 64em;
+ margin: auto; margin-top: .5em; margin-bottom: 1.5em;
+}
+#fundraiserbanner2013-14 .right {
+ float: right;
+ height: 6.7em;
+ margin: 0em;
+}
+#fundraiserbanner2013-14 .text {
+ text-align: center;
+ font: 1em sans-serif;
+ line-height: 1.2em;
+ padding-top: 1em;
+}
+#fundraiserbanner2013-14 .text a:visited { color: #334683 }
+#fundraiserbanner2013-14 .text a:hover { color: red }
+#fundraiserbanner2013-14 p { margin: .3em; }
+/* End fundraising banner */
+
+
+/*** HEADER ***/
+
+#header:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#logo {
+ font-size: 1.5em;
+ font-family: sans-serif;
+ font-weight: bold;
+ padding: .9em 0 0 1em;
+}
+#logo img {
+ float: left;
+ height: 2.8em;
+ padding: 0 .4em 0 0;
+}
+#logo p { font-size: 1em; padding: 0; margin-bottom: 0; }
+#logo strong { color: #334683; font-size: 1.6em; line-height: 1.1em; }
+#logo a, #logo a:visited {
+ color: #971611; text-decoration: none;
+ cursor: pointer;
+}
+
+
+/*** NAVIGATION BAR ***/
+
+#navigation { clear: both; }
+
+#navigation:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#navigation ul {
+ text-align: center;
+ font-size: 0.9em;
+ line-height: 2.6em;
+ padding: 0;
+ margin: 0em;
+ background-color: #a50606;
+}
+#navigation li {
+ display: inline;
+ padding: 0;
+}
+#navigation li a, #navigation li a:visited {
+ font-weight: bold;
+ padding: .25em .6em;
+ color: white; text-decoration: none;
+}
+#navigation li.active a {
+ color: #333;
+ background-color: white;
+}
+#navigation li a:hover {
+ color: black;
+ background-color: #ff3;
+}
+
+
+/*** CONTENT ***/
+
+#content {
+ text-align: left;
+ padding: 1em; padding-top: 0;
+}
+#content:lang(ar), #content:lang(fa), #content:lang(he) {
+ text-align: right;
+}
+#content h2 {
+ line-height: 1.1em;
+ font-size: 2em; font-weight:bold;
+ padding: .8em 0 0 0; margin: 0 0 .9em 0;
+ color: #334683; text-shadow: black 1px 1px 0;
+}
+#content h2 a { color: #971611; }
+#content h3, #content h4, #content h5, #content h6, #content p {
+ margin-top: 1em;
+}
+#content h3 { font-size: 1.6em; }
+#content h4 { font-size: 1.3em; }
+#content h5 { font-size: 1.1em; }
+#content h6 { font-size: 1em; }
+#content ul li, #fsf-campaigns ul li {
+ list-style: square;
+ list-style-image:url(/graphics/bullet.gif);
+}
+#content ol { list-style: decimal; margin-left: 1.9em; }
+#content li, #fsf-campaigns li, #content dd, #content p, #content pre,
+ #content dt, #content code, #content address { line-height: 1.3em; }
+
+#transnotes { font-size: .9em; }
+
+
+/*** ADDITIONAL LINKS ***/
+
+#fsf-links ul {
+ text-align: center;
+ font-size: .9em;
+ line-height: 2.6em;
+ margin: 0;
+ background-color: #d1d4d7;
+}
+#fsf-links li {
+ display: inline-block;
+ list-style: none;
+ padding: 0;
+}
+#fsf-links li a, #fsf-links li a:visited {
+ font-weight: bold;
+ padding: .25em .6em;
+ color: #222; text-decoration: none;
+}
+#fsf-links li a:hover {
+ color: black;
+ background-color: #ff3;
+}
+
+
+/*** FSF STUFF ***/
+
+#mission-statement:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#mission-statement {
+ line-height: 1.3em;
+ margin: 1em;
+}
+#mission-statement img { width: 70%; margin: 1em; }
+
+#mission-statement blockquote {
+ width: 70%;
+ text-align: center;
+ margin: auto; margin-top: 1em; margin-bottom: 1em;
+}
+
+#mission-statement .first-column {
+ width: 47%;
+ float: left;
+ text-align: center;
+ margin: 1em 1% 0 2%;
+}
+#mission-statement .first-column p { line-height: 1.6em; }
+
+#mission-statement .second-column {
+ width: 47%;
+ float: right;
+ text-align: center;
+ margin: 1em 2% 0 1%;
+}
+#mission-statement .second-column blockquote {
+ padding-bottom: .5em;
+}
+#join {
+ text-align: center;
+ line-height: 2.2em;
+ font-weight: bold;
+}
+#join a, #join a:visited {
+ padding: .3em 0;
+ color: #971611;
+ background-color: #e7e9eb;
+}
+#join a:hover { color: black; background-color: #ff3; }
+#join-fsf { font-size: 1.2em; margin-bottom: .7em; }
+#sisters { line-height: 2em; }
+
+#fssbox {
+ text-align: center;
+ width: auto;
+ font-size: 1em;
+ font-weight: bold;
+ line-height: 1.2em;
+ padding: .5em .5em .2em .5em;
+ margin: 2em 0 0 0;
+ border: 1px dashed #971611;
+}
+#fssbox p { margin-top: 0; margin-bottom: .5em; }
+#fssbox input { color: #666; }
+#header #fssbox {
+ float: right;
+ font-size: .9em;
+ margin: 1em 1.11em 1em .8em;
+}
+
+#backtotop {
+ clear: both;
+ text-align: right;
+ font-weight: bold;
+ margin: 0 1em 1.5em 0;
+}
+#backtotop a, #backtotop a:visited { color: #334683; }
+#backtotop a:hover { color: red; }
+
+#fs-gang {
+ height: 10.16em;
+ background-color: #a50606;
+ background: -moz-linear-gradient(#820202, #f71111); /* FF 3.6+ */
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,
#820202), color-stop(100%, #f71111)); /* Safari 4+, Chrome 2+ */
+ background: -webkit-linear-gradient(#820202, #f71111); /* Safari 5.1+,
Chrome 10+ */
+ background: -o-linear-gradient(#820202, #f71111); /* Opera 11.10 */
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202',
endColorstr='#f71111'); /* IE6 & IE7 */
+ -ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr='#820202',
endColorstr='#f71111')"; /* IE8+ */
+ background: linear-gradient(#820202, #f71111); /* the standard */
+}
+#fs-gang img { height: 10.16em; }
+
+
+/*** FOOTER ***/
+
+#footer {
+ font-size: .9em;
+ padding: 1.11em;
+ background-color: #f5f6f7;
+ border-top: 1px solid #c9cccf;
+}
+#footer p { margin-bottom: 0; }
+
+#footer .footer-unit { margin-bottom: 1em; }
+
+#bottom-notes { float: right; }
+
+
+/*** HOME PAGE ***/
+
+#home:after {
+ clear: both; content: ""; display: block;
+ height: 0px; visibility: hidden; width: 0px;
+}
+#home .first-column {
+ width: 56.1%;
+ float: left;
+ margin-bottom: 1em; margin-top: 0;
+}
+#home .second-column {
+ width: 42.1%;
+ float: right;
+ margin-bottom: 1em;
+}
+#home h2 {
+ text-shadow: none;
+ line-height: 1em;
+ padding: 0; margin-top: .9em; margin-bottom: .7em;
+}
+#home .first-column img { width: 80%; margin: .5em 0 1em 0; }
+#home .second-column img.feed { height: .75em; width: .75em; }
+
+.button {
+ margin-top: .8em !important;
+ text-align: center;
+ font-weight: bold;
+ box-shadow: .15em .15em #171d33;
+ -moz-box-shadow: .55em .55em #171d33;
+ -webkit-box-shadow: .55em .55em #171d33;
+ -icab-box-shadow: .55em .55em #171d33;
+ -o-box-shadow: .55em .55em #171d33;
+/* border-radius: .4em;
+ -moz-border-radius: .4em;
+ -khtml-border-radius: .4em;
+ -webkit-border-radius: .4em;
+ -opera-border-radius: .4em; */
+}
+.button { text-decoration: none; }
+.button a { color: #971611; text-decoration: none; }
+.button a:hover { color: red; }
+
+.large {
+ font-size: 2em;
+ background-color: #e7e9eb;
+ border: .4em solid #c9cccf;
+}
+.small {
+ font-size: 1.6em;
+ background-color: #e7e9eb;
+}
+
+.emph-box {
+ padding: 1em; padding-top: 0;
+ margin-bottom: 2.5em;
+ background-color: #f5f6f7;
+ border: 1px solid #c9cccf;
+}
+.emph-box p { font-size: .9em }
+#content .emph-box h4 {
+ text-align: center;
+ font-size: 1.5em;
+}
+
+#Action {
+ text-align: left;
+ padding: 0 1em;
+ border-left: .4em solid #b9bcbf; border-right: .4em solid #b9bcbf;
+}
+#Action h2{ float: none; text-align: center; color: #171d33; }
+#Action li { margin-bottom: .7em; }
+
+
+/*** HIGHLIGHTED STUFF ***/
+
+.highlight, .highlight-para {
+ clear: both;
+ padding: .2em;
+ margin-bottom: 1em;
+ color: black;
+ background-color: #ffc; border: 2px solid #b9bcbf;
+}
+.highlight-para {
+ padding: 0 1em;
+}
+
+.announcement {
+ font-size: 1.1em; font-weight: bold;
+ padding-left: 1em;
+ margin-left: 1em; margin-bottom: 1em;
+ border-left: 1em solid #eee;
+}
+
+/* the urgent div should be enabled when we have something urgent to
+appear on every page - these typically come from johns, peterb or rms
+at the fsf */
+#urgent {
+ text-align: center;
+ font-size: .9em; font-weight: bold;
+ line-height: 2.6em;
+ color: black;
+ background-color: #ff3;
+ border-bottom: .3em solid #333;
+}
+#urgent a, #urgent a:visited {
+ color: blue; text-decoration: underline;
+}
+#urgent a:hover { color: red; }
+
+/* For the notes about mailing lists, etc. */
+.note {
+ clear: right;
+ float: right;
+ text-align: center;
+ font-size: 1.1em;
+ width: 20em;
+ padding: .5em;
+ margin: 1em; margin-right: 0;
+ border: .5em solid #a0f112;
+}
+.note h5 { font-size: 1.3em !important; }
+.note li { text-align: left; margin-bottom: 0.5em; }
+
+
+/*** TRANSLATED PAGES ***/
+
+/* For the note saying the page is a translation. */
+#trans-disclaimer {
+ float: right;
+ font-size: 1em;
+ margin: 0 0 0 1em;
+}
+
+#trans-disclaimer a, #trans-disclaimer a:visited {
+ font-weight: bold;
+ text-decoration: none;
+ color: #971611;
+ padding: .2em .5em;
+ background-color: white;
+ border: .2em solid #b9bcbf;
+}
+#trans-disclaimer a:hover {
+ color: black;
+ background-color: #ff3;
+}
+
+/* For outdated translations */
+#outdated {
+ padding: .5em;
+ margin: 1em 0 0 0;
+ border: .2em solid #971611;
+}
+#outdated p { margin: 0.2em; }
+/* In the out-of-date notice, we use <br> elements to separate
+ translatable texts from automatically generated items. */
+#outdated br { display: none }
+
+
+/*** EDUCATION ***/
+
+/* definitions for /education-specific navigation bar
+ and breadcrumbs for education */
+ul#edu-navigation {
+ text-align: center;
+ font-size: .9em; font-weight: bold;
+ line-height: 2em;
+ padding: 0;
+ margin: 0em -1.15em;
+ background-color: #d1d4d7;
+ border-bottom: 1.5em solid white;
+}
+#edu-navigation li {
+ display: inline-block;
+ list-style-type: none;
+ padding: 0; margin: 0;
+}
+#edu-navigation li a, #edu-navigation li a:visited {
+ padding: .1em .45em;
+ color: #222; text-decoration: none;
+}
+#edu-navigation li.active a {
+ background-color: white;
+}
+#edu-navigation li a:hover, #edu-navigation li.active a:hover {
+ color: black;
+ background-color: #ff3;
+}
+
+p.edu-breadcrumb {
+ text-align: center;
+ line-height: 1em;
+ padding: .2em;
+ position: relative; top: -1.35em;
+ margin-top: 0 !important; margin: 0 -1.15em;
+ background-color: #e7e9eb;
+}
+p.edu-breadcrumb a {
+ font-weight: bold;
+ color: #971611; text-decoration: none;
+}
+p.edu-breadcrumb a:hover {
+ color: red;
+ text-decoration: underline;
+}
+
+/* styles for subsections of /education "Case Studies" */
+div.edu-cases {
+ border-top: 5px ridge #3465a4;
+ border-bottom: 5px ridge #3465a4;
+ margin: 0 3em 1em 3em;
+}
+
+/* make h3 for edu-cases look like h4 for other pages */
+#content div.edu-cases h3 {
+ font-size: 1.3em;
+ margin: 0;
+}
+
+div.edu-cases ul, div.edu-cases ol {
+ padding-left: 3em;
+ margin-right: 3em;
+}
+
+img.ambedkar {
+ float: right;
+ width: 26em; max-width: 100%;
+ margin: 2.4em 0 2.4em 2.4em;
+}
+
+#back { text-align: right; font-weight: bold; }
+#back a, #back a:visited { color: #334683; }
+#back a:hover { color: red; }
+
+/* End items specific to education */
+
+
+/*** LISTINGS ***/
+
+.listing,
+.stx table {
+ /* The default table for document listings. Contains name, document types,
+ modification times etc in a file-browser-like fashion */
+ border-collapse: collapse;
+ border-left: 1px solid #666666;
+ border-bottom: 1px solid #666666;
+ margin: 1em 0em 1em 0em;
+}
+
+.listing th,
+.stx table th {
+ background: #fff888;
+ color: black;
+ font-weight: bold !important;
+ border-top: 1px solid #666666;
+ border-bottom: 1px solid #666666;
+ border-right: 1px solid #666666;
+ font-weight: normal;
+ padding: .7em;
+}
+
+.listing td a { display: block; }
+.listing .top {
+ border-top: 1px solid #666666;
+ text-align: right ! important;
+ padding: 0em 0em 1em 0em;
+}
+
+.listing .odd {
+ /*every second line should be shaded */
+ background-color: transparent;
+}
+
+.listing .even {
+ background-color: #ededed;
+}
+
+.listing .listingCheckbox {
+ text-align: center;
+}
+.listing td,
+.stx table td {
+ border-right: 1px solid #666666;
+ padding: 1em;
+ text-align: center;
+ line-height: 1.3em
+}
+
+.listing a:hover {
+ text-decoration: underline;
+}
+
+.listing img {
+ vertical-align: middle;
+}
+
+.listing { width: 100%; }
+
+/* This is used in pages of lists, such as gnu-linux.faq.html,
+ to give readers a hint that they can link directly to a given item.
+ We make it less obtrusive than the item heading it follows. */
+.anchor-reference-id { font-size: 70%; font-weight: normal; }
+
+
+/*** LICENSING ***/
+
+/* This is for licenses/gpl-faq.html. */
+
+table#gpl-compat-matrix { border-collapse: collapse; }
+
+table#gpl-compat-matrix td, th.gpl-matrix-border {
+ text-align: center; border: 1px solid black; margin: 0;
+ padding: .3em;
+}
+
+th.gpl-matrix-license { text-align: right; }
+
+tr.gpl-matrix-use-type { border-top: 2px solid black; }
+
+table#gpl-compat-matrix td.ok { background-color: #ccffcc; }
+table#gpl-compat-matrix td.mok { background-color: #e4ffcc; }
+table#gpl-compat-matrix td.nok { background-color: #dddddd; }
+
+#print-this-article p{ text-align: center; }
+
+address { margin-bottom: 1em; }
+
+/* separate the "term" from subsequent "description" */
+dt { margin-bottom: 1em; }
+
+/* separate the "description" from subsequent list item
+ when the final <dd> child is an anonymous box */
+dd { margin-bottom: 2em; }
+
+/* separate anonymous box (used to be the first element in <dd>)
+ from subsequent <p> */
+dd p { margin-top: 1em; }
+
+
+/*** MUSIC ***/
+
+#content .caption { color: #334683; font-size: 1.5em; margin:0; }
+
+.lyrics {
+ background-color: #eee; font-style: italic; width: 25em;
+ padding: 2em; border: 2px solid #e0e0e0; margin-left: 2em;
+}
+
+
+/*** MISC ***/
+
+/* Still used in some old /server/banner.*.html */
+#links { display: none !important; }
+
+/* Still used in /s/cgicc/. */
+#gplv3-dogear {
+ position: absolute;
+ top: -1px;
+ left: -1px;
+}
+#gplv3-dogear h3 {margin: 0;}
+#gplv3-dogear a {
+ background-image: url('/graphics/dogear.png');
+ border: 0;
+ display: block;
+ overflow: hidden;
+ height: 0px !important;
+ width: 64px;
+ padding: 0;
+ padding-top: 64px;
+ cursor: pointer;
+}
+
+/* Used in /software/for-windows.html */
+#windows7sins { width: 310px; text-align: center; float: right; margin: 1em; }
Index: home3.fr.html
===================================================================
RCS file: home3.fr.html
diff -N home3.fr.html
--- /dev/null 1 Jan 1970 00:00:00 -0000
+++ home3.fr.html 26 Jan 2014 18:22:34 -0000 1.1
@@ -0,0 +1,463 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
+<html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en">
+
+<head>
+
+<!-- start of server/head-include-1.html -->
+<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+<link rev="made" href="mailto:address@hidden"; />
+<link rel="icon" type="image/png" href="/graphics/gnu-head-mini.png" />
+<meta name="ICBM" content="42.355469,-71.058627" />
+<meta name="DC.title" content="gnu.org" />
+<!-- end of server/head-include-1.html -->
+
+<!-- end of server/header.html -->
+
+<!-- Parent-Version: 1.75 -->
+ <!--#set var="ENGLISH_PAGE" value="/home.en.html" -->
+
+<title>Le système d'exploitation GNU</title>
+
+<meta http-equiv="Keywords" content="GNU, FSF, Fondation pour le logiciel
libre, Free Software Foundation, Linux,
+Emacs, GCC, Unix, logiciel libre, système d'exploitation, noyau GNU, GNU
+Hurd" />
+<meta http-equiv="Description" content="Depuis 1983, nous développons le
système d'exploitation libre GNU, de type
+Unix, pour que les utilisateurs d'ordinateurs puissent avoir la liberté de
+partager et d'améliorer les logiciels qu'ils utilisent." />
+<link rel="alternate" title="Planet GNU"
href="http://planet.gnu.org/rss20.xml"; type="application/rss+xml" />
+
+<!-- begin translist file -->
+<!-- end translist file -->
+
+<!-- start of banner.fr.html -->
+
+<!-- start of head-include-2.html -->
+
+<link rel="stylesheet" href="combo.css" media="screen" />
+<link rel="stylesheet" href="layout3.css" media="screen" />
+
+<link rel="stylesheet" href="/mini.css" media="handheld" />
+
+<link rel="stylesheet" href="/print.css" media="print" />
+
+<!-- end of head-include-2.html -->
+<link rel="stylesheet" href="style.fr.css" media="all" />
+
+</head>
+<body>
+<div class="inner">
+
+<!-- start of server/body-include-1.html -->
+
+<div id="toplinks">
+<div class="links">
+ <a href="#content">Lire l'article</a>
+ <a href="/accessibility/">Accessibilité</a>
+</div> <!-- /links -->
+
+<div id="searcher">
+ <form method="get" action="http://www.gnu.org/cgi-bin/estseek.cgi";>
+ <div><label class="netscape4" for="phrase">Search:</label>
+ <input name="phrase" id="phrase" type="text" size="18" accesskey="s"
+ value="Pourquoi GNU/Linux ?" onfocus="this.value=''" />
+ <input type="submit" value="↵" />
+ </div><!-- unnamed label -->
+ </form>
+</div><!-- /searcher -->
+<div class="fsf">
+ <a href="#mission-statement">Soutenez laâ¯<img
src="logo-fsf.org-notext-transp.png" alt=" [FSF Logo] "/>,
sponsorâ¯duâ¯projetâ¯GNU</a>
+</div class="fsf">
+</div><!-- /toplinks -->
+
+<div id="translations">
+<p>
+<span dir="ltr" class="original"><a lang="en" hreflang="en"
href="/home.en.html">English</a> [en]</span>
+<span dir="ltr"><a lang="ca" hreflang="ca" href="/home.ca.html">catalÃ
</a> [ca]</span>
+<span dir="ltr"><a lang="cs" hreflang="cs"
href="/home.cs.html">Äesky</a> [cs]</span>
+<span dir="ltr"><a lang="de" hreflang="de"
href="/home.de.html">Deutsch</a> [de]</span>
+<span dir="ltr"><a lang="el" hreflang="el"
href="/home.el.html">ελληνικά</a> [el]</span>
+<span dir="ltr"><a lang="es" hreflang="es"
href="/home.es.html">español</a> [es]</span>
+<span dir="ltr"><a lang="fa" hreflang="fa"
href="/home.fa.html">ÙارسÛ</a> [fa]</span>
+<span dir="ltr"><a lang="fr" hreflang="fr"
href="/home.fr.html">français</a> [fr]</span>
+<span dir="ltr"><a lang="hr" hreflang="hr"
href="/home.hr.html">hrvatski</a> [hr]</span>
+<span dir="ltr"><a lang="it" hreflang="it"
href="/home.it.html">italiano</a> [it]</span>
+<span dir="ltr"><a lang="ja" hreflang="ja"
href="/home.ja.html">æ¥æ¬èª</a> [ja]</span>
+<span dir="ltr"><a lang="ko" hreflang="ko"
href="/home.ko.html">íêµì´</a> [ko]</span>
+<span dir="ltr"><a lang="nl" hreflang="nl"
href="/home.nl.html">Nederlands</a> [nl]</span>
+<span dir="ltr"><a lang="pl" hreflang="pl"
href="/home.pl.html">polski</a> [pl]</span>
+<span dir="ltr"><a lang="ru" hreflang="ru"
href="/home.ru.html">ÑÑÑÑкий</a> [ru]</span>
+<span dir="ltr"><a lang="sq" hreflang="sq"
href="/home.sq.html">Shqip</a> [sq]</span>
+<span dir="ltr"><a lang="zh-cn" hreflang="zh-cn"
href="/home.zh-cn.html">ç®ä½ä¸æ</a> [zh-cn]</span>
+</p>
+</div><!-- /translations -->
+
+<!-- end of server/body-include-1.html -->
+
+
+<div id="header">
+
+<div id="fssbox">
+<p><strong>Recevez notre lettre électronique<br />mensuelle, le <a
+href="https://www.fsf.org/free-software-supporter/";>Free Software
+Supporter</a></strong></p>
+ <form
action="https://crm.fsf.org/civicrm/profile/create&reset=1&gid=31";
method="post">
+ <div>
+ <input name="postURL" type="hidden" value="" />
+ <input type="hidden" name="group[25]" value="1" />
+ <input name="cancelURL" type="hidden"
value="https://crm.fsf.org/civicrm/profile?reset=1&gid=31"; />
+ <input name="_qf_default" type="hidden" value="Edit:cancel" />
+ </div>
+ <label></label>
+ <p><input type="text" id="frmEmail" name="email-Primary" size="18"
maxlength="80" value="address@hidden" onfocus="this.value=''" />
+
+ <input type="submit" name="_qf_Edit_next" value="↵" /></p>
+ </form>
+</div><!-- /fssbox -->
+
+<div id="logo">
+ <p><a href="/">
+ <img src="http://www.gnu.org/graphics/heckert_gnu.small.png"; alt=" [A GNU
head] " /> <strong>GNU</strong><br />
le système d'exploitation</a></p>
+</div><!-- /logo -->
+
+</div><!-- /header -->
+
+<div id="navigation">
+
+ <ul>
+ <li id="tabAboutGNU"><a href="/gnu/gnu.html">Ãâ¯proposâ¯deâ¯GNU</a></li>
+ <li id="tabPhilosophy"><a href="/philosophy.fr.html">Philosophie</a></li>
+ <li id="tabLicenses"><a href="/licenses/licenses.html">Licences</a></li>
+ <li id="tabEducation"><a href="/education/education.html">Ãducation</a></li>
+ <li id="tabSoftware"><a href="/software/software.html">Logiciel</a></li>
+ <li id="tabDoc"><a href="/doc/doc.html">Documentation</a></li>
+ <li id="tabHelp"><a href="/help/help.html">Aidezâ¯GNU</a></li>
+ </ul>
+</div><!-- /navigation -->
+
+<!-- end of server/body-include-2.html -->
+
+<div id="content">
+
+<p id="trans-disclaimer">
+<a href="home.en.html">Original en anglais</a>
+</p>
+
+<p class="netscape4">Richard Stallman a annoncé en septembre 1983 le projet
de développer un
+système d'exploitation libre de type Unix appelé GNU. GNU est le seul
+système d'exploitation développé spécifiquement pour la liberté des
+utilisateurs.</p>
+
+<div id="home">
+<div class="first-column">
+
+<h2>Qu'est-ce que GNUÂ ?</h2>
+
+<p>GNU est un système d'exploitation de type Unix, constitué de <a
+href="/philosophy/free-sw.html">logiciel libre</a> â il respecte votre
+liberté. Vous pouvez installer des <a
+href="/distros/free-distros.html">versions de GNU</a> (plus précisément, des
+systèmes GNU/Linux) qui sont entièrement libres. <a href="/provide.html">Ce
+que nous proposons</a>.</p>
+
+<p class="c" style="margin: 0em"><a href="/distros/screenshot.html">
+<img src="t-desktop-4-medium.jpg" alt="Copie d'écran de GNU" /></a></p>
+
+<p>Le <a href="/gnu/gnu.html">projet GNU</a> a été lancé en 1984 pour
+développer le système GNU. Le nom « GNU » est un acronyme récursif pour
+<cite>GNU's Not Unix!</cite> (GNU N'est pas Unix !) ; <a
+href="/pronunciation/pronunciation.html">il se prononce <em>gnou</em></a>,
+avec une syllabe sans voyelle entre le <em>g</em> (dur) et le <em>n</em>.</p>
+
+<p>Un système d'exploitation de type Unix est une <a
+href="/software/">collection de logiciels</a> (applications, bibliothèques,
+outils pour les développeurs), plus un programme pour allouer les ressources
+et communiquer avec le matériel, connu sous le nom de noyau.</p>
+
+<p><a href="/software/hurd/hurd.html"><cite>The Hurd</cite>, le noyau propre Ã
+GNU</a> [en], n'est pas encore prêt pour un usage courant. Aussi, GNU est-il
+typiquement utilisé aujourd'hui avec un noyau appelé Linux. Cette
+combinaison est le <a href="/gnu/linux-and-gnu.html"> <strong>système
+d'exploitation GNU/Linux</strong></a>. GNU/Linux est utilisé par des
+millions de gens, bien que beaucoup <a
+href="/gnu/gnu-linux-faq.html">l'appellent « Linux » par erreur</a>.</p>
+
+<h2>Qu'est-ce que le logiciel libre ?</h2>
+
+<p>« <a href="/philosophy/free-sw.html">Logiciel libre</a> » se réfère Ã
la
+liberté, pas au prix. Pour comprendre ce concept, vous devez penser Ã
+« liberté d'expression », pas à « entrée libre » (NdT : en
anglais, le mot
+<cite>free</cite> veut dire libre, mais aussi gratuit, d'où la confusion
+possible).</p>
+
+<p><strong>Le logiciel libre donne aux utilisateurs la liberté d'exécuter, de
+copier, de distribuer, d'étudier, de modifier et d'améliorer les
+logiciels</strong>. Plus précisément, cela veut dire que vous, utilisateur,
+possédez quatre libertés :</p>
+
+<ul>
+<li>la liberté d'exécuter le programme, pour n'importe quel usage (libertéÂ
0)Â ;</li>
+<li>la liberté d'étudier le fonctionnement du programme et de l'adapter Ã
vos
+besoins (liberté 1) â une condition préalable est d'accéder au code
source ;</li>
+<li>la liberté d'en redistribuer des copies pour aider les autres (libertéÂ
2)Â ;</li>
+<li>la liberté d'améliorer le programme et de rendre publiques vos
améliorations
+pour que toute la communauté en bénéficie (liberté 3) â une condition
+préalable est d'accéder au code source.</li>
+</ul>
+
+</div> <!-- /first-column -->
+
+<div class="second-column">
+
+<p class="button c large"><a href="/distros/free-distros.html">Téléchargez
GNU</a></p>
+
+<div class="emph-box">
+
+<h4 id="Flashes"><a href="http://planet.gnu.org/";>Planet GNU</a> <a
+href="http://planet.gnu.org/rss20.xml";><img class="feed"
src="/feed-icon-10x10.png" alt="Flux RSS" /></a></h4>
+
+<!-- Autogenerated by planetrss.pl 1.5 -->
+<p><a href='http://savannah.gnu.org/forum/forum.php?forum_id=7833'>
+GNU Cgicc 3.2.12</a>:
+Hello I am happy to announce the next release of GNU Cgicc. This release is
numbered 3.2.11 . Description =========== GNU cgicc is an ANSI C++ compliant
class library that gr...
+<a href='http://savannah.gnu.org/forum/forum.php?forum_id=7833'>more</a></p>
+<p><a href='http://savannah.gnu.org/forum/forum.php?forum_id=7831'>
+GNU Cgicc 3.2.11</a>:
+Hello I am happy to announce the next release of GNU Cgicc. This release is
numbered 3.2.11 . Description =========== GNU cgicc is an ANSI C++ compliant
class library that gr...
+<a href='http://savannah.gnu.org/forum/forum.php?forum_id=7831'>more</a></p>
+<p><a href='http://www.gnucash.org/#n-140101-2.4.14.news'>
+Announcement: GnuCash 2.4.14 Release</a></p>
+
+<p>Tenez-vous au courant avec <a href="http://planet.gnu.org/";>Planet GNU</a>
+et la <a href="/software/recent-releases.html">liste des publications
+récentes de GNU</a>.</p>
+
+<!-- start blurbs -->
+<h4 id="edma"><a href="/software/edma/">EDMA</a></h4><p>
+GNU EDMA est un environnement de développement combinant à la fois les
+logiques de la programmation orientée objet (POO) et de la programmation
+orientée composants (POC). Il est utilisé pour construire des applications
+évolutives et modulaires ainsi que des composants réutilisables. EDMA
+fournit un moyen pratique de créer en C des programmes orientés objet sans
+le recours à  C++. Il possède également un système de composants unique,
+contrairement à d'autres logiciels libres de POC qui imitent la conception
+de leurs homologues privateurs. Il inclut un assistant graphique,
+<tt>gidfwizard</tt>, un outil servant à créer les fichiers de définition de
+l'interface de GNU EDMA et les fichiers squelettes nécessaires à la
+construction des classes EDMA, ainsi qu'un navigateur graphique de classes,
+<tt>gecb</tt>. (<a href="/manual/manual.html#edma">doc</a>)</p>
+
+<p><a href="/manual/blurbs.html">Brèves descriptions de tous les
+logiciels GNU.</a></p>
+<!-- end blurbs -->
+
+</div> <!-- /emph-box -->
+
+<div id="Action">
+
+<!-- BEGIN TakeAction -->
+<h2>Agissez !</h2>
+
+<ul>
+<li><strong><a href="http://www.fsf.org/campaigns";>Soutenez les dernières
+campagnes de la FSF</a></strong>.</li>
+
+<li>Défendez <a href="http://www.laquadrature.net/fr/vie_privee";>la vie
+privée</a> et appelez à <a
+href="http://www.laquadrature.net/fr/commission-europeenne-tentative-scandaleuse-deviter-la-reforme-du-droit-dauteur";>une
+réforme globale du droit d'auteur</a> avec <a
+href="http://www.laquadrature.net/fr/";><abbr title="La Quadrature du
+Net">LQDN</abbr></a>.</li>
+
+<li>Soutenez la défense de la neutralité du net en Europe, <a
+href="http://www.savetheinternet.com"; title="Net neutrality in the United
+States of America">aux USA</a> et <a href="http://www.neutrality.ca";
+title="Net neutrality in Canada">au Canada</a>.</li>
+
+<li><strong>Luttez contre les brevets logiciels</strong> <a
+href="http://www.endsoftpatents.org";>dans le monde</a> et <a
+href="/server/takeaction.html#swpat">en Europe</a>.</li>
+
+<li><a href="/server/takeaction.html#directory">Complétez le répertoire du
+logiciel libre</a>.</li>
+
+<li><a href="/server/takeaction.html">Toutes les actions</a></li>
+
+</ul>
+<!-- END TakeAction -->
+
+</div><!-- /Action -->
+</div><!-- /second-column -->
+</div><!-- /home -->
+
+<div class="highlight-para">
+
+<p><strong>Pouvez-vous contribuer à certains de ces <a
+href="http://www.fsf.org/campaigns/priority-projects/";>projets hautement
+prioritaires</a>Â ?</strong> Gnash, coreboot, distributions libres de
+GNU/Linux, GNU Octave, pilotes pour routeurs, débogage réversible dans GDB,
+transcription automatique, pilotes PowerVR, et aussi : équivalents libres
+pour Skype, pour les bibliothèques OpenDWG, et pour Oracle Forms.</p>
+
+<p id="unmaint"><strong>Pouvez-vous adopter un <a
+href="/server/takeaction.html#unmaint">paquet GNU non
+maintenu</a>Â ?</strong>
+
+ <a href="/software/dap/">dap</a>, <a href="/software/gleem/">gleem</a>, <a
+href="/software/gnatsweb/">gnatsweb</a>, <a
+href="/software/gnukart/">gnukart</a>, <a href="/software/groff/">groff</a>,
+<a href="/software/halifax/">halifax</a>, <a
+href="/software/indent/">indent</a>, <a href="/software/jwhois/">jwhois</a>,
+<a href="/software/metahtml/">metahtml</a>, <a
+href="/software/orgadoc/">orgadoc</a>, <a
+href="/software/polyxmass/">polyxmass</a>, <a
+href="/software/superopt/">superopt</a>, <a
+href="/software/teximpatient/">teximpatient</a> et <a
+href="/software/trueprint/">trueprint</a> sont tous <a
href="/server/takeaction.html#unmaint">Ã la recherche d'un
+repreneur</a>. Et ceux-ci sont à la recherche d'un comainteneur :
+
+ <a href="/software/aspell/">aspell</a>, <a
+href="/software/gnuae/">gnuae</a>, <a
+href="/software/metaexchange/">metaexchange</a>, <a
+href="/software/powerguru/">powerguru</a>. Consultez les pages web de ces
logiciels pour plus ample information.</p>
+
+</div><!-- /highlight-para -->
+
+<div id="transnotes">
+<!--TRANSLATORS: Use space (SPC) as msgstr if you don't have notes.-->
+</div> <!-- /transnotes -->
+
+</div> <!-- for id="content", starts in the include above -->
+
+<!-- begin server/footer-text.html -->
+
+<div id="fsf-links">
+ <ul>
+ <li><a href="/">Accueilâ¯GNU</a></li>
+ <li><a href="http://www.fsf.org/";>Accueilâ¯FSF</a></li>
+ <li><a href="/graphics/graphics.html">Artâ¯GNU</a></li>
+ <li><a href="/fun/fun.html">Humour GNU</a></li>
+ <li><a href="/people/people.html">Trombinoscopeâ¯GNU</a></li>
+ <li><a
href="http://directory.fsf.org";>Répertoireâ¯duâ¯logicielâ¯libre</a></li>
+ <li><a href="/server/sitemap.html">Planâ¯duâ¯site</a></li>
+ </ul>
+</div><!-- /fsf-links -->
+
+<div id="mission-statement">
+
+<div class="c">
+<p><a href="http://www.fsf.org";><img id="fsfbanner" src="logo-fsf.org.png"
alt=" [FSF Banner] "/></a></p>
+
+<p>La <a href="http://www.fsf.org";><strong>Fondation pour le logiciel
libre</strong></a> est le
+principal sponsor institutionnel du <a href="/">système d'exploitation
GNU</a>.</p>
+
+<blockquote><strong>« Notre mission est de préserver, protéger et
+promouvoir la liberté d'utiliser, d'étudier, de copier, de modifier et de
+redistribuer les programmes informatiques, et de défendre les droits des
+utilisateurs de logiciels libres. »</strong></blockquote>
+</div>
+
+
+<div class="first-column">
+ <p id="support"><strong>Soutenez GNU et la FSF</strong></p>
+ <p><a href="http://shop.fsf.org/";>en achetant des manuels et autres
objets</a>,
+ <br /><a href="http://www.fsf.org/join";>en adhérant à la FSF en tant que
membre associé</a>,
+ <br />en faisant un don, soit <a href="http://donate.fsf.org/";>directement Ã
la FSF</a>, soit <a
+href="http://flattr.com/thing/313733/gnuproject-on-Flattr";>via Flattr</a>.</p>
+
+<!--
+<div id="fssbox">
+<p>Recevez notre lettre électronique mensuelle, le <a
+href="https://www.fsf.org/free-software-supporter/";>Free SoftwareÂ
Supporter</a></p>
+ <form
action="https://crm.fsf.org/civicrm/profile/create&reset=1&gid=31";
method="post">
+ <div>
+ <input name="postURL" type="hidden" value="" />
+ <input type="hidden" name="group[25]" value="1" />
+ <input name="cancelURL" type="hidden"
value="https://crm.fsf.org/civicrm/profile?reset=1&gid=31"; />
+ <input name="_qf_default" type="hidden" value="Edit:cancel" />
+ </div>
+ <label></label>
+ <p><input type="text" id="frmEmail" name="email-Primary" size="18"
maxlength="80" value="address@hidden" onfocus="this.value=''" />
+ <input type="submit" name="_qf_Edit_next" value="↵" /></p>
+ </form>
+</div><!-- /fssbox -->
+
+</div> <!-- /first-column -->
+
+<div class="second-column">
+ <div id="join">
+ <p id="join-fsf" ><a class="button" class= "small"
href="https://www.fsf.org/associate/support_freedom?referrer=4052";>
+Â Â REJOIGNEZÂ Â LAÂ Â FSFÂ Â </a></p>
+ <p id="sisters">Organisations sÅurs :<br />
+ <a class="button" class= "small" href="http://www.fsfe.org";>Â Â FSFÂ EuropeÂ
 </a>Â
+ <a class="button" class= "small" href="http://www.fsfla.org/";>Â Â FSFÂ
South America  </a>Â
+ <a class="button" class= "small" href="http://fsf.org.in/";>  FSF India Â
</a></p>
+ </div>
+</div> <!-- /second-column -->
+
+</div> <!-- /mission-statement -->
+
+<p id="backtotop"><a href="#header">Haut de la page</a></p>
+
+<div id="fs-gang" class="c">
+<img src="charac-more-transp.fr.png" alt=" [Meet FS gang] "/>
+</div>
+
+<!-- end server/footer-text.html -->
+
+<div id="footer">
+
+<div class="footer-unit">
+
+<!-- Regarding copyright, in general, standalone pages (as opposed to
+ files generated as part of manuals) on the GNU web server should
+ be under CC BY-ND 3.0 US. Please do NOT change or remove this
+ without talking with the webmasters or licensing team first.
+ Please make sure the copyright date is consistent with the
+ document. For web pages, it is ok to list just the latest year the
+ document was modified, or published.
+
+ If you wish to list earlier years, that is ok too.
+ Either "2001, 2002, 2003" or "2001-2003" are ok for specifying
+ years, as long as each year in the range is in fact a copyrightable
+ year, i.e., a year in which the document was published (including
+ being publicly visible on the web or in a revision control system).
+
+ There is more detail about copyright years in the GNU Maintainers
+ Information document, www.gnu.org/prep/maintain. -->
+
+<p>Copyright © 1996-2013 <a
+href="http://www.fsf.org";>Free Software Foundation</a>, Inc.</p>
+
+<p>Cette page peut être utilisée suivant les conditions de la licence <a
+rel="license"
+href="http://creativecommons.org/licenses/by-nd/3.0/us/deed.fr";>Creative
+Commons attribution de paternité, pas de modification, 3.0 Ãtats-Unis
+(CCÂ BY-ND 3.0Â US)</a>.</p>
+
+</div><!-- /footer-unit -->
+
+<div class="footer-unit">
+<!--TRANSLATORS: Use space (SPC) as msgstr if you don't want credits.-->
+Traduction : Cédric Corazza.<br />Révision : <a
+href="mailto:trad-gnu@april.org";>trad-gnu@april.org</a></div>
+
+<!-- start of server/bottom-notes.html -->
+<p id="bottom-notes"><a
href="http://www.fsf.org/about/dmca-notice";>Notification
+d'infraction au copyright</a></p>
+<!-- end of server/bottom-notes.html -->
+
+
+<p>
+<!-- timestamp start -->
+Dernière mise à jour :
+
+$Date: 2014/01/26 18:22:34 $
+
+<!-- timestamp end -->
+</p>
+
+</div><!-- /footer -->
+</div><!-- /inner -->
+</body>
+</html>
Index: charac-more-transp.fr.png
===================================================================
RCS file: charac-more-transp.fr.png
diff -N charac-more-transp.fr.png
Binary files /dev/null and /tmp/cvsa1O3iT differ
- www/server/staging/nav-bar/test8 layout2.css ho...,
Therese Godefroy <=