/* CSS Document */

body, html{
	margin		:0px;
	padding		:0px;
	text-align	:center;
	font-family	:"Georgia", Arial, Helvetica, sans-serif;
	font-size	:11px;
	background	:#fff;
	color		:#000;
}

#global{
	position	:relative;
	margin		:auto;
	width		:770px;
	text-align	:center;
}

#top{
	position	:relative;
	margin		:auto;
	width		:740px;
	height		:123px;
	background	:url('../img/top.jpg');
}

#top h1 a{
	position	:absolute;
	top			:50px;
	left		:0;
	width		:380px;
	height		:70px;
	display		:block;
	font-size	:18px;
	text-indent:-5000px;
}

#top h2{
	text-indent:-5000px;
}

#container{
	position	:relative;
	width		:770px;	
	margin-top	:5px;
	text-align	:left;
}

#content-left, #content-right{
	float		:left;
}

#content-left{
	width		:240px;
	text-align	:right;
	padding-right:5px;
}

#content-right{	
	width		:485px;
	padding-left:30px;
}

.bd-d{
	border-right:1px solid #c8c8c8;
}

.bd-l{
	border-left	:1px solid #c8c8c8;
}

.bd{
	border-bottom:1px solid #000;
}

a{
	font-size		:11px;
	font-style		:normal;
	color			:#000;
	text-decoration	:none;
}

#footer{
	position	:relative;
	margin		:auto;
	width		:740px;
	height		:65px;
	text-align	:center;
	padding-top	:5px;
	border-top	:2px solid #990033;
	margin-top	:5px;
}

#footer a{
	color			:#000;
	text-decoration	:none;
}

#footer a:hover{
	text-decoration:underline;
}

hr{
	clear			:both;
	visibility		:hidden;
}

/*****************************MENU********************/

ul, li{
	margin		:0px;
	padding		:0px;
	text-align	:right;
	list-style-type:none;
}

ul li a{
	display			:block;
	background-color:#fff;
	color			:#828282;
	text-decoration	:none;
	font-size		:13px;
	padding-right	:4px;
	padding-bottom	:2px;
}

ul li a:hover, .menuselected{
	background-color:#adadad;
	color			:#fff;
}

.search{
	border		:0px;
	background	:url('../img/bg-input.jpg') #e5e5e5;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:11px;
	color		:#000;
	padding		:3px;
}

.personnaliser{
	border		:0px;
	background	:url('../img/bg-input.jpg') #e5e5e5;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:11px;
	color		:#000;
	padding		:3px;
	width		:180px;
}

.iMask{
	border		:0px;
	background	:url('../img/bg-input.jpg') #e5e5e5;
	font-family	:Arial, Helvetica, sans-serif;
	font-size	:11px;
	color		:#000;
	padding		:3px;
}

.go{
	border		:0px;
	color		:#fff;
	background-color:#8d8d8d;
	font-size	:9px;
	padding		:2px;
	text-align	:center;
	cursor		:pointer;
}

.loupe{
	border		:0px;
	width		:46px;
	height		:46px;
	cursor		:pointer;
	background  :url('../img/loupe.jpg');
}

.caddie{
	background		:url('../img/panier.jpg');
	float			:right;
	width			:179px;
	height			:74px;
	padding-top		:20px;
	padding-right	:5px;
}

.caddie #lien1{
	color		:#fff;
	font-size	:14px;
}

#chemin{
	float		:left;
	color		:#ccc;
	background	:#fff;
	padding		:2px 4px 2px 4px;
	border		:1px solid #d5d5d5;
	font-size	:11px;
	margin-right:5px;
}

#cheminselect{
	float		:left;
	color		:#000;
	border		:1px solid #ff9934;
	background	:url('../img/bg-chemin.jpg');
	padding		:2px 4px 2px 4px;
	font-size	:11px;
	margin-right:5px;
}

input.btn{
	color		:#999999;
	background	:url('../img/bg-btn.jpg');
	padding		:2px 4px 2px 4px;
	cursor		:pointer;
}

.btn{
	color		:#999999;
	background	:url('../img/bg-btn.jpg');
	padding		:2px 4px 2px 4px;
	cursor		:pointer;
	border		:1px solid #d5d5d5;
	font-family:Arial, Helvetica, sans-serif;
}

.none{
	background	:none;
	border		:none;
}

.cgv{
	font-size	:10px;
}

.btn:hover{
	color		:#333333;
}

.art{
	color		:#000;
	font-size	:11px;
}

.montant{
	color		:#cb0204;	
	font-size	:13px;
}

/********************* TITRE **********************/

