
.md_Spacer {
	display:block;
	clear:both;
	visibility:hidden;
	height:0px;
	line-height:0px;
	border:none;
	padding:0;
	margin:0;
	overflow:hidden;
}

.md_SpacerDiv {
	clear:both;
	visibility:hidden;
	height:0px;
	overflow:hidden;
}

.md_Bloc3x3 {
	width:580px;
	float:left;
	overflow:hidden;
}

/* --------------------------- module pub en haut de page toute la largeur ----- */
.md_ModulePubLarge {
	width:750px;
	position:relative;
	margin:18px 0 0 0;
}

.md_modTitrePub_old {
	position:relative;
	display:block;
	width:7em;
	font-size:1em;
	line-height:1.2em;
	font-weight:bold;
	color:#EA2425;
	text-transform: uppercase;
	background:#fff;
	z-index:10;
}
.md_modTitrePub {
	position:relative;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	background:#EA2425;
	z-index:10;
	padding:0 0 0 40px;
	height:1%;	/* HasLayout */
	overflow:visible;	/* HasLayout */
}

.md_modTitrePub_old span {
	display:block;
	float:left;
	width:22px;
	height:22px;
	margin:-5px 10px 0 0;
	background-color:#EA2425;
}

.md_modTitrePub span {
	position:absolute;
	display:block;
	left:7px;
	top:-16px;
	width:37px;
	height:38px;
	background-image: url(../images/cube-rouge.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


.md_modContenuPub {
	border:1px dashed #b6b6b6;
	position:relative;
	top:-3px;
	padding:7px;
	z-index:1;
	height:1%;	/* HasLayout */
	overflow:visible;	/* HasLayout */
}

/* ----------------------------- Les livres du mois -------------------- */

.md_ModuleLivresDuMois {
	width:750px;
	position:relative;
	margin:20px 0 0 0;
}
.md_ModuleLivresDuMois .AllLivreMois {
	position:absolute;
	z-index:100;
	bottom:4px;
	right:1px;
}

.md_ModuleLivresDuMois .AllLivreMois a {

	padding:1px 10px 1px 10px;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
}

.md_ModuleLivresDuMois .AllLivreMois a:hover {
	background-color:#ED1C24;
	color:#fff;
}

.md_modTitreLM {
	position:relative;
	display:block;
	font-size:0.95em;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	background:#EA2425;
	z-index:10;
	padding:0 0 0 40px;
	height:1%;	/* HasLayout */
	overflow:visible;	/* HasLayout */
}

.md_modTitreLM span {
	position:absolute;
	display:block;
	left:7px;
	top:-16px;
	width:37px;
	height:38px;
	background-image: url(../images/cube-rouge.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.md_modContenuLM {
	border:1px solid #ddd;
	margin:7px 0 0 0;
	position:relative;
	top:-3px;
	padding:0px;
	z-index:1;
	height:200px;
	overflow:hidden;
}


.md_ModuleLivresDuMois #Thumbnails {
	position:absolute;
	top:0px;
	left:0px;
	width:750px;
	height:200px;
	overflow:hidden;
	background-image: url(../images/fond-lm.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.md_ModuleLivresDuMois #InThumbnails {
	position:absolute;
	left:0;
	top:0;
	overflow:visible;
	width:2000px;
}

.md_ModuleLivresDuMois #InThumbnails .Couverture {
	width:112px;
	height:220px;
	float:left;
	margin:0 0 0 20px;
	overflow:hidden;
}

.md_ModuleLivresDuMois #InThumbnails .Couverture img {
	margin:4px;
}

/* ------------------------------ module largeur / 2 ----------- */

.md_Module2colonnes {
	width:365px;
	float:left;
	position:relative;
	margin:20px 20px 0 0;
}

.md_Module2colonnes h3 a {
	color:#ED1C24;
	text-decoration:none;
}

.md_Module2colonnes h3 a:hover {
	color:#000;
}

.md_Module3colonnes {
	width:550px;
	float:left;
	position:relative;
	margin:20px 20px 0 0;
}

.md_Module4colonnes {
	width:754px;
	float:left;
	position:relative;
	margin:20px 20px 0 0;
}

.md_modTitre {
	position:relative;
	display:block;
	font-size:0.85em;
	letter-spacing:0.05em;
	font-weight:bold;
	color:#fff;
	text-transform: uppercase;
	background:#EA2425;
	z-index:10;
	padding:1px 0 1px 35px;
	zoom:1;
	overflow:visible;
}

.md_modTitre span {
	position:absolute;
	display:block;
	left:7px;
	top:-14px;
	width:37px;
	height:38px;
	background-image: url(../images/cube-petit-rouge.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.md_modTitre a {
	color:#000;
	font-size:0.75em;
	text-transform: none;
	text-decoration:none;
}

.md_modTitre a:hover {
	color:#000;
}

.md_modContenu {
	border-left:1px dashed #b6b6b6;
	margin:7px 0 0 0;
	position:relative;
	top:-3px;
	padding:0px;
	z-index:1;
	height:200px;
	overflow:hidden;
}

.md_modContenuParaitre {
	height:20px;
	font-size:0.8em;
}

.md_modContenuParaitre a {
	display:block;
	float:right;
	background:transparent;
	text-align:right;
	padding:1px 0px 1px 0px;
	color:#ED1C24;
	text-decoration:none;
	font-weight:bold;
	font-size:0.85em;
}

.md_modContenuParaitre a:hover {
	background-color:#ED1C24;
	color:#fff;
}

/* ------------------------------ bloc de 2 modules en hauteur -------------- */
.md_ModuleBloc2lignes {
	width:365px;
	height:245px;
	float:left;
	position:relative;
	margin:0px 20px 0 0;
	overflow:hidden;

}

.md_modContenuPar2 {
	height:135px;
	padding:0 0 0 7px;
}

.md_modContenuPar2 h3 a {
	color:#666;
}

.md_ModuleBloc2lignes h3 {
	font-size:0.70em;
	margin:7px 0 0 0;
	color:#000;
	text-transform: uppercase;
	font-weight:bold;
}
.md_ModuleBloc2lignes .Suite, .md_Module2colonnes .Suite {
	margin:0 0 14px 0;
}

.md_ModuleBloc2lignes .Suite a {
	color:#ED1C24;
	font-size:0.70em;
	text-transform: none;
	text-decoration:none;
	font-weight:bold;
}

.md_Module2colonnes .Suite {
	text-align:right;
}
.md_Module2colonnes .Suite a {
	display:block;
	position:absolute;
	bottom:0px;
	background:#fff;
	padding:1px 0px 1px 0px;
	width:365px;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
}

.md_Module2colonnes .Suite a:hover {
	background-color:#ED1C24;
	color:#fff;
}

.md_Module2colonnes .SuiteAgenda {
	text-align:right;
}
.md_Module2colonnes .SuiteAgenda a {
	display:block;
	position:absolute;
	bottom:0px;
	right:0;
	background:#fff;
	padding:1px 0px 1px 0px;
	width:365px;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
}

.md_Module2colonnes .SuiteAgenda a:hover {
	background-color:#ED1C24;
	color:#fff;
}
/* ------------------------------ module A paraître largeur / 2 ----------- */

.md_modTitreViolet {
	background:#76439A;
}

.md_AParaitre {
	padding-left:40px;
}

.md_modTitreViolet span {
	background-image: url(../images/cube-petit-violet.gif);
}

.md_AParaitre a {
	color:#ED1C24;
}

/* ------------------ Vert ------------ */
.md_modTitreVert {
	background:#00984B;
}

.md_modTitreVert span {
	background-image: url(../images/cube-petit-vert.gif);
}

/* ------------------ Bleu ------------ */
.md_modTitreBleu {
	background:#007BC2;
}

.md_modTitreBleu span {
	background-image: url(../images/cube-petit-bleu.gif);
}

/* ------------------------------ module Agenda largeur / 2 ----------- */
.md_modTitreGris {
	background:#e9e9e9;
	color:#A31F27;
}

.md_modTitreGris span {
	background-image: url(../images/cube-petit-gris.gif);
}

/* ------------------------------ module Interview largeur / 4 ----------- */

.md_Module1colonnes {
	width:173px;
	float:left;
	position:relative;
	margin:0px 20px 0 0;
	padding:20px 0 0 0;
	height:225px;
	overflow:hidden;
}
.md_modTitreGrisNoir {
	background-color:#808285;
	color:#fff;
}

.md_modTitreGrisNoir span {
	background-image: url(../images/cube-petit-grisnoir.gif);
}

/* ---------------------- Violet A découvrir ------------ */

.md_modTitreBordeaux {
	background-color:#A31F27;
	color:#fff;
}

.md_modTitreBordeaux span {
	background-image: url(../images/cube-petit-bordeaux.gif);
}

/* --------------- jaune ----------- */
.md_modTitreJaune {
	background-color:#FFF568;
	color:#333;
}

.md_modTitreJaune span {
	background-image: url(../images/cube-petit-jaune.gif);
}

/* --------------- Rose ----------- */
.md_modTitreRose {
	background-color:#EC008C;
	color:#fff;
}

.md_modTitreRose span {
	background-image: url(../images/cube-petit-rose.gif);
}
/* ---------------------- Un élément livre -------------- */
.md_UnElement {
	position:relative;
	float:left;
	width:167px;
	padding:7px;
	border-left:1px dashed #B6B6B6;
	height:186px;
	overflow:hidden;
	z-index:2;
}
.md_Module4colonnes .md_UnElement {
	width:173px;
}

.md_Module1colonnes .md_UnElement {
	width:158px;
}

.md_FirstElement {
	border-left:none;
}

.md_UnElement .md_Couverture {
	float:left;
	width:60px;
	height:100px;
	margin:0 7px 7px 0;
}
.md_UnElement .md_Couverture img {
	border:1px solid #B6B6B6;
}

.md_UnElement .md_CouvertureAuteur {
	clear:both;
	width:150px;
	height:100px;
	margin:0 0 7px 0;
}
.md_UnElement .md_CouvertureAuteur img {
	border:1px solid #B6B6B6;
}

.md_UnElement .md_Couverture .noFloat {
	float:none;
}

.md_UnElement h3 {
	font-size:0.70em;
	color:#ED1C24;
	text-transform: uppercase;
	font-weight:bold;
}


.md_UnElement h3 a {
	color:#ED1C24;
	text-decoration:none;
}
.md_UnElement h4 {
	font-size:0.70em;
	color:#000;
	text-transform: uppercase;
	font-weight:bold;
}
.md_UnElement h4 a {
	color:#000;
	text-decoration:none;
}
.md_UnElement p, .md_UnElement .texte {
	font-size:0.7em;
}

.md_UnElement .texte p {
	font-size:1em;
}

.md_UnElement .Suite {
	text-align:left;
}

.md_UnElement .Suite a {
	display:block;
	position:absolute;
	bottom:0px;
	background:#fff;
	padding:1px 0px 1px 0px;
	width:175px;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
}

.md_UnElement .Suite a span {
	color:#000;
	font-weight:normal;
	margin:0 7px 0 0;
}

.md_UnElement .Suite a:hover {
	background-color:#ED1C24;
	color:#fff;
}

/* ------------------- meilleures ventes ----------------- */
.md_UnPetitElement {
	position:relative;
	float:left;
	width:104px;
	padding:7px;
	height:186px;
	text-align:center;
	overflow:hidden;
}

.md_UnPetitElement h3 {
	font-size:0.70em;
	color:#585858;
	text-transform: uppercase;
	font-weight:bold;
	padding-left:3px;
}

.md_UnPetitElement .md_Couverture {
	width:60px;
	height:100px;
	text-align:center;
	margin:0 auto 7px auto;
}

.md_UnPetitElement .md_Couverture img {
	border:1px solid #B6B6B6;
	margin:0 auto 0 auto;
}

.md_modContenu .SuiteVentes a {
	display:block;
	position:absolute;
	bottom:0px;
	right:0;
	text-align:right;
	background:#fff;
	padding:1px 0px 1px 0px;
	width:100%;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
}

.md_modContenu .SuiteVentes a span {
	color:#000;
	font-weight:normal;
	margin:0 7px 0 0;
}

.md_modContenu .SuiteVentes a:hover {
	background-color:#ED1C24;
	color:#fff;
}
/* ------------------------- */
.md_Module1colonnes .Suite {
	text-align:left;
	z-index:100;
}

.md_Module1colonnes .Suite a {
	display:block;
	position:absolute;
	bottom:0px;
	background:#fff;
	padding:1px 0px 1px 0px;
	width:175px;
	color:#ED1C24;
	font-size:0.70em;
	text-decoration:none;
	font-weight:bold;
	z-index:100;
}

.md_Module1colonnes .Suite a span {
	color:#000;
	font-weight:normal;
	margin:0 7px 0 0;
}

.md_Module1colonnes .Suite a:hover {
	background-color:#ED1C24;
	color:#fff;
}

/* ------------------- module pub 1 colonne - 2 lignes ---------------- */
#md_Pub1Colonne {
	float:left;
	margin-top:20px;
	width:173px;
	height:468px;
	background-color:#FFFEF2;
	overflow:hidden;
}
#md_Pub1Colonne2 {
	position:absolute;
	left:573px;
	z-index:200;
	margin-top:20px;
	width:173px;
	height:465px;
	background-color:#FFFEF2;
	overflow:hidden;
}

/* ------------------- module haut page ---------- */

.md_modPageContenu {
	border-left:1px dashed #b6b6b6;
	margin:7px 0 0 0;
	position:relative;
	top:-3px;
	padding:0px 0 0 4px;
	z-index:1;
	font-size:0.7em;
}

/* -------------- Lien images dans module jeunesse ------------------- */

.imgFloatMarge {
	float:left;
	margin:5px;
}