/**
* style.css
* Feuille de style
*
* @author Olivier BLAIS <contact@netdcom.com>
* @version 1.0
*/

/**
* Contenu général
*/

html, body {
	margin: 0;
	height: 100%;
}

body {
 margin: 0;
 padding: 0;
 height: 100%;
	width: 100%;
	color: #585757;
	font-family: Arial;
	font-size: 13px;
	 background: url(./../../img/vdm/bibliotheque.jpg);
	}


img {
	border: none;
}

* {
	outline: none;
}

a {
	color: #009adf;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h3 {
	color: #009adf;
	font-size: 14px;
	font-weight: bold;
}

h3 span {
	font-size: 11px;
}

h4 {
	color: #000;
	font-size: 13px;
	font-weight: bold;
}

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
}
.vAlign {
	vertical-align: middle;
}
.vAligndte {
	vertical-align: right;
}
.justify {
    text-align:justify;
}

.legal {
    color:#585757;
    font-size:10px;
    font-style:italic;
	text-align: justify;
	margin-top: 15px;
}

div#global {
	margin: 0 auto;
	padding: 0;
	width: 936px;
	position: relative;
	background-color:#fff;
}


div#global_plus { 
margin: 0 auto;
padding: 0;
width: 936px;
-moz-box-shadow: 1px 1px 20px #777; 
-webkit-box-shadow: 1px 1px 12px #777; 
box-shadow: 1px 1px 12px #777; 
behavior: url(/css/vdm/ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/**
* Header
*/

div#header {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	width:936px;
 height: 5px;
	position: relative;
	background-color: #fff;
}

div#header h1 {
	margin: 0;
	padding: 0;
	top: 126px;
	left: 25px;
	text-indent: -9999px;
	position: absolute;

}

div#header h1 a {
	margin: 0;
	padding: 0;
	width: 550px;
	height: 56px;
	display: block;

}

div#header h2 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#entete a{color: #000000;}

a.showSearchEngine  {
	margin: 0px 0px 0px 0px;
	padding: 0;
	top: 145px;
	left: 10px;/*40px;/*540px;*/
	display: block;
	position: absolute;

}
.showsearch {
padding: 5px 0 5px 0; font-weight:bold;
}



.collapse {
	/*background: url(./../../img/vdm/expand.jpg) bottom right no-repeat;*/
	background: url(./../../img/vdm/expand.gif) bottom left no-repeat;
}

.expand {
	/*background: url(./../../img/vdm/expand.jpg) top right no-repeat;*/
	background: url(./../../img/vdm/expand.gif) top left no-repeat;
}

a.retourAccueil  {
	margin: 0;
	padding: 0 0 0 20px;
	width: 55px;
	height: 14px;
	top: 68px;
	left: 268px;
	/*line-height: 14px;*/
	display: block;
	background: url(./../../img/fleche-coude.jpg) top left no-repeat;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	position: absolute;
}
/*
a.retourAccueil:hover  {
	background: url(./../../img/fleche-coude.jpg) bottom left no-repeat;
	color: #404040;
	text-decoration: none;
}
*/
a.initSearch  {
	margin: 0;
	padding: 0 0 0 10px;
	width: 130px;
	height: 14px;
	top: 150px;
	left: 790px;
	display: block;
	color: #000;
	font-size: 10px;
	font-weight: bold;
	position: absolute;
	text-transform: uppercase;
	background: url(./../../img/vdm/reinit.gif) center left no-repeat;
}

/**
* Zone central
*/



div#container {
	margin: 20px 0 0 0;
	padding: 0;
	width: 936px;
	min-height: 380px;
	background-color: #fff;
		height:100%;
}

div#content {
	margin: 0;
	padding: 0px 0px 20px 0px;
	width: 935px;
	min-height: 300px;
	background-color: #FFFFFF;
		height:100%;
}

/**
* Zone central / moteur de recherche
*/

#logo {margin: 0; padding: 0px; 	height: 126px;background-color: #fff;}

#entete {background-color: #fff; color: #000000; height: 130px; margin: 0; padding: 0; width: 935px;}

#imglogoterdav {background-color: black;}

div#searchEngine {
	margin: 0;
	padding: 0 0 10px 10px;
	width: 925px;
	min-height: 35px;
	position: relative;
	background-color: #FFFFFF;
	color: #000000; font-size: 11px;
}
div#searchEngine a {
	color: #000000; font-size: 11px;
}

