/* newmediaart.eu — main.css */

body {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a:link    { color: #000000; text-decoration: none; }
a:visited { color: #000000; text-decoration: none; }
a:hover   { color: #000000; text-decoration: underline; }
a:active  { color: #000000; text-decoration: none; }

/* ── Layout principal ── */

.csA {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

.csB {
	float: left;
	height: 50px;
	width: 960px;
	position: relative;
}

.csC {
	float: left;
	height: 20px;
	width: 480px;
	position: relative;
	font-size: 16px;
}

.csD {
	float: left;
	height: 20px;
	width: 480px;
	position: relative;
	font-size: 16px;
	font-style: italic;
	text-align: right;
}

.csE {
	float: left;
	height: 30px;
	width: 960px;
	border-top: 1px solid #000000;
	position: relative;
}

/* ── Colonne de navigation (gauche, 320px) ── */

.csF {
	float: left;
	width: 320px;
	position: relative;
}

.csG {
	float: left;
	height: 25px;
	width: 200px;
	position: relative;
	border-bottom: 1px solid #000000;
	font-weight: bold;
}

.csH {
	float: left;
	height: 25px;
	width: 60px;
	position: relative;
	text-align: right;
	font-weight: bold;
	border-bottom: 1px solid #000000;
}

.csI {
	float: left;
	height: 25px;
	width: 60px;
	position: relative;
}

.csJ {
	float: left;
	height: 10px;
	width: 320px;
	position: relative;
}

.csK {
	font-style: italic;
	float: left;
	width: 320px;
	position: relative;
	line-height: 15px;
}

/* ── Colonne de contenu (droite, 640px) ── */

.csL {
	float: left;
	width: 640px;
	position: relative;
}

.csM {
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	height: 25px;
	width: 377px;
	position: relative;
	border-bottom: 1px solid #000000;
}

.csN {
	text-align: right;
	float: left;
	height: 25px;
	width: 263px;
	position: relative;
	border-bottom: 1px solid #000000;
}

.csO {
	float: left;
	height: 10px;
	width: 640px;
	position: relative;
}

.csP {
	float: left;
	width: 640px;
	position: relative;
	line-height: 18px;
	text-align: justify;
}

/* ── Texte courant et auteur ── */

.cs_text {
	float: left;
	width: 640px;
	position: relative;
}

.cs_author {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 260px;
	position: relative;
	font-style: italic;
	line-height: 18px;
}

/* ── Blocs image + légende (format paysage 427×320) ── */

.csQ {
	float: left;
	width: 640px;
	position: relative;
}

.csR {
	float: left;
	width: 427px;
	position: relative;
}

.csS {
	float: right;
	width: 196px;
	position: relative;
	font-size: 11px;
	line-height: 14px;
	text-align: left;
	font-style: italic;
}

/* ── Variante Qb (482×271) ── */

.csQb {
	float: left;
	width: 640px;
	position: relative;
}

.csRb {
	float: left;
	width: 482px;
	position: relative;
}

.csSb {
	float: right;
	width: 141px;
	position: relative;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	text-align: left;
}

/* ── Variante Qc (427×285) ── */

.csQc {
	float: left;
	width: 640px;
	position: relative;
}

.csRc {
	float: left;
	width: 427px;
	position: relative;
}

.csSc {
	float: right;
	width: 196px;
	position: relative;
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	text-align: left;
}

/* ── Blocs image + légende (format carré 320×320) ── */

.csT {
	float: left;
	width: 640px;
	position: relative;
}

.csU {
	float: left;
	width: 320px;
	position: relative;
}

.csV {
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	float: right;
	width: 303px;
	position: relative;
	text-align: left;
}

/* ── Blocs image + légende (format portrait 320×427) ── */

.csW {
	float: left;
	width: 640px;
	position: relative;
}

.csX {
	float: left;
	width: 320px;
	position: relative;
}

.csY {
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
	float: right;
	width: 303px;
	position: relative;
	text-align: left;
}

/* ── Signature / pied d'article ── */

.csZ {
	font-size: 11px;
	font-style: italic;
	line-height: 14px;
}

.csZb {
	font-size: 11px;
	line-height: 14px;
}

/* ── Règles spécifiques à index.html ── */

.page-index .csL {
	float: right;
	height: 295px;
	width: 640px;
	position: relative;
}

.page-index .csM {
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	height: 25px;
	width: 337px;
	position: relative;
	border-bottom: 1px solid #000000;
}

.page-index .csN {
	font-weight: bold;
	text-align: right;
	float: left;
	height: 25px;
	width: 303px;
	position: relative;
	border-bottom: 1px solid #000000;
}

.page-index .csO {
	float: left;
	height: 240px;
	width: 320px;
	position: relative;
}

.page-index .csP {
	float: left;
	height: 240px;
	width: 17px;
	position: relative;
}

.page-index .csQ {
	float: left;
	height: 10px;
	width: 303px;
	position: relative;
}

.page-index .csR {
	line-height: 18px;
	float: left;
	height: 222px;
	width: 303px;
	position: relative;
}

.page-index .csS {
	font-style: italic;
	line-height: 14px;
	float: left;
	height: auto;
	width: 303px;
	position: relative;
	font-size: 11px;
}