BODY { 
  margin: 0em;
  font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
  font-size:small;
  line-height: 1.1;
  background: black;
  color: black; 
}

H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { display: block }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, IMG, SPAN { display: inline }

LI { display: list-item }

H1, H2, H3, H4 { margin-top: 1em; margin-bottom: 1em }
H5, H6 { margin-top: 1em }
H1, H2, H4, H6 { font-weight: bold }
H4, H5 { font-style: italic }

H1 { font-size: xx-large }
H2 { font-size: x-large }
H3 { font-size: large }

B, STRONG { font-weight: bolder }  /* relatif au parent */
I, CITE, EM, VAR, ADDRESS { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* formatage serré */
LI { margin-left: 3em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }        /* 'border-bottom' est aussi possible */

A:link { color: black; text-decoration:none; }          /* liens non visités */
A:visited { color: black; text-decoration:none; }        /* liens visités */
A:active { color: black; text-decoration:none; }        /* liens activés */
A:hover { color: black; text-decoration:underline; }          /* liens survolés */

/* sélecteurs contextuels requis pour la bordure indiquant un lien autour des éléments IMG */

A:link IMG { border: 2px solid blue }
A:visited IMG { border: 2px solid red }
A:active IMG { border: 2px solid lime }

div#main {
	border:0px;
	background:WHITE;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:980px;
	top:0px;
	z-index:1;
}

div#content {
  float:left;
  width:698px;
  background:white url(top.png) no-repeat;
  padding-top:0px;
}
#content hr {border:0px;border-top:2px solid #ff0000;width:620px;margin-bottom:10px;margin-top:15px;}
#content h1 {background:#000000 url(h1.png) repeat-y;width:608px;color:#ff0000;text-transform:uppercase;margin:0px;padding:0px;padding-left:50px;}
#content h1 a {background:none;color:#ff0000;text-decoration:none;}
#content h2 {background-color:#ff0000;color:#000000;margin:0px;margin-left:40px;padding:0 20px 0 20px;width:450px; }
#content h3 { width:100%;font-size:small;padding-left:0;margin-left:0;background-color:white; }
#content p {margin-left:60px;margin-right:60px;text-align:justify;line-height:1.6em;}
#content p:first-letter {text-transform: uppercase;}
#content p.sign {text-align:right;margin:20px 20px 10px 0;}
#content a { background-color:#e2e2e2;}
#content ul {margin-left: 0px;margin-right:60px;}
#content li {line-height:1.6em;list-style-image: url(puce.gif);text-align:justify;}
#content pre {border: 1px dotted #CCCCCC;font-family: courier;background-color: #f4f4f4;font-size: 0.8em;	padding:5px;margin-left:80px;margin-right:80px;overflow-y : hidden;position : relative;	overflow: auto;	width: 538px;}
#content blockquote {display: block;padding: 0;width: 438px;margin-left:130px;margin-right:80px;margin-bottom:20px;text-align:justify;color:grey;font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;}
#content blockquote:before, blockquote:after {color: #ff0000;display: block;font-size: 700%;width: 50px;}
#content blockquote:before {content: open-quote;height: 0;margin-left: -50px;}
#content blockquote:after {content: close-quote;height: 50px;margin-top: -45px;margin-left: 453px;}
#content img {border:0px;}
#content img.right {float:right;margin:10px 0 10px 10px;}
#content img.left {float:left;margin:10px 10px 10px 0;}
#content .colle {line-height:1.2em;}

div.box { width:298px;height:172px;float:left;padding:15px;padding-bottom:0;margin:15px 8px 0 8px; }
div.box-left { width:99px;float:left;padding-right:15px;text-align:right;color:grey; }
.box-left img { width:99px;margin-bottom:0px;background:white;}
div.box-right { width:184px;float:left;overflow:hidden;height:171px;text-align:justify; }