div.list {
	margin: 0 2px;
	padding: 0;
	width: 173px;
	height: 200px;
	overflow: auto;
	float: left;
}

div.list ul {
	margin:0;
	padding:0;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div.list li, div.list li a {
	color: #585757;
}
.intitule {
background-color:#1a171b; width: 179px; height:14px; font-size: 11px; color:#FFFFFF; text-align:center;
margin: 0 0 3px 2px; padding: 4px 0;
}
div#ctl00_ucExplorateur_level1 {
	background-color: #ececed; border: 0px; padding: 3px 3px 3px 3px; font-size: 0.85em; height: 200px;
}

div#ctl00_ucExplorateur_level2 {
	background-color: #ececed; border: 0px; padding: 3px 3px 3px 3px; font-size: 0.85em; height: 200px;
}

div#ctl00_ucExplorateur_level3 {
	background-color: #ececed; border: 0px; padding: 3px 3px 3px 3px; font-size: 0.85em; height: 200px;
}

div#ctl00_ucExplorateur_level4 {
	background-color: #ececed; border: 0px; padding: 3px 3px 3px 3px; font-size: 0.85em; height: 200px;
}

div#ctl00_ucExplorateur_level5 {
	background-color: #ececed; border: 0px; padding: 3px 3px 3px 3px; font-size: 0.85em; height: 200px;
}

.selected {
	background-color: #009de0;
}
.selected a {
	color: #FFF !important;
}
div.list li:hover {
	background-color: #009de0; text-decoration: none;
}
div.list li:hover a {
	color: #FFF; text-decoration: none;
}
#res {
position:relative;
background-color: #ececed; 
width: 907px; height: 21px; 
margin: 2px 0px 0px 2px;
padding: 2px 2px 4px 2px;
}

div#result ul {
	margin: 2px 0 0 0;
	padding: 2px 0 0 0;
  	list-style-type: none;
}

div#result li {
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}

a#book, a#map, a#all {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	color: #1ca7e1;
	font-size: 11px;
	background: url(./../../img/vdm/blue_arrow.gif) no-repeat;
}

span#book, span#map, span#all {
	margin: 0 0 0 20px;
	padding: 0 0 0 10px;
	color: #CCC;
	font-size: 11px;
	background: url(./../../img/vdm/blue_arrow.gif) no-repeat;
}
#pan {
	margin: -2px 15px 0px 0px;
	padding: 0;
}
#basket img {
	margin: 0 0 0 0;
	padding: 0px 0 0px 37px;
}
#pan li span {
padding: 0px 10px 0px 0px; margin: 0px 0px 0px 0px; 
}

#ctl00_ucExplorateur_MiniPanier1_LabelPanier {
margin: 0 10px 0 0;
}

/**
* Footer
*/
div#footer {
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	width: 936px;
	text-align: left;
	font-size: 11px;
	color: #000000;
}
div#footer ul {
	margin: 0;
	padding: 0;
  	list-style-type: none;
}
div#footer li {
	margin: 0;
	padding: 0;
	color: #000000;
	display: inline;
}
div#footer li a {
	color: #000000;
}
div#footer .liens {
	border-top: 2px solid #fff; padding: 5px 0; margin: 5px 0px 0px 0px; text-align: center; font-size: 10px; text-transform: uppercase;
}


/**
* Home / themes
*/

div#themeHome {
	margin: 15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 195px;
	float: left;
}
div#contentTheme {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;	
	width: 195px;
	background: url(./../../img/vdm/nav-bottom.gif) left bottom no-repeat;
	line-height: 18px;
}
div#contentTheme a {
	text-transform: uppercase;
	font-size: 10px;
	color: #000000;
}

/**
* Home / librairie
*/

div#libraryHome {
	float: left;
	width:690px; 
	margin: 15px 0px 15px 15px !important; padding: 0px 0px 0px 0px;
	border-left: 1px solid #ebebeb;
}

div#libraryHome h3 {
	margin: 0;
	padding: 0 0 4px 0;
}
#pub, #pubterdav {margin: 0px 0px 15px 15px; padding: 0; width: 98%;height: 244px;}
#pub1, #pub1terdav, #pub2, #pub2terdav, #pub3, #pub3terdav { float: left; width: 200px; margin: 0px 25px 0px 0px; padding: 0;}
#pub2, #pub2terdav {margin: 0px 35px 0px 10px;}
#pub3, #pub3terdav { margin: 0;}

