W3C CSS Validator results for http://commeunsigne.fr/ (CSS level 3)

Congratulations! No Error Found.

This document validates as CSS level 3 !

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?profile=css3&uri=http%3A%2F%2Fcommeunsigne.fr%2F
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

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, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body {
line-height : 1;
}
ol, ul {
list-style : none;
}
blockquote, q {
quotes : none;
}
:focus {
outline : 0;
}
ins {
text-decoration : none;
}
del {
text-decoration : line-through;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
a[href], input[type="submit"], input[type="image"], label[for], select, button, .pointer {
cursor : pointer;
}
sup, sub {
vertical-align : baseline;
position : relative;
top : -0.4em;
}
sub {
top : 0.4em;
}
em {
font-style : italic;
}
strong {
font-weight : bold;
}
@font-face {
{
font-family : '"ArriereGarde"';
src : url("../fonts/arriere_garde-webfont.eot");
src : local("ArriereGarde"), local("Arrière Garde"), url("../fonts/arriere_garde-webfont.woff") format("woff"), url("../fonts/arriere_garde-webfont.ttf") format("truetype"), url("../fonts/arriere_garde-webfont.svg") format("svg");
}
}
@font-face {
{
font-family : '"Swenson"';
src : url("../fonts/swenson-webfont.eot");
src : local("Swenson Regular"), local("SwensonRegular"), url("../fonts/swenson-webfont.woff") format("woff"), url("../fonts/swenson-webfont.ttf") format("truetype"), url("../fonts/swenson-webfont.svg") format("svg");
}
}
body, html {
height : 100%;
width : 100%;
}
body {
color : #333;
font-size : 0.8em;
line-height : 1.4;
font-family : "Tw Cent MT", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
background : url("../images/papier.jpg") center repeat-y #ffffff;
}
a {
text-decoration : none;
border-bottom : 1px dotted #1c4792;
}
a:link {
color : #1c4792;
}
a:visited {
color : #307cff;
font-style : italic;
}
a:hover, a:focus, a:active {
text-decoration : none;
border : none;
}
a:active {
outline : none;
}
a:focus {
outline : 1px dotted #cccccc;
}
a img {
border : none;
}
a#top {
position : absolute;
top : 0;
}
#wrap {
width : 100%;
padding : 0 0 100px;
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -100px;
}
#navigation {
width : 100%;
height : 100px !important ;
background-color : #1c4792;
margin : 0 auto;
position : fixed;
top : 0;
z-index : 20;
}
ul#nav {
height : 100px !important ;
width : 960px;
margin : 0 auto;
padding : 0;
overflow : hidden;
border-bottom : 1px solid #ffffff;
}
ul#nav li {
float : left;
display : inline;
margin : 5px 40px 0 0;
}
ul#nav li#first {
display : none;
}
ul#nav li.last {
margin-right : 0;
}
ul#nav a#qui, ul#nav a#que, ul#nav a#quoi, ul#nav a#comment {
text-indent : -9999px;
height : 75px;
display : block;
background : url("../images/nav.gif") no-repeat;
overflow : hidden;
position : relative;
z-index : 50;
}
ul#nav a#qui {
width : 112px;
background-position : 0 0;
}
ul#nav a#que {
width : 220px;
background-position : -152px 0;
}
ul#nav a#quoi {
width : 202px;
background-position : -412px 0;
}
ul#nav a#comment {
width : 306px;
background-position : -654px 0;
}
ul#nav li.back {
border-bottom : 5px solid #ffffff;
height : 30px;
top : 50px;
position : absolute;
z-index : 40;
}
#navigationShadow {
width : 960px;
margin : 0 auto;
height : 30px;
background : url("../images/shadow.png") top center no-repeat;
}
#main {
width : 960px;
margin : 109px auto 0;
position : relative;
padding : 0;
}
#introWrap {
background : url("../images/stripes.jpg") bottom right no-repeat;
margin : -19px 0 0;
display : block;
margin-bottom : 1px;
}
#introLogo {
width : 230px;
position : fixed;
margin : 40px 0 60px;
}
#introContent {
float : right;
width : 700px;
height : 328px !important ;
line-height : 1.2em;
}
#content {
float : right;
width : 700px;
padding : 0;
border-top : 1px solid #aaabaa;
z-index : 2;
}
#quiContent, #queContent, #quoiContent, #commentContent {
min-height : 1000px;
height : auto !important ;
height : 1000px;
margin : 0 auto;
position : relative;
z-index : 10;
}
.transition {
min-height : 2000px;
height : auto !important ;
height : 2000px;
display : block;
}
h1 {
width : 230px;
height : 240px;
float : left;
}
h1 a {
display : block;
width : 230px;
height : 240px;
border : none;
}
h2 {
font-family : ArriereGarde, "ArriereGarde", "Tw Cent MT", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 3em;
line-height : 0.8;
color : #1c4792;
text-shadow : 0 0 5px #aaabaa;
margin : 60px 0 0.5em;
}
#accessibilite h3 {
margin : 20px 0 0.5em;
padding : 20px 0;
font-size : 2em;
}
h3 {
font-family : ArriereGarde, "ArriereGarde", "Tw Cent MT", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight : normal;
font-size : 3em;
line-height : 0.8;
text-shadow : 0 0 5px #aaabaa;
padding-top : 150px;
margin-bottom : 0.5em;
}
h3 span {
font-family : Swenson, "Swenson", "Tw Cent MT", "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 0.75em;
}
dt {
font-weight : bold;
font-style : italic;
font-size : 1.5em;
}
h4 {
font-weight : bold;
font-size : 1.2em;
margin : 0;
padding : 10px 0 0;
}
ul {
margin : 10px 0 10px 20px;
list-style-type : disc;
}
ul li {
margin-bottom : 10px;
}
p {
margin : 0.75em 0;
font-size : 1em;
}
#logo p {
margin-top : 20px;
text-align : center;
font-size : 0.8em;
}
#introContent p {
width : 500px;
}
dd p {
color : #333;
line-height : 1.4;
}
#stage {
margin-top : 270px;
width : 230px;
height : 300px;
position : absolute;
display : block;
}
.dot {
float : left;
height : 25px;
width : 25px;
}
.dot.active {
background : url("../images/bluedot.png") center center no-repeat;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
.portrait {
float : right;
border : #aaabaa solid 1px;
width : 202px;
height : 152px;
margin : 0 0 30px 30px;
}
.portrait img {
margin : 1px;
}
dt {
margin-top : 36px;
padding : 0 26px 0 0;
width : 150px;
text-align : right;
float : left;
height : 150px;
border-right : 1px solid #aaabaa;
color : #1c4792;
}
dd {
width : 510px;
float : right;
}
dd span {
font-weight : bold;
}
dd.clear {
height : 30px;
}
dl#temoignages dt {
padding-top : 6px;
font-size : 1em;
height : auto;
}
.citation {
font-style : italic;
}
.adresse {
line-height : 2em;
margin : 10px 0 0 10px;
padding-left : 10px;
border-left : 1px dotted #1c4792;
font-style : italic;
}
form {
margin-top : 20px;
}
fieldset {
border-top : 1px dotted #1c4792;
padding : 0 10px 20px 0;
}
fieldset.submit {
border : none;
padding-top : 20px;
}
legend {
font-weight : bold;
font-size : 1.2em;
text-transform : uppercase;
margin : 20px 0 0 20px;
padding : 0 10px;
color : #1c4792;
}
.hide {
display : none;
}
label {
display : block;
margin-top : 10px;
font-weight : bold;
}
input, textarea {
display : block;
margin : 0 0 10px;
border : #1c4792 solid 1px;
}
textarea {
resize : none;
}
#response {
color : #1c4792;
font-style : italic;
}
.button, .button:visited {
background : url("images/button_overlay.png") repeat-x #1c4792;
display : inline-block;
padding : 5px 10px 6px;
color : #ffffff;
text-decoration : none;
position : relative;
cursor : pointer;
font-size : 13px;
font-weight : bold;
line-height : 1;
}
.button:hover, .buton:active {
background-color : #aaabaa;
color : #ffffff;
}
#footer {
width : 100%;
position : relative;
z-index : 20;
}
#footerShadow {
width : 960px;
margin : 0 auto;
padding : 0;
height : 30px;
background : url("../images/shadowNeg.png") bottom center no-repeat;
}
#footerContent {
margin : 0;
padding : 10px 0;
background : #1c4792;
border-top : 1px solid #ffffff;
}
#footerContent p {
color : #ffffff;
text-align : center;
}
#footerContent p.legal {
font-size : 0.8em;
text-align : center;
}
#footerContent span {
margin : 0 6px;
}
#footerContent a {
color : #ffffff;
border-bottom : 1px dotted #ffffff;
}
#footerContent a:hover {
border-bottom : none;
}
#footerContent a.social {
border : none;
text-decoration : none;
padding-top : 10px;
margin : 0 2px;
}
#footerContent a img {
vertical-align : middle;
}
#evitement {
position : absolute;
top : -1000px;
}
#evitement li {
float : left;
display : inline;
margin-right : 20px;
}
acronym {
speak : normal;
cursor : help;
border-bottom : 1px dotted #aaabaa;
}
abbr {
border-bottom : 1px dotted #222222;
cursor : help;
}
abbr.truncation {
speak : normal;
}
code {
font-family : "Courier New", Courier, monospace;
font-size : 1.2em;
font-weight : bold;
}
html, body, div, ul, li {
background : none;
background-image : none;
}
body, table {
font-weight : normal;
font-family : sans-serif;
background : #000000;
color : #ffffff;
font-size : 100%;
}
h2, h3 {
border-bottom : 1px solid #ffffff;
}
ul {
list-style : disc inside;
}
a:visited {
color : #00cc99;
}
a:link {
color : #66ffcc;
}
a:active {
color : #ff0000;
}
a:hover {
color : #66ffcc;
}
a img {
border : none;
text-decoration : none;
}
h1, h2, h3, h4, h5, dt, #footer {
margin-top : 40px;
}
p {
margin : 10px 0;
}
#evitement {
top : 0;
}
#navigation {
display : none;
}
ul#nav a#qui, ul#nav a#que, ul#nav a#quoi, ul#nav a#comment {
text-indent : 0;
height : auto;
}
#introWrap {
background-image : none !important ;
background-color : #000000 !important ;
}
dt {
font-weight : bold;
border-bottom : 1px solid #ffffff;
}
.alert-oldIE {
background : none;
color : #ffffff;
border-color : #ffffff;
}
@import url('contrast.css');
html, body, div, ul, li {
background : none;
background-image : none;
}
body, table {
font-weight : normal;
font-family : sans-serif;
background : #000000;
color : #ffffff;
font-size : 100%;
}
h2, h3 {
border-bottom : 1px solid #ffffff;
}
ul {
list-style : disc inside;
}
a:visited {
color : #00cc99;
}
a:link {
color : #66ffcc;
}
a:active {
color : #ff0000;
}
a:hover {
color : #66ffcc;
}
a img {
border : none;
text-decoration : none;
}
h1, h2, h3, h4, h5, dt, #footer {
margin-top : 40px;
}
p {
margin : 10px 0;
}
#evitement {
top : 0;
}
#navigation {
display : none;
}
ul#nav a#qui, ul#nav a#que, ul#nav a#quoi, ul#nav a#comment {
text-indent : 0;
height : auto;
}
#introWrap {
background-image : none !important ;
background-color : #000000 !important ;
}
dt {
font-weight : bold;
border-bottom : 1px solid #ffffff;
}
.alert-oldIE {
background : none;
color : #ffffff;
border-color : #ffffff;
}
body {
font-size : 150%;
}

↑ Top