html {
	background:#fff;
	/*height:100%;  nécessaire pour body ... */
}

body {
	font: normal 14px/18px times, serif;
	background:#fff;
}

ul {
	list-style-type: none;
}
hr {
	border:0;
	border-top:1px solid #888;
	line-height:1em;
	color: #888;
	margin: 36px 0 1em 0; /* voir si je remplace 1em par 18px ou 17px */
	clear: both;
}
/* les liens */
a {
	font: normal 14px/18px times, serif;
	text-decoration: none;
	color:#000;
}
a:link, a:visited, a:hover, a:active {
	font: normal 14px/18px times, serif;
	color:#000;
}
a:hover {
	color:#808285;
}
.col1 a, .col2 a {
	color:#808285;
}

/*les titres*/

h1 {
	font:normal 26px/26px Replica-bold;
	text-transform:uppercase;
	letter-spacing:-1px;
}

h1 a {
	display:block;
	width:298px;
	height:25px;
	text-indent:-9999px;
	background:#fff url(../img/logo.png) no-repeat;
}

/* classes utiles */

.col1 {
	width:295px;
	float:left;
}
.col2 {
	width:295px;
	float:right;
}
.col1 p, .col2 p {
	margin-bottom:18px; /* ajusté sur la hauteur de ligne */
}
.left {
	float:left;
}
.right {
	float:right
}
.center {
	margin:0 auto;
}
.clear {
	clear:both;
}

/* le layout */

#page {
}

#header {
	height:126px; /* multiple de 18px, ajusté sur la hauteur de ligne */
	width:940px;
	left:20px;
	top:0;
	position:fixed;
	background:#fff;
}

#content {
	width:640px;
	position:absolute;
	left:340px;
	top:126px;
	margin-right:20px;
}

#sidebar {
	width:300px; /* les 20px manquants font la gouttière */
	position:fixed;
	left:20px;
	top:126px;
}

/* le haut de page */

#logo {
	width:315px;
	float:left;
	margin-top:18px;
}

/* le contenu de la page d'accueil */
/* ------------------------------  */

/* le contenu de chaque entrée */

div.entry {
	clear:left;
	width:620px;  /*si je le mets, ça bugge soys FFmac; si je l'enlève, le même bug apparaît sous SAF4mac ! */
}

div.entry img.right, img.left {
	width:295px;
	padding-bottom:18px; /* ajusté sur la hauteur de ligne */
}

div.entry p, div.entry ul, div.entry h2, div.entry h3, div.entry h4, div.entry h5 {
	clear:left;
	float:left;
	width:295px;
	padding-bottom:18px;
	font-weight:normal;
}

div.entry h4, div.entry h5 {
	padding:0;
}

div.entry h3 {
	font-size:18px;
	line-height:18px;
	font-style:italic;
}

/* le formulaire de la newsletter */

#content h2 {
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:18px;
}
#content a {
	font-style:italic;
}

form {
	padding:0;
	margin:0;
	margin-bottom:71px;
	font-family:inherit;
}
form ul {
	display:none;
}
form ul li {
	display:block;
	float:left;
	width:145px;
}

label.email-label {
	display:block;
	padding-bottom: 18px;
}
p input#email {
	border:none;
	background-color: #eee;
	padding:0;
	margin:0;
	font-family:times, serif;
	font-size:18px;
	line-height:18px;
	height:36px;
	width:100%;
	}
.invisible {
	display:none;
}

p.msg_err_ntux2 {
	color:red;
}

p.msg_ok_ntux2 {
	color:green
}

/* la barre latérale */
/* ----------------- */

#sidebar p {
	margin-bottom:18px;
}

#sidebar p span {
	display:block;
	text-transform:uppercase;
}

#content a:link,
#content a:visited,
#content a:hover,
#content a:active,
#sidebar a:link, #sidebar a:visited, #sidebar a:hover, #sidebar a:active {
	color:#808285;
	font: normal 14px/18px times, serif;
}