.bloc_gauche {
margin: 15px 0px 0px 15px; padding: 0 0 0 0;
}
.bloc_droite {
margin: 15px 0px 0px 10px; padding: 0px 0px 0px 0px;
height: 255px; width: 360px; background-color:#ececed;
line-height: 17px;
}

.bloc_gauche ul {
	width: 260px;
	background-color: #ececed;
}

div#blogBloc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 305px; height: 115px;
	position: relative;
	background-color: #ececed;  font-size: 11px; line-height: 14px;
}
div#blogBloc h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	color: #008bdd; font-weight:bold; font-size: 11px;
}
div#blogBloc p {
	margin: 0;
	padding: 5px 8px 0px 8px;
	font-size: 11px; color: #000000;
	text-align: justify;
}
div#blogBloc a{
	color: #000000;
}
div#blogBloc a:hover {
	color: #000000; text-decoration: underline;
}

div#blogterdav 
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 305px; height: 100px;
	position: relative;
	background-color: #ececed;  font-size: 11px; line-height: 14px;
}
div#blogterdav h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	color: #008bdd; font-weight:bold; font-size: 11px;
}
div#blogterdav p {
	margin: 0;
	padding: 5px 8px 0px 8px;
	font-size: 11px; color: #000000;
	text-align: justify;
}
div#blogterdav a{
	color: #000000;
}
div#blogterdav a:hover {
	color: #000000; text-decoration: underline;
}

div#blogterdav ul {
    margin-left: -20px;
    list-style: none;
    list-style-position:inside;      
}

div#blogterdav li {
    display: inline;
    padding: 0;    
}


a#rssHome {
	margin: 0; padding: 0;
	top: 0px; right: 8px;
	position: absolute;
}

a#rssHometerdav {
	margin: 0; padding: 0;
	top: 0px; right: 8px;
	position: absolute;
}
#conseils {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 305px; height: 85px;
	background-color: #ececed;  font-size: 11px; line-height: 17px;
}
div#conseils h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	color: #008bdd; font-weight:bold; font-size: 11px;
}
div#conseils p {
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	font-size: 11px; color: #000000;
	text-align: justify;
}
div#conseils a{
	color: #000000;
}
div#conseils a:hover {
	color: #000000; text-decoration: underline;
}

div#libraryHome ul {
	margin: 0 0 10px 25px;
	padding: 0;
}

div#libraryHome li, div#libraryHome ul a {
	color: #7E7C7C;
}

div#libraryList {
	margin: 0 0 0 0;
	padding: 0;
  /*text-align: center;*/
}

div#libraryList ul {
	margin: 0;
	padding: 0;
  list-style-type: none;
}

div#libraryList li {
	margin: 0;
	padding: 0;
	color: #000;
	display: inline;
}

div#libraryList li a {
	color: #000;
}

.actu {
font-size: 13px; color: #0093de;
}

div.actus {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 360px;
	background: url(./../../img/vdm/actus-trait.gif) bottom no-repeat; background-color: #ececed;
}
div.actus h5 {
	margin: 0;
	padding: 0px 8px 4px 8px;
	color: #008bdd; font-weight:bold; font-size: 11px;
}
div.actus p {
	margin: 0;
	padding: 0px 8px 10px 8px;
	font-size: 11px;
	text-align: justify; font-size: 11px;
	line-height: 18px;
}
div.actus p img {
	margin: 3px 8px 0px 0px; padding: 0px 0px 0px 0px;
}
div.actus p a{
	color: #000000; font-size: 11px;
}
div.actus img {
	margin: 0;
	padding: 0;
}

/**
* Home / boutique
*/
.nbArt {
font-size: 10px;
color: #009ce0;
font-weight: bold;
}


div#contentShop {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	width: 195px;
}

div#contentShop ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#contentShop a {
	text-transform: uppercase;
	font-size: 10px;
	color: #000000;
}

/**
* fiche produit
*/

div#productImg {
	margin: 0px 0px 0px 10px;
	padding: 0;
	width: 170px;
	float: left;
}
div#productDesc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 730px;
	line-height: 18px;
	display: block;
}
div#productDesc h3 {
	margin: 10px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	color:#009ce0; font-weight: bold;
}

