body{text-align:center;background-color:#312f34;color:#999;}
body{font-family:Arial, Verdana, sans-serif;}

#gray-line{background:#ddd url(../img/grayline-rounded.gif) no-repeat;border-bottom-color:#777;
	font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;}
#banner{text-transform:uppercase;text-align:right;margin:0;font-size:0.9em;
	color:#555;padding:0;}
#banner p{padding:0em 1em;}

#signature{width:945px;color:#999;margin:0 auto 2em auto;text-align:left;}
#signature a{color:#999;}

/* negative margin */
#holder{width:945px;text-align:left;margin:10px auto 0 auto;background:#fff;color:#000;}
#container{width:100%;float:left;margin-right:-677px}
#left-column{margin-right:677px;}
#right-column{width:677px;float:right;}

#header {background:#ccc;position:relative;margin-bottom:2em;
	height:97px;padding:18px 0 0 270px;
	voice-family: "\"}\""; voice-family:inherit;
	height:79px;
}
html>body #header{height:79px;}
h1 {display:inline;}
h1 a{display:block;width:260px;height:97px;background: url(../img/logo.png);
	position:absolute;left:0;top:0;}
#archives{position:absolute;top:0;right:0;width:195px;height:97px;
	background-color:#999;}
#archives p{font-size:1.5em;margin:30px 2em;}

#sommaire{margin:0 0 1em 1em;border-right:1px solid #333;
	height:259px;padding:0 0 1em 0;font-family:Verdana,Arial,sans-serif;}

#sommaire h2, #sommaire h3{font-weight:normal;color:#555;}
#sommaire h2 {font-size:1em;margin:0;padding:0;}
#sommaire h3 {font-size:1.5em;margin:0 0 1em 0;}

#cov img{float:left;border:1px solid #ccc;margin:0 .5em 1.5em 0}

#edito a, .white-box a, .black-box a{color:#d11;}

#edito h3{font-size:1em;margin:0;}
#edito h4{margin:0;font-size:1.3em;}
#edito p{line-height:1.1;}

.gray-box{padding:0 1em 0 1em;background:#49484f;color:#fff;height:250px;
	margin:0 0 1em 0;}
.gray-box p{font-family:Verdana,Arial,sans-serif;margin:0 0 1em 0;}
.gray-box form{margin-top:1em;}
.gray-box h3{font-weight:normal;margin:0;padding:1.2em 0 0 0;font-size:1.5em;}
.gray-box a{color:#fff !important;font-family:Verdana,Arial,sans-serif;}

.search{background-color:#56555e;}
.search p{padding:.5em 0 0 0;margin-bottom:0;}
.search h3{padding-top:0em;}
.search form p{margin:0 0 0.3em 0;padding:0;}
.search label{float:left;clear;both;width:40%;font-size:.9em;font-weight:bold;}
.search select{width:60%;font-size:.9em;}
* html .search select{width:58%;font-size:.6em;margin-bottom:.5em;}
.search input{background:#56555e url(../img/search.gif) 0 50% no-repeat;
	padding-left:1em;border:0 none;color:#fff;font-size:.9em;font-weight:bold;}

.white-box, .black-box{height:270px;position:relative;padding:0 480px 0 .5em;
	font-family:Verdana,Arial,sans-serif;margin:0 0 1em 0;}
.white-box img, .black-box img{position:absolute;top:0;right:0;}

.white-box h2, .black-box h2{margin:0;padding:0;color:#999;font-weight:normal;font-size:1.4em;}
.white-box h3, .black-box h3{margin:0;padding:0;font-weight:normal;font-size:1.7em;}
.white-box a, .black-box a {position:absolute;bottom:2em;left:1em;}
	
.black-box{background-color:#333;color:#fff;height:250px;}
.black-box h2{padding-top:1.2em;}

#marks {font-size:1.4em;padding-left:1em;margin-bottom:1em;}
#marks label{float:left;padding-right:1em;}