@charset "utf-8";
/* #############################
Commun index 
###############################*/
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	/*background-color:#f2bb47;  Safran
	background-color:#f8fafb; ciel */
	background-image:url(../img/bg_points.jpg); /* pointillé de fond de page */
}
#superConteneur {
	width: 884px;
	margin: auto;
	height:100%;
	padding-left:100px;
}
#conteneur {
	position:relative;
	width: 784px;
	/*margin: auto;*/
	background-image: url(../img/colombes_bg.jpg);
	background-repeat: repeat;
	/* border-right: 1px solid #283134;
	border-left: 1px solid #283134;
	Bordure éventuelle de part et d'autre du calque conteneur central ?? */	
}
.nobord {
	border:none;
}
select {
	height:20px;
	vertical-align:middle;
	border: 2px solid #999999;
	font-size:10px;
}
input {
	height:16px;
	vertical-align:middle;
	border: 2px solid #999999;
	font-size:11px;
}


/* #############################
Top
###############################*/
#bandoH {
	background:#FFF url(../img/bando_bg.png) top center no-repeat;
	height: 97px;
	width: 780px;
	border: 2px solid #283134;
}
#formRech {
	height:20px;
	margin-top:55px;
	margin-left:270px;
}
html[xmlns*=""] body:last-child #formRech { /*Hack Safari */
	margin-left:255px;
}
.OKRech {
	vertical-align:middle;
}
#menuH {
	position: relative;
	height: 34px;
	width: 784px;
	background-color: #FFFFFF;
	border-bottom: 2px solid #283134;
}
html:not([lang*=""]) .menuHBtn { /*Hack Firefox */
  font-size:8px;
}
html[xmlns*=""] body:last-child .menuHBtn { /*Hack Safari */
  font-size:10px;
}
.menuHBtn { /* Tous les autres... */
	position:absolute;
	top:0px;
	border-right:2px solid #283134;
	height: 22px;
	padding-top:12px;
	font-size:10px;
	color:#3e647e;
}
#kdo {
	left:0; 
	width: 123px;
	z-index:5; 
	cursor: pointer;
	border-left:2px solid #283134;
}
#panier {
	position:relative;
	left:127px; 
	width: 103px;
	background:url(../img/panier.gif) center right no-repeat;
	padding-left: 5px; 
	z-index:5; 
	cursor: pointer;
}
#panier #panierPlein {
	position:absolute;
	top: 13px;
	right: 12px;
	color:black;
	font-size:14px;
	font-weight:900;
	vertical-align:middle;
	margin-left:15px;
}
#panier #panierVide {
	position:absolute;
	top: 12px;
	right: 1px;
}
#rechSiloe {
	left:237px; 
	width: 263px;
	background:url(../img/france.gif) center left no-repeat;
}
#rechSiloe #librairies {
	margin-left:45px;
}
#formRech2 {
	position:absolute;
	top:4px;
	left:130px;
}
#inQuarto {
	left:502px; 
	width: 135px;
	height: 29px;
	padding-top:5px;
	padding-right:2px;
	background:url(../img/inQuarto.gif) top left no-repeat;
}
#catalog {
	left:641px;
	width: 134px;
	height: 29px;
	padding-left: 5px;
	padding-left: 7px;
	padding-top:5px;
}
#catalog img {
	vertical-align:middle;
	margin-left:10px;
}
#inQuarto img {
	vertical-align:middle;
	margin-left:80px;
}



/* #############################
Centre
###############################*/
*+html #bandoD { /*Hack IE7 */
	width:655px; 
}
#bandoD {
	float:right;
	background-color:#FFF;
	width:657px; 
	min-height: 1000px !important;
	padding-top:25px;
	border-right:#000000 solid 2px;
}
#meilleuresVentes {
	position:relative;
	margin: auto;
	width:625px;
	height: 180px;
}
#bandoMV {
	background-color: #ff5f00;
	color:#FFF;
	padding-left:5px;
	padding-top:5px;
	height : 18px;
	width:620px;
	font-size:10px;
	font-weight:bold;
	vertical-align:middle;
}
#contentMV {
	width:621px;
	overflow:hidden;
	border-bottom:#ff5f00 2px solid;
	border-right:#ff5f00 2px solid;
	border-left:#ff5f00 2px solid;
}
#contentMV img, #choixLib img, #nouveautes img {
	width:95px;
	margin-left:6px; 
	border:none;
	vertical-align:middle;
}
#contentMV a span {
	display:none;
	visibility:hidden;
	text-decoration:none;
}
#contentMV a:hover span {
	display:block;
	visibility:visible;
	position: absolute;
	top: 5px;
	left: 190px;
	text-align: center;
	color: #fff;
	height: 15px;
	overflow:hidden;
	font-size:10px;
	font-weight:bold;
}

