Résultats de la validation W3C CSS de nature-style.css (CSS niveau 3)

Félicitations ! Aucune erreur trouvée.

Ce document est valide conformément à la recommandation CSS niveau 3 !

Pour montrer à vos lecteurs votre souci d'interopérabilité lors de la création de cette page Web, vous pouvez afficher cette icône sur toutes les pages valides. Voici le fragment de XHTML que vous pouvez utiliser pour ajouter cette icône à votre page Web:

CSS Valide ! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS Valide !" />
    </a>
</p>
CSS Valide ! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="CSS Valide !" />
</a>
</p>

(fermez le tag img avec > au lieu de /> si vous utilisez HTML <= 4.01)

Validators Donation Program LogoThe W3C validators rely on community support for hosting and development.
Donate and help us build better tools for a better web.

Si vous le désirez, vous pouvez télécharger une copie de cette image dans votre répertoire Web local, et changer le fragment d'HTML décrit ci-dessus pour réferencer le nouvel emplacement de celle-ci.

Si vous voulez créer un lien direct sur le résultat de cette validation, afin de revalider facilement, ou de permettre à d'autres de vérifier facilement la validité de votre document, l'URI de cette page est : 

http://jigsaw.w3.org/css-validator/validator$link
or
http://jigsaw.w3.org/css-validator/check/referer (uniquement avec des documents HTML/XML)

(Vous pouvez aussi l'ajouter directement à vos signets.)

↑ Haut

Votre feuille de style CSS validée :

* {
margin : 0;
padding : 0;
}
body {
background : url(images/fond.jpg) top left repeat-y #000;
color : #014E00;
font : 13px "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
line-height : 1.1em;
margin : 0 auto;
padding : 0;
}
#wrap {
color : #115114;
margin : 0;
width : 1035px;
}
a {
color : #84481D;
font-weight : 700;
text-decoration : none;
}
a img {
border : 0;
}
p {
font-size : 0.9em;
margin : 0 0 15px 5px;
}
ul, ol, dl {
font-size : 0.9em;
margin : 2px 0 15px 30px;
}
ul ul, ol ol {
margin : 4px 0 4px 20px;
}
h2 {
border-bottom : 2px solid #E2C904;
font-size : 20px;
margin : 12px 0 8px 0;
padding : 1px 2px 3px 1px;
letter-spacing : -1px;
}
h3 {
font-size : 18px;
margin : 10px 0 8px;
padding : 0;
}
citation {
background-color : #6C889C;
border : #aaa solid 1px;
font-size : 0.9em;
margin : 20px 10px;
padding : 8px;
}
citation p {
margin : 0;
}
#header {
background : url(images/logo.png) top left no-repeat;
height : 209px;
clear : both;
}
#header1 {
background : url(images/logostruction.png) top left no-repeat;
height : 209px;
clear : both;
}
#titre {
float : left;
text-align : center;
width : 450px;
}
#titre h1 {
color : #E9D004;
font-size : 40px;
letter-spacing : -2px;
padding : 60px 0 20px 5px;
}
#titre h1 a {
color : #E9D004;
text-decoration : none;
}
#titre h1 a:hover {
color : #F0F0F0;
}
#sous-titre {
color : #F0F0F0;
font-size : 25px;
font-weight : bold;
letter-spacing : -1px;
margin : 0 0 10px 5px;
}
#mainmenu {
border-left : 2px solid #9F7B49;
color : #F0F0F0;
float : right;
font-size : 13px;
font-weight : bold;
margin : 0;
padding : 5px 4px 0;
text-transform : uppercase;
width : 300px;
}
#mainmenu ul {
list-style : none;
margin : 0;
padding : 0;
}
#mainmenu li {
border-bottom : 2px solid transparent;
list-style : none;
}
#mainmenu li a {
background : url(images/bouton.jpg) top left repeat-y;
color : #F0F0F0;
display : block;
font-weight : 700;
height : 20px;
padding : 5px 3px 5px 16px;
text-decoration : none;
}
#mainmenu li a:hover {
background : url(images/bouton-hover.jpg) top left repeat-y;
color : #303030;
text-decoration : none;
}
#mainmenu .current {
background : url(images/bouton-current.jpg) top left repeat-y;
color : #303030;
}
#mainmenu li .current:hover {
background : url(images/bouton-current.jpg) top left repeat-y;
color : #505050;
}
#encadre {
background : url(images/cadre.png) top right repeat-y;
border-bottom : 1px solid #aaa;
border-right : 1px solid #aaa;
clear : both;
float : left;
margin : 0 0 10px 0;
padding : 1px 10px 5px;
width : 120px;
}
#encadre h2 {
font-size : 1.3em;
margin : 10px 0;
padding : 1px 2px 2px 1px;
}
#encadre ul {
list-style : none;
margin : 0 0 15px 0;
padding : 0 0 0 5px;
}
#encadre li {
list-style : none;
margin : 0 0 4px;
padding : 0;
}
#encadre li a {
padding : 2px;
font-size : 1.1em;
}
#encadre li a:hover {
color : #E9D004;
text-decoration : none;
}
#encadre ul ul {
line-height : 1.2em;
margin : 3px 0 3px 10px;
padding : 0;
}
#encadre ul ul li a {
font-weight : 400;
}
#contenu-indexe {
line-height : 1.3em;
margin : 0 15px 0 155px;
padding : 0;
text-align : left;
}
#contenu-plein {
line-height : 1.3em;
margin : 0 15px;
padding : 0;
text-align : left;
}
#footer {
background : url(images/garni.jpg) top left repeat-x #333;
border-bottom : 1px solid #aaa;
border-top : 1px solid #aaa;
clear : both;
color : #ddd;
margin : 25px auto 0;
padding : 4px 0;
text-align : left;
width : 1015px;
}
#footer p {
margin : 3px 3px 3px 10px;
}
#footer a {
color : #ddd;
text-decoration : none;
}
#footer a:hover, a:hover {
text-decoration : underline;
color : #014E00;
}
.colonnegauche {
float : left;
width : 48%;
}
.colonnedroite {
float : right;
width : 46%;
}
.important {
background : url(images/garni-vert.jpg) top left repeat #333;
border : #e3ca04 solid 1px;
color : #e3ca04;
padding : 2px;
text-align : center;
}
.infobox {
background : url(images/garni.jpg) top left repeat #333;
border : #aaa solid 1px;
float : right;
font-size : 0.9em;
margin : 0 0 10px 20px;
padding : 5px;
width : 240px;
}
.infobox p {
margin : 0;
}
.infobox ul {
margin : 0 0 0 25px;
}
.links a {
font-weight : 400;
}
.links li {
line-height : 1.1em;
}
.left {
float : left;
margin : 0 15px 4px 0;
}
.right {
float : right;
margin : 0 0 4px 15px;
}
.textright {
text-align : right;
}
.suite {
margin : -10px 10px 18px 0;
text-align : right;
}
.retour {
margin : -10px 10px 18px 0;
text-align : left;
}
.center {
text-align : center;
}
.yellow {
color : #e3ca04;
}
.blue {
color : #4088b8;
}
.big {
font-size : 1.2em;
}
.small {
font-size : 0.8em;
}
.clear {
clear : both;
visibility : hidden;
}
.hide {
display : none;
}
.photo {
background-color : #333;
border : #aaa double 4px;
margin : 5px 15px 2px 5px;
padding : 2px;
}

↑ Haut