h1{
	margin-top	:15px;
	font-size	:24px;
	font-weight	:normal;
	color		:#828282;
	letter-spacing:-1pt;
}

h2{
	font-size	:14px;
	font-weight	:normal;
	color		:#730000;
	margin		:0px;
	padding		:0px;
}

h2 a{
	color		:#730000;
}

h3{
	font-size	:24px;
	font-weight	:normal;
	color		:#730000;
}

h4{
	margin-top	:15px;
	font-size	:16px;
	font-weight	:normal;
	color		:#828282;
}

.bd-img{
	border		:1px solid #ccc;
}

.lib_rub{
	font-size	:13px;
}

.lib_rub ul, .lib_rub ul li{ text-align:left; margin:0.5em 0; margin-left:15px; list-style-type:square; }

ul#rdv li a{ color:#0070c0; display:inline; }
ul#rdv li a:hover{ color:#002b4a; background-color:#fff; }

.livre{
	border-top	:1px solid #c8c8c8;
	width		:500px;
	padding-bottom:10px;
	padding-top	:20px;
}

.livre img{
	float		:left;
	margin-right:10px;
	border		:1px solid #ccc;
}

.text{
	float		:left;
	width		:410px;
	text-align	:justify;
}

.text2{
	float		:left;
	width		:330px;
	text-align	:justify;
}

a .isbn, .isbn{
	color		:#aaaaaa;
}

.prix{
	font-size	:20px;
	margin-right:20px;
}

.auteur{
	font-size	:13px;
}

.option{
	color			:#0099cc;
	text-decoration	:none;
}

.panier{
	margin-left	:20px;	
}

a .info, .info a{
	color		:#0099cc;
	text-decoration:none;
}

.panier a{
	color		:#868686;
	text-decoration:none;
}

.panier2 a{
	color			:#0099cc;
	font-size		:16px;
	text-decoration	:none;
}

/*************** TABLO ***************************/

.livraison{
	position		:relative;
	float			:left;
	width			:225px;
	border			:1px solid #cc9998;
	background-color:#fff;
	padding			:5px;
	margin-top		:5px;
}

.facturation{
	position		:relative;
	float			:left;
	margin-left		:5px;
	width			:225px;
	border			:1px solid #cc9998;
	background-color:#fff;
	padding			:5px;
	margin-top		:5px;
}

td a{
	color			:#333;
	text-decoration	:underline;
}

td a:hover{
	color			:#999;
	text-decoration	:underline;
}

.commande td,.commande th{
	border-bottom	:1px solid black;
}

input, select, textarea{
	font-size		:11px;
	font-family		:Verdana, Arial, Helvetica, sans-serif;
	color			:#333;
	border			:1px solid #999999;
	background		:#CCCCCC;
}

.radio{
	background		:none;
	border			:0px;
}

.envoyer a{
	margin-top		:10px;
	display			:block;
	padding			:5px;
	color			:#333;
	border			:1px solid #999999;
	background		:#CCCCCC;
	width			:145px;
}

.envoyer a:hover{
	color			:#fff;
	border			:1px solid #333;
	background		:#999;
}

/**************** GESTION **************************/

ul#pagination{ text-align:left; }

ul#pagination li{
display:inline;
text-align:center;
}

ul#pagination li a{
display:inline-block;
background:#ebebeb;
line-height:20px;
width:20px;
height:20px;
margin-right:3px;
margin-bottom:3px;
text-align:center;
padding:0;
}

ul#pagination li a:hover, ul#pagination li a.selected{ background:#cbcc66; }

#alpha{
float			: left;
margin-left		: 0px;
width			: 22px;
background-color: #f8f8f8;
text-align		: center;
border			: 1px solid #eeeeee;
}

#alpha a{
display			: block;
}

#alpha a.selected{
background-color: #cbcc66;
}

#alpha a:hover{
background-color: #c8c8c8;
}

#content-clients{
float			: left;
margin-left		: 20px;
width			: 430px;
height			: 360px;
position		: relative;
overflow		: hidden;
border			: 1px solid #e6e6e6;
}

.scrolling-content{
position		: absolute;
width			: 430px;
height			: 360px;
left			: 0px;
text-align		: left;
padding-left	: 10px;
overflow		: auto;
scrollbar-face-color		: #c8c8c8;
scrollbar-shadow-color		: #c8c8c8;
scrollbar-highlight-color	: #c8c8c8;
scrollbar-3dlight-color		: #c8c8c8;
scrollbar-darkshadow-color	: #c8c8c8;
scrollbar-track-color		: #f8f8f8;
scrollbar-arrow-color		: #ffffff;
}