#main {
	margin-top:15px;
	width: 500px;
	text-align:justify;
	font-size:12px;
	padding-left:15px;
}
#main h2 {
	font-size: 14px;
	font-weight:550;
	text-transform:uppercase;
	color:#587992;
}
#choixLib, #nouveautes {
	position:relative;
	width: 420px;
	height: 180px;
	border: 2px solid #ff5f00;
	margin: 25px auto;
	overflow:hidden;
	text-align:center;
}
#bandochoixLib {
	background-color: #ff5f00;
	color:#FFF;
	padding-left:5px;
	padding-top:5px;
	height : 18px;
	width: 476px;
	font-size:10px;
	font-weight:bold;
	vertical-align:middle;
	text-align:left;
	text-transform:uppercase;
 }
#bandoNOUV {
	background-image:url(../img/nouveautes_bg.png);
	background-repeat:no-repeat;
	background-position:center;
	height : 21px;
	width: 420px;
}

#coupDeCoeur {
	background-color: #587992;
	position: absolute;
	margin-top: 215px;
	margin-left: 530px;
	height: 180px;
	width: 120px;
}
#coupDeCoeur img, #editeur img {
	display:block;
	width:50px;
	height:75px;
	margin:5px auto;
	border:none;
}
#coupDeCoeur span {
	display:block;
	color:#FFF;
	width:115px;
	height: 70px;
	margin: auto;
	overflow:hidden;
	font-size:10px;
}
#coupDeCoeur span a {
	color:#FFF;
}
#editeur {
	background-color: #FFFFFF;
	border: 3px double #283134;
	position: absolute;
	margin-top: 435px;
	margin-left: 530px;
	height: 174px;
	width: 114px;
}
#editeur #titrEdit {
	color:#ff5f00;
	font-size:12px;
	margin:5px auto;
	font-weight:bold;
	text-align:center;
}
#editeur span {
	display:block;
	width:110px;
	height: 70px;
	margin: auto;
	overflow:hidden;
	font-size:11px;
}
#editeur a {
	color:#000;
}
#cataLibr {
	position: absolute;
	margin-top: 655px;
	margin-left: 530px;
	width: 120px;
	text-align:center;
}
.pub  {
	position: absolute;
	margin-left: 560px;
}
.pub img {
	height: 85px;
	width: 85px;
	border:none;
	display:block;
	margin:2px auto;
}
#pub0 {
	margin-top: 780px;
}
#pub1 {
	margin-top: 880px;
}
#coupDeCoeur, #editeur, #cataLibr {
	!margin-left:515px; /*IE7*/
}
.pub  {
	!margin-left:200px; /*IE7*/
}


/* #############################
Menu Gauche
###############################*/
#bandoG {
	width: 127px;
}
#menuG {
	height: 168px;
	width: 127px;
}
#menuG div {
	height: 18px;
	width: 127px;
	border-bottom: 1px #FFF solid;
	text-align:center;
	font-family:'Arial Black',Arial,sans-serif;
	font-weight:bold;
	font-size:10px;
	text-transform:uppercase;
	color:#FFF;
	padding-top:5px;
}
#menuG div a {
	text-decoration:none;
	color:#FFF;
}
#menuG1 {
	background-color:#3E647E;
}
#menuG2 {
	background-color:#587992;
}
#menuG3 {
	background-color:#7C98AE;
}
#menuG4 {
	background-color:#A5B8C9;
}
#menuG5 {
	background-color:#5B97B1;
}
#menuG6 {
	background-color:#85B0C6;
}
#menuG7 {
	background-color:#A1C3C9;
}
#editorial, #animation {
	width: 125px;
	height: 316px;
	border-top: 6px solid #283134;
	background-image:url(../img/colombes_bg.jpg);
	text-align:center;
}
#animation a {
	color:#000000;
}
#wt {
	padding :10px 0;  /* sans la pastille : 350 */
	position: absolute;
	margin-top: 720px;
	margin-left: 550px;
}



/* #############################
Bas
###############################*/
#footer {
	position:relative;
	clear:both;
	background:#283134 url(../img/footer_bg.png) bottom no-repeat;
	height: 63px;
	width: 784px;
	color:#FFF;
}
.footerBtn {
	position:absolute;
	width: 130px;
	height: 18px;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align:center;
	padding-top:5px;
}
#siloe {
	top:0px;
	left:0px;
}
#cgv {
	top:0px;
	left:131px;
}
#contact {
	top:0px;
	left:262px;
}
#partenaire{
	top:0px;
	left:393px;
}
#ami {
	top:0px;
	left:524px;
}
#favori {
	top:0px;
	left:655px;
	border-right:none;
}
.footerBtn a {
	text-decoration:none;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFF;
}
.footerBtn a:hover {
	color:#ff5f00;
}