div.minibox { width:298px;height:127px;float:left;padding:15px;padding-bottom:0;margin:15px 8px 0 8px; }
div.minibox-left { width:99px;float:left;padding-right:15px;text-align:right;color:grey; }
.minibox-left img { width:99px;margin-bottom:0px;background:white;}
div.minibox-right { width:184px;float:left;overflow:hidden;height:126px; }

div#suggests {
	background:#e2e2e2;height:75px;margin-bottom:20px;padding:10px;
}
#suggests div {float:left;width:295px;overflow:hidden;height:70px;margin:0 20px;color:grey;text-align:justify;}

ul#menutop {
	list-style-type: none;
	width: 909px;
	margin: 0px;
	margin-bottom:100px;
	padding: 0px;
}
#menutop li {line-height:1em;list-style-image:none;float: left;margin:0 0 0 2px;padding:0 10px 5px 10px;background:#ff0000;}
#menutop a {background:#ff0000;font-weight:bold;}
#menutop a:hover {background:#ff0000;font-weight:bold;}


div#comments {
  width:698px;
  background:grey;
  padding: 20px 0 20px 0;
}
#comments hr {border:0px;border-top:1px solid black;width:580px;margin:0px;margin-left:60px;}
#comments h1 {background:#000000;}
#comments h2 {background-color:grey;width:auto;color:#ff0000;margin:0px;margin-top:20px;margin-left:60px;margin-right:60px;padding:0px;font-size:medium; }
#comments h2 a {background:none;color:#ff0000;text-decoration:underline;}
#comments a { background:#999999;}
#comments p {margin-left:60px;margin-right:60px;margin-top:5px;text-align:justify;line-height:1.2em;}
#comments form {margin-left:60px;margin-right:60px;margin-top:20px;text-align:right;}
#comments pre {line-height:1.0em;background-color:#666666;}


div#right {
  float:right;
  width:200px;
  padding:0px 40px 30px 40px;
  border-left:2px solid black;
  border-bottom:2px solid black;
}
#right input[type=text] {width:178px;background:url(loupe.png) no-repeat;border:1px solid black;border-bottom:0;padding:0px 0px 0px 20px;}
#right p {text-align:justify;line-height:1.6em;}
#right h1 {color:#ff0000;background-color:WHITE;margin-bottom:5px;border-top:1px solid #000000;padding:0px 0px 0px 5px;font-size:x-large;}
#right img {border:0;}
#right img.puce {float:left;margin:3px 1px 0 1px;border:0;}
#right img.face {float:left;margin:0 10px 30px 0;}

div#resultats {
	border:1px solid black;
  background:#cccccc;
  margin:0;
}
#resultats ul {list-style-type: none;margin: 0px;padding: 0px;}
#resultats li {line-height:normal;margin:0px;padding:0;}
#resultats p {font-size:x-small;line-height:normal;}
#resultats a {font-size:x-small;line-height:normal;}

#content_right ul {list-style-type: none;margin: 0 0 0 10px;padding: 0px;}
#content_right li {line-height:1.6em;list-style-image: url(puce-black.gif);margin:0px;padding:0 0 0 0px;}



div#footer {
	width:940px;
	background: black;
	clear:both;
	text-align:center;
	margin:0px;
	padding:20px;
}
#footer a { color:white;}
#footer p {color:white;}

div#options {
	position:absolute;
	top:25px;
	left:555px;
	width:130px;
}
#options img {border:0;margin:1px;}


.button {
    margin:0px;
    background-color:black;
    border:0px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ff0000;
    overflow:visible;
    padding:4px 30px 4px 30px; /* IE6 */
}
.button:hover {
    background-color:#333333;
    cursor:pointer;
}
.button:active {
    background-color:#666666;
    cursor:pointer;
}

<!--if firefox> 
p, h1, h2::selection {
	background: #FA0101; /* Safari */
	color:#ffffff;
}
::-moz-selection {
	background: #FA0101; /* Firefox */
	color:#ffffff;
}
<!endif-->