div#infos {
	font-size: 11px;
	float: left;
	width: 400px;
	line-height: 19px;
	margin: 10px 20px 0px 0px; padding: 0px 10px 0px 0px;
	border-right: 1px solid #e0e0e1;
}
div#infos span {
	width: 130px;
	display: block;
	float: left;
	font-size: 11px;
}

div#price  {
	margin: 0;
	padding: 0; 
	width: 280px;
	font-size:11px;
	float: right;
}

div#price span {
	width: 95px;
	display: block;
	float: left;
}

div#description {
	margin: 20px 0 0 0;
	padding: 0;
	font-size: 11px;
}

a.defaultBtn {
	margin: 0 0 18px 0;
	padding: 3px 5px 3px 20px;
	background: url(./../../img/vdm/next.gif) 5px 5px no-repeat;
	font-size: 11px; font-weight: bold;	
}

a.backBtn {
	margin: 0 0 18px 0;
	padding: 3px 5px 3px 30px;
	background: url(./../../img/vdm/back.gif) 15px 6px no-repeat;
	display: block;
	font-size: 11px; font-weight: bold;
}

a.addBasket {
	margin: 10px 0 5px 0;
	padding: 0px 0px 0px 25px;
	background: url(./../../img/vdm/blue_basket.gif) 0px 0px no-repeat;
	display: block;
	color: #008bdd;
	font-weight: bold;
	font-size: 12px;
}

a.findProduct {
	margin: 10px 0 5px 0;
	padding: 0px 0px 0px 25px;
	background: #EAEBEB url(./../../img/vdm/loupe.jpg) 0px 0px no-repeat;
	display: block;
	color: #008bdd;
	font-size: 12px;	
}

/**
* Listing des produits
*/

div#listing {
	float: left;
	margin: 15px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	width: 697px;
}

div#titleListing {
	color: #008bdd;
	font-size: 12px;
	font-weight: bold;
}

div#trait {
	background: url(./../../img/vdm/pdt-bottom.gif) bottom no-repeat;
	font-weight: bold;
	width: 695px;
	height: 8px; 
	margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;
}

div.productList {
	margin: 0px 0px 3px 0px;
	padding: 7px 7px 7px 7px;
	width: 680px;
	background-color: #ececed;
	font-size: 11px;
}

div.listImg {
	margin: 0;
	padding: 0;
	width: 80px !important; height:80px;
	float: left;
	border: 1px solid #ececed;
}
div.listImg img{
	float: left; /*width: 80px;*/
}

div.listDesc {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

div.listDesc h3 {
	margin: 0;
	padding: 0;
	font-size: 11px; color: #000000;
}
div.listDesc h3 a {
color: #000000;
}
div.listDesc h4 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #585757;
	font-size: 11px;
	font-weight: normal;
}
div.listInfos {
	width: 360px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}
div.listInfos span {
	width: 75px;
	display: block;
	float: left;
	font-size: 11px;
}
div.listInfos span strong {
	font-size: 11px;
}

div.listPrice  {
	float: right;
	margin: 0px 0px 0px 0px; font-size: 11px;
	padding: 0px 0px 0px 0px;
	width: 220px;
}

div.listPrice span {
	width: 75px;
	display: block;
	float: left;
}

div.listingFilter, div.listingTheme {
	margin: 0;
	padding: 0;
	width: 170px;
}

div.listingShop {
	margin: 0;
	padding: 0;
	width: 170px;
}

div#listingFilter h3, div.listingTheme h3, div.listingShop h3 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 10px; color: #000000;
}
.ctl00_contenu_tvCatDispo_0 {
	text-transform: uppercase;
	font-size: 10px; color: #000000;
	line-height: 18px;
}

div.headerOpt {
	margin: 0;
	padding: 0;
	width: 181px;
	height: 10px;
	line-height: 10px;
	}

div.contentOpt {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	width: 195px;
	color: #000000; font-size: 10px;
	background: url(./../../img/vdm/nav-bottom.gif) bottom no-repeat;
}
div.contentOpt a {
	color: #000000;
}

div.contentListShp {
	min-height: 20px !important;
}

div#orderBy {
	margin: 0 0 10px 0;
	padding: 4px 4px 4px 4px;
	color: #000;
	background-color: #CCCCCC;
	font-size:11px; font-weight:bold;
	valign: middle;
}
div#orderBy img {
	margin: 3px 3px 0px 3px;
}

div.listingTheme ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#listingFilter a, div.listingTheme a {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 22px;
	color: #000000;
}
div.listingTheme table td {
	text-transform: uppercase;
	font-size: 10px;
	line-height: 22px;
	color: #000000;
}

ul.pagination {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	color: #008bdd;
	display: inline;
	font-weight: bold;
	font-size: 12px;
}

/**
* Formulaire coordonnées
*/
div#divCoord {
    padding: 21px 10px 10px 10px;
}

div#divCoord p
{
    margin: 0;
    padding: 0 0 2px 0;
}

div#divCoord .cssLabel {
    float: left;
    width: 120px;
	font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
div#divCoord input {
	font-size: 11px;
}
div#divCoord select {
	font-size: 11px;
}
div#divCoord textarea {
	font-size: 11px; font-family: Arial, Helvetica, sans-serif;
}
#divCoordFact {
font-size: 11px;
}


/**
* Page de contenu
*/

div.contenuCol {
	margin: 0;
	padding: 0;
	width: 200px;
}

div.contenuCol h3 {
	margin: 0;
	padding: 0 0 5px 5px;
	color: #009adf;
	font-size: 14px;
	font-weight: bold;
}

div.contenuCol ul {
	margin: 0 0 10px 25px;
	padding: 0;
}

div.contenuCol li, div.contenuCol ul a {
    color:#7E7C7C;
}

div.contenuMain {
	margin: 0px 0px 0px 40px;
	padding: 20px 0px 0px 0px;
	width: 850px;
}

div.contenuMain h1 {
	margin: 0;
	padding: 0;
	color: #009adf;
	font-size: 16px;
	font-weight: bold;
}

div.contenuMain h2 {
    background:transparent url(./../../img/vdm/h2.gif) no-repeat scroll left center !important;
    color:#585757;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    font-weight:bold;
    line-height:30px;
    text-align:left;
    text-indent:15px;
    margin: 13px 0 7px 0;
}

div.contenuMain p {
	font-size: 12px;
	color: #585757;
}

li.l1 {
    background:transparent url(./../../img/vdm/l1.gif) no-repeat scroll 0 6px;
    list-style-type:none;
    margin: 0px 0px 0px -30px;
    padding: 0px 0px 10px 0px;
    text-indent: 10px;
	font-size: 11px;
}


div.bloc {
	margin: 5px 0 0 0;
	padding: 5px 10px;
	/*width: 175px;
	height: 105px;*/
	background-color: #EFEFEF;
	position: relative;
}

div.bloc h4 {
	margin: 0;
	padding: 4px 0;
	color: #585757;
}

div.bloc p {
	margin: 0; margin-top: 25px;
	padding: 0;
	font-size: 12px;
}

/* AUTEUR: Voyageurs du Monde - style de la page des coordonnées des librairies Vdm */

#paris{
position: absolute;
left: 35px;
top: 110px;
}

#lille{
position: absolute;
left: 45px;
top: 42px;
}

#nantes{
position: absolute;
left: 25px;
top: 162px;
}

#toulouse{
position: absolute;
left: 100px;
top: 307px;
}

#montpellier{
position: absolute;
left: 120px;
top: 308px;
}

#marseille{
position: absolute;
left: 111px;
top: 322px;
}

#nice{
position: absolute;
left: 170px;
top: 308px;
}


#grenoble{
position: absolute;
left: 170px;
top: 250px;
}

div.info {
	display: inline;
	position: absolute;
	top: 12px;
	left: 0;
	background: #FFF;
	border: 1px solid #b0b1b2;
	width: 275px;
	text-align: center;
	color: #000;
	padding: 15px;
	z-index:1; font-size: 11px;
	margin-top: 15px;
}

/* PANIER  */
.panier {
border: 0; border-color:#FFFFFF;
}
.panier th {
background-color: #8c8a8a; height: 23px;
font-size: 11px; font-weight: bold; color: #FFFFFF;
}
.panier td {
background-color: #ececed; height: 23px;
font-size: 11px; color: #000;
}
.panierfin {
border: 0; border-color:#FFFFFF; margin-top: 15px; margin-bottom: 15px;
}
.panierfin td {
border-bottom: 1px solid #8c8a8a; height: 30px;
}