W3C CSS Validator results for http://www.crvf.com/css/general.css (CSS level 2.1)

Congratulations! No Error Found.

This document validates as CSS level 2.1 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<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="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<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="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?uri=http://www.crvf.com/css/general.css&profile=css21&usermedium=all&warning=1
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (6)

URI : http://www.crvf.com/css/general.css

61 Same colors for color and background-color in two contexts #taste_vin li img and h3 a
61 Same colors for color and background-color in two contexts .info_prod and h3 a
801 Same colors for color and background-color in two contexts .info_prod and .see_awarded b
801 Same colors for color and background-color in two contexts #taste_vin li img and .see_awarded b
806 Same colors for color and background-color in two contexts .info_prod and .see_awarded a
806 Same colors for color and background-color in two contexts #taste_vin li img and .see_awarded a

↑ Top

Valid CSS information

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, ul, li, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
}
a {
text-decoration : none;
}
p {
text-align : justify;
}
:focus {
outline : 0;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
body {
font : 0.8em arial, verdana;
line-height : 18px;
color : #444;
text-align : center;
background-color : #c1b8a3;
}
h1 {
font-size : 1.6em;
font-family : "Lucida Grande", arial, verdana;
font-weight : normal;
line-height : 28px;
color : #614b36;
border-bottom : 1px solid #ffe489;
display : inline;
margin-bottom : 12px;
}
h2 {
font : 1.6em Georgia, "Times new Roman", serif;
color : #5c333a;
padding-top : 33px;
}
h3 {
font : 1.6em Georgia, "Times new Roman", serif;
}
h3 a {
color : #ffffff;
}
#cadre_site {
background : url(../img/body_bg.jpg) repeat-y;
margin-left : auto;
margin-right : auto;
text-align : left;
width : 848px;
}
#gen {
padding-left : 9px;
padding-right : 11px;
}
.clear {
clear : both;
}
#menu {
margin : -4px 0 0 0;
}
#menu li {
float : left;
height : 71px;
}
#menu a {
display : block;
width : 207px;
height : 71px;
background : url(../img/menu_bg.jpg);
}
#menu a:hover {
background : url(../img/menu_bg_over.jpg);
}
.dt {
position : absolute;
color : #e6ddde;
font : 18px "Lucida Grande", Arial, Verdana;
font-weight : bold;
margin : 7px 0 0 28px;
cursor : pointer;
}
.dd {
position : absolute;
color : #ccaeb3;
font : 11px "Lucida Grande", arial, verdana;
margin : 30px 0 0 28px;
cursor : pointer;
}
#macaron {
background : #f6f5f1;
border-bottom : 1px solid #eeede8;
height : 162px;
clear : both;
}
#macaron img {
float : left;
}
#macaron p, #macaron_sans p {
font : 0.9em Georgia, "Times new Roman", serif;
line-height : 22px;
padding : 14px 45px 0 0;
color : #7b3743;
}
#macaron p a, #macaron_sans p a {
color : #c02031;
border-bottom : 1px solid #d3cbbd;
}
#macaron p a:hover, #macaron_sans p a:hover {
border-bottom : 1px solid #b8ac96;
}
#macaron_sans {
background : #f6f5f1;
border-bottom : 1px solid #eeede8;
height : 170px;
clear : both;
padding-left : 35px;
}
#macaron_sans h2 {
padding-top : 25px;
}
#macaron_sans p {
padding-top : 10px;
}
#col_gauche {
float : left;
padding : 50px 0 0 30px;
width : 488px;
}
#col_gauche p {
margin : 14px 0 50px 0;
}
#col_gauche p a {
background : #ffe489;
padding : 0 2px 2px 2px;
color : #444;
}
#col_gauche p a:visited {
background : #f1edee;
}
#col_droite {
border-left : 1px solid #e1dcd1;
padding-left : 17px;
margin : 45px 25px 0 546px !important ;
margin : 45px 22px 0 546px;
}
.encart_accueil, .encart_accueil_over {
background : #f4f1eb;
border : 1px solid #ece9e3;
font : 0.85em "Lucida Grande", arial, verdana;
margin-bottom : 12px;
}
.encart_accueil_over {
border : 1px solid #dfd8c9;
}
.encart_accueil a b, .encart_accueil_over a b {
display : block;
color : #701e2c;
padding : 5px 0 5px 8px;
}
.encart_accueil a img, .encart_accueil_over a img {
padding : 0 9px 0 8px;
margin-bottom : 5px;
}
#bottom_accueil {
background : #edf3cd;
margin-top : 35px !important ;
margin-top : 10px;
padding : 20px 0 20px 30px;
height : 250px;
width : 798px;
}
#bottom_accueil h1 {
font-family : Georgia, "Times new roman", serif;
border : none;
}
#bottom_accueil ul {
margin-top : 18px;
}
#bottom_accueil li {
float : left;
width : 175px;
height : 181px;
background : url(../img/accueil_encarts_vert.gif);
margin-right : 24px;
}
#bottom_accueil .li_over {
width : 175px;
height : 181px;
background : url(../img/accueil_encarts_vert_over.gif);
float : left;
margin-right : 24px;
}
.last_objectif {
margin-right : -27px !important ;
}
.last_objectif_over {
margin-right : -27px !important ;
background : url(../img/accueil_encarts_vert_over.gif) !important ;
}
#bottom_accueil h3 a {
height : 51px;
width : 175px;
display : block;
text-align : center;
padding-top : 10px;
}
#bottom_accueil p a {
height : 103px;
width : 149px;
display : block;
padding : 15px 13px 0 13px;
text-align : left;
font : 0.85em "Lucida Grande", arial, verdana;
line-height : 18px;
color : #444;
}
#menu_footer {
background : #554635;
padding : 11px 30px 0 30px;
font-size : 0.9em;
}
#menu_footer ul {
border-bottom : 1px solid #493d2f;
padding-bottom : 8px;
}
#menu_footer li {
display : inline;
color : #736b5a;
}
#menu_footer li a {
color : #a79f8d;
margin-right : 6px;
}
#menu_footer li a:hover {
color : #c4bdae;
}
#footer {
background : #554635 url(../img/bg_footer.gif) repeat-x bottom;
color : #a79f8d;
height : 60px;
line-height : 14px;
padding-bottom : 6px;
}
#footer ul {
padding : 11px 0 0 6px;
}
#footer li {
padding : 0 25px 0 25px;
border-right : 1px solid #68604d;
font-size : 0.8em;
font-family : "Lucida Grande", arial, verdana;
float : left;
text-align : justify;
}
#footer li a {
color : #a79f8d;
}
#footer li a:hover {
color : #c4bdae;
}
#haut_de_page {
border : none !important ;
}
#haut_de_page a span {
font-family : arial, verdana;
font-size : 1.6em;
color : #a79f8d;
font-weight : bold;
display : block;
padding-left : 10px;
}
#haut_de_page a img {
margin-left : 60px;
margin-bottom : 2px !important ;
margin-bottom : 5px;
}
#cadre_contenu_ss_menu {
background : url(../img/bg_ss_menu.gif) repeat-y left;
padding : 0 0 6px 237px;
margin : 50px 30px 50px 0;
}
#cadre_contenu_ss_menu p {
margin : 14px 0 50px 0;
}
#cadre_contenu_ss_menu p a {
background : #ffe489;
padding : 0 2px 2px 2px;
color : #444;
}
#cadre_contenu_ss_menu p a:visited {
background : #f1edee;
}
#no_margin {
margin : 14px 0 0 0 !important ;
}
#sous_menu {
position : absolute;
margin-left : -237px;
}
#sous_menu ul {
margin : 16px 0 0 22px;
width : 178px;
}
#sous_menu li {
border-top : 1px solid #dcd7c3;
}
#double_border {
border-bottom : 1px solid #dcd7c3;
}
#sous_menu li a {
display : block;
width : 156px;
padding : 6px 0 5px 22px;
color : #444;
background : url(../img/puce_ss_menu_a.gif) no-repeat left top;
}
#sous_menu li a:hover {
display : block;
width : 156px;
padding : 6px 0 5px 22px;
color : #54252d;
background : url(../img/puce_ss_menu_a.gif) no-repeat left top;
}
#sous_menu span {
display : block;
width : 156px;
padding : 6px 0 5px 22px;
color : #54252d;
background : url(../img/puce_ss_menu_span.gif) no-repeat left top;
}
#ss_menu_img_bottom {
background : url(../img/bg_ss_menu_bottom.gif) no-repeat left;
margin-left : -237px;
width : 212px;
height : 6px;
position : absolute;
}
.liste_def {
list-style-type : square;
background : #f3f7e1;
margin-top : -35px;
padding : 8px;
}
.liste_def dt {
margin-bottom : 12px;
font-size : 1.2em;
}
.liste_def dd {
padding-left : 20px;
margin : 0 0 5px 8px;
background : url(../img/puce_liste.gif) no-repeat left top;
}
.liste_def li {
margin-bottom : 10px;
}
.liste {
list-style-type : square;
margin-top : -35px;
}
.liste li {
margin : 0 0 12px 20px;
}
#dl_pdf {
border : 1px solid #f07389;
background : #ffc0cb url(../img/dl_mini.gif) no-repeat left !important ;
padding : 15px 15px 15px 46px !important ;
font-weight : bold;
text-decoration : underline;
}
#taste_vin {
margin : 30px 0 40px 0;
line-height : 20px;
}
#taste_vin li {
margin-bottom : 25px;
padding : 8px 10px 15px 8px;
background : #f3f7e1 url(../img/bg_encart_tv.jpg) no-repeat top right;
border : 1px solid #e5ecc2;
}
#taste_vin li b {
border-bottom : 1px solid #e0e0e0;
padding-bottom : 1px;
}
#taste_vin li span {
display : block;
margin-top : 5px;
}
#taste_vin li img {
float : left;
margin-right : 15px;
border : 1px solid #e0e0e0;
background : white;
}
#historique {
background : #fff2bf;
padding : 10px;
margin : 0 0 30px 0;
font-family : Georgia, "Times New Roman", Serif;
}
#historique p {
margin : 10px 0 0 0;
color : #5f564d;
}
#historique span {
font-size : 1.8em;
color : #614b36;
display : block;
}
#historique img {
float : right;
margin : 30px 5px 5px 20px;
}
#historique span img {
float : left;
margin : 0;
}
#mailto {
text-decoration : underline;
background : inherit !important ;
}
#actu_content {
min-height : 300px;
height : auto !important ;
height : 300px;
}
#actu_content img {
float : left;
margin : 2px 15px 5px 0;
border : 1px solid #f6f4ed;
}
#dl_content {
min-height : 300px;
height : auto !important ;
height : 300px;
}
#dl_content div {
height : 18px;
}
#dl_content .resultat_pair p, #dl_content .resultat_impair p {
width : 440px;
color : #5f492d;
font-weight : bold;
margin : 0;
}
#dl_content a {
float : right;
color : #a48b6c;
text-decoration : underline;
}
#btn_dldoc {
background : url(../img/btn_dldoc.jpg) no-repeat 0 0;
width : 179px;
height : 60px;
margin : 250px 0 0 -215px;
position : absolute;
}
#btn_dldoc:hover {
background : url(../img/btn_dldoc.jpg) no-repeat 0 -61px;
}
.hdp {
width : 27px;
height : 22px;
display : block;
background : url(../img/hdp_fleche.gif) no-repeat right;
position : absolute;
margin : 1px 0 0 -55px;
cursor : pointer;
}
.hdp:hover {
width : 121px;
margin : 1px 0 0 -149px;
background : url(../img/hdp_full.gif) no-repeat right;
}
#tooltip {
position : absolute;
padding : 5px 8px;
background : #c1b8a3;
border : 1px solid #9f9681;
}
#recherche_vins {
height : 314px;
background : url(../img/bg_recherche.jpg) repeat-x;
}
#recherche_vins_form {
float : right;
width : 410px;
color : #7b3743;
}
#recherche_vins_form h5 {
text-align : center;
font-family : georgia, "Times new Roman", serif;
font-weight : bold;
font-size : 12px;
margin : 33px 50px 20px 0;
text-transform : uppercase;
}
#recherche_vins_form label {
display : block;
float : left;
width : 110px;
text-align : right;
margin-right : 15px;
}
#recherche_vins_form input {
border : 1px solid #eae6de;
width : 230px;
padding : 2px;
}
#recherche_vins_form select {
border : 1px solid #eae6de;
}
#recherche_vins_form input:hover, #recherche_vins_form input:focus, #recherche_vins_form select:hover {
border : 1px solid #d0c9bc;
}
#recherche_vins_form span {
display : block;
float : left;
width : 110px;
text-align : right;
margin-right : 15px;
}
#recherche_vins_form b {
margin-left : 30px;
font-weight : normal;
}
#recherche_vins_form button {
background : inherit;
border : none;
cursor : pointer;
margin-left : 118px !important ;
margin-left : 124px;
margin-top : -5px;
width : 95px;
}
#under_recherche {
text-align : center;
margin-top : 10px;
background : url(../img/bg_under_recherche.jpg) repeat-x;
}
#recherche_prod input {
padding : 5px !important ;
padding : 0;
margin-left : 60px;
margin-top : 4px;
}
#recherche_prod label {
width : 200px !important ;
text-align : left;
margin-top : 40px;
margin-left : 60px !important ;
margin-left : 30px;
}
#recherche_prod span {
color : #888;
font-size : 80%;
width : 200px !important ;
margin-left : 80px !important ;
margin-left : 35px;
}
#recherche_prod button {
width : 125px !important ;
width : 110px;
}
#producteurs_liste h3 a {
font-size : 110%;
line-height : 22px;
text-transform : uppercase;
}
#producteurs_liste .resultat_impair, #producteurs_liste .resultat_pair {
padding : 8px;
}
.info_prod {
display : none;
background : white;
margin : 10px 3px 5px 0;
padding-bottom : 10px;
}
.info_prod li {
padding : 2px 5px;
}
.info_prod li a {
color : #cf5566;
text-decoration : underline;
}
.info_prod span {
margin-right : 20px;
}
#nombre_resultats {
min-height : 250px;
height : auto !important ;
height : 250px;
}
#nombre_resultats p {
font-style : italic;
color : #958e75;
text-transform : uppercase;
margin-bottom : 15px;
}
.resultat_impair {
padding : 12px;
background : #f3f0e9;
border-bottom : 1px solid #f2efe6;
margin-bottom : 1px;
}
.resultat_pair {
padding : 12px;
background : #fbf9f4;
border-bottom : 1px solid #f2efe6;
margin-bottom : 1px;
}
.resultat_impair h3, .resultat_pair h3 {
font-family : arial, helvetica, sans-serif;
font-size : 1em;
font-weight : bold;
color : #d82a47;
}
.resultat_impair h3 a, .resultat_pair h3 a {
color : #5f492d;
}
.resultat_impair h3 a:hover, .resultat_pair h3 a:hover {
text-decoration : underline;
}
.resultat_impair h4, .resultat_pair h4 {
color : #c93d52;
font-size : 0.85em;
letter-spacing : 0.06em;
font-weight : normal;
}
.resultat_impair h4 span, .resultat_pair h4 span {
color : #444;
}
.resultat_impair img, .resultat_pair img {
float : left;
margin-right : 12px;
}
.liste_prod h3 a {
display : block;
width : 100%;
float : none;
}
.liste_prod h3 img {
float : left;
}
.liste_prod h3 .toggle_img {
float : right;
}
.see_awarded {
background : #d82f48;
color : white;
margin : 5px 0 -10px 0;
}
.see_awarded b {
text-transform : uppercase;
font-weight : normal;
display : block;
text-align : center;
margin : 3px 0 8px 0;
color : #fff !important ;
}
.see_awarded a {
text-align : left;
background : url(../img/arrow.gif) no-repeat top left;
color : #fff !important ;
padding : 4px 0 4px 27px;
display : block;
}
.see_awarded a:hover {
background : #df4561 url(../img/arrow.gif) no-repeat top left;
}
.see_awarded a span {
padding-left : 10px;
margin : 0 !important ;
background : #d82f48;
color : #444;
}
.see_awarded a:hover span {
background : #df4561;
}
.no_see_awarded {
display : none;
}
#distrib li {
padding : 15px 0 15px 22px;
background : url(../img/puce_distrib.gif) no-repeat left center;
border-bottom : 1px solid #f6f4ed;
text-transform : uppercase;
}
#distrib li a {
float : right;
background : #ffe489;
padding : 0 2px 1px 2px;
color : #444;
text-transform : none;
}
#distrib li:hover {
background : #fff9e4 url(../img/puce_distrib.gif) no-repeat left center;
}
.pattern_vin_impair {
background : #f3f0e9;
border-bottom : 1px solid white;
padding : 10px;
width : 540px;
}
.pattern_vin_pair {
background : #fbf9f4;
border-bottom : 1px solid white;
padding : 10px;
width : 540px;
}
.pattern_vin_impair img, .pattern_vin_pair img {
float : left;
margin-right : 10px;
}
.pattern_vin_impair h3 a, .pattern_vin_pair h3 a {
font-family : arial, verdana, sans-serif;
font-weight : bold;
color : #5f492f;
font-size : 0.65em;
display : block;
}
.pattern_vin_impair b, .pattern_vin_pair b {
font-size : 0.8em;
color : #d82f49;
font-weight : normal;
}
.pattern_vin_impair b span, .pattern_vin_pair b span {
color : #444;
}
.couleur {
float : right;
width : 50px;
height : 30px;
border-left : 1px solid #d6d0c2;
}
.couleur img {
margin-left : 19px;
}
#pagination {
text-align : center;
margin-top : 30px;
font-size : 0.9em;
padding-bottom : 5px;
line-height : 30px;
}
#pagination li {
display : inline;
}
#pagination li a {
border : 1px solid #c1b8a3;
padding : 2px 6px;
background : #f3f0e9;
color : #5f492f;
margin : 0 4px;
}
#pagination li a:hover {
background : #5f492e;
color : #f3f0e9;
}
#pagination li span {
padding : 2px 6px;
border-bottom : 1px solid #c1b8a3;
color : #5f492f;
}
#contacts {
padding : 40px 0 0 30px;
}
#contacts p {
float : left;
margin : 15px 0 50px 0;
}
#contacts p strong {
display : block;
margin-bottom : 5px;
}
#contacts p a {
background : #ffe489;
padding : 0 2px 2px 2px;
color : #444;
}
#contact_2 {
padding-left : 100px;
}
#liens_utiles {
background : #edf3cd;
padding : 20px 30px 40px 30px;
}
#liens_utiles ul {
margin-top : 10px;
}
#liens_utiles li {
border-bottom : 1px solid #d6e19a;
padding : 10px 0;
}
#liens_utiles li:hover {
background : #f5f9e3;
}
#liens_utiles li a {
background : #c8d777;
padding : 0 2px 2px 2px;
color : #444;
margin-left : 8px;
}
#liens_utiles li a:hover {
background : #d8e592;
}
#liens_utiles li span {
color : #555;
display : block;
margin-top : 5px;
}

↑ Top