[Résolu] Problème avec Validator W3C CSS!!!!

Bonjour à tous,

Je comprends pas trop pourquoi, mais "Validator W3C" valide mes documents HTML, et me refuse la CSS...
Voila la réponse qu'il me donne :

1 - Lexical error at line 1, column 2. Encountered: " " (32), after : "<"
Aucune feuille de style trouvée

Et voila mon Code CSS :

@charset "utf-8";
/* CSS Document */

< style type="text/css" >

/*Fonctions Principales **************************************************************/

h2
{
padding-left: 25px ;
line-height: 25px ;
font-size: 1em ;
}

p
{
margin-left: 25px ;
margin-right: 25px ;
text-align: justify ;
text-indent: 25px ;
line-height: 22px ;
}

body/*Contenu de la Page*****************************/
{
padding: 0 ;
margin: 0px 0 ;
text-align: center ;
font: 0.75em "Times New Roman", Times, serif ;
background: #EEE url(images/background.png) repeat-x;
}

div#conteneur
{
width: 706px ;
margin: 0px 0 ;
text-align: left ;
border: 1px solid #000000 ;
background: #fff ;
}

div#conteneur h2
{
font-size: 1.5em ;
}

h1#header
{
width: 706px ;
height: 129px;
margin: 0 0px ;
background: url(images/Bandeau.jpg) no-repeat ;
}

div#contenu_page
{
padding: 0 20px 0 20px ;
}

div#footer p
{
padding-right: 10px ;
height: 10px;
text-align: right ;
line-height: 50px ;
color: #000000 ;
}/*****************************Fin du Contenu de la Page*/

ul#menu/*Fonctions Liens*****************************/
{
height: 20px;
margin: 0 ;
margin-left: 352px ;
margin-right: 0px ;
text-align:center ;
line-height: 50px ;
list-style-type: none ;
}

ul#menu li
{
float: left ;
}

ul#menu li a
{
width: 116px ;
line-height: 15px ;
font-size: 1.2em ;
font-weight: bold ;
display: block ;
text-decoration: none ;
border-bottom: 1px solid ;
border-left: 1px solid ;
border-right: 1px solid ;
color: #000000 ;
background-color:#CCCCCC ;
}

ul#menu li a:hover
{
background: #999999 ;
}/*****************************Fin des Fonctions Liens*/
/******************************************************fin des Fonctions Principales */


/* Style accueil, Index */

.animation_flash
{
width: 666px ;
height: 319px ;
margin-left: auto ;
margin-right: auto ;
margin-top: 35px ;
margin-bottom: 35px ;
}

/* Fin Style accueil, Index */


/******************************************************/


/* Style Galerie */
.tableau
{
padding: 0 20px 0 20px ;
margin-top:20px;
}

.tableau p
{
text-align: center ;
text-indent: 25px ;
line-height: 20px ;
}

.tableau1sources
{
width: 665px ;
height: 204px ;
background:url(images/t1_architecture.jpg) no-repeat;
margin: 10 px ;
}

.tableau1sources a
{
width: 665px ;
height: 204px ;
display: block ;
}

.tableau2sources
{
width: 665px ;
height: 204px ;
background:url(images/t2_personnages.jpg) no-repeat;
margin: 10 px ;
}

.tableau2sources a
{
width: 665px ;
height: 204px ;
display: block ;
}

.tableau3sources
{
width: 665px ;
height: 204px ;
background:url(images/t3_objets.jpg) no-repeat;
margin: 10 px ;
}

.tableau3sources a
{
width: 665px ;
height: 204px ;
display: block ;
}
/* Fin Style galerie */


/*******************************************************************/
< /style>
Modifié par obstirey (06 Dec 2008 - 14:12)

Pardon, ce n'est pas la ligne 1, mais la 4...

Ca vient de < style type="text/css" >

mais quel est le probleme?

obstirey a écrit :
Pardon, ce n'est pas la ligne 1, mais la 4...

Ca vient de < style type="text/css" >

mais quel est le probleme?

C'est une balise HTML et non du CSS

Une feuille de style CSS ne peut contenir que du CSS.
Modifié par Raphael (04 Dec 2008 - 17:44)

En passant, attention à bien utiliser le validateur HTML pour du HTML et le validateur CSS pour du CSS.

obstirey a écrit :
Bonjour à tous,

Je comprends pas trop pourquoi, mais "Validator W3C" valide mes documents HTML, et me refuse la CSS...
Voila la réponse qu'il me donne :

1 - Lexical error at line 1, column 2. Encountered: " " (32), after : "<"
Aucune feuille de style trouvée

Et voila mon Code CSS :

@charset "utf-8";
/* CSS Document */

< style type="text/css" >

Hello,

Outre la réponse de Raphaël (la balise style doit se trouver dans le doc HTML) il faut bien lire le message d'erreur... il me semble clair :

a écrit :

Encountered: " " (32), after : "<"
Aucune feuille de style trouvée

==> en français : j'ai rencontré un ESPACE après un <

ta balise (qui ne devrait de tte façon pas être là) est :

< style ... > ==> un espace entre < et "style"...

Merci pour vos réponses.

Je pensais que ce bout de code permettait à la page HTML de lire correctement la CSS...

La CSS est valide maintenant.
Merci