/* ==================================================================================================================================
--- CSS - RESET ------------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus { outline: 0; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; width: 100%; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
h1 { padding: 0; margin: 0; }

/* ==================================================================================================================================
--- HTML - GÉNÉRIQUE -------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
a {color: #fff;}
body {background: #a0a0a0 url('../images/bbg.jpg') top repeat-x; color: #fff; font-family: georgia; margin: 0 auto 0 auto; text-align: center; width: 1024px;}

#TB_ajaxContent {background: #a0a0a0; color: #fff; font-family: georgia; margin: 0 auto 0 auto; text-align: center; width: 1024px;}
#sbody { margin: 0 auto 0 auto; width: 870px;}

/* ==================================================================================================================================
--- HEADER -----------------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
#header {background: url('../images/header.png'); height: 232px;}
#header2 {background: url('../images/header2.png') no-repeat; height: 68px; margin-top: -15px;}
#slideshow { border: 1px solid #7f7f7f; height: 170px; left: 200px; position: relative; top: 61px; width: 640px; }

/* ==================================================================================================================================
--- LEFT - SIDE ------------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
#menu { background-color: #848484; float: left; text-align: left; width: 170px; }
#menu ul li a {display: block; height: 30px; line-height: 30px; margin-bottom: 10px; text-decoration: none; text-indent: -9999px;}
#menu ul li a:hover {background-position: bottom !important;}
#menubottom {background: #848484 url('../images/test.jpg') bottom no-repeat; height: 150px;}
#menubottom img { left: 52px; position: relative; top: 25px;}

/* ==================================================================================================================================
--- RIGHT - SIDE -----------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
#rightside {float: left; padding: 10px; width: 680px;}

.nosbien ul li { margin-bottom: 5px; }
.nosbien table {border-collapse: collapse;}
.nosbien table tr td { background-color: #fff; border: 1px solid #6d6d6d; color: #2c2c2c; height: 135px; padding: 5px;}

.btitre { border-bottom: 1px solid #2c2c2c; font-weight: bold; margin-bottom: 5px; padding-bottom: 2px; text-indent: 10px; }
.bdescription { font-size: 13px; line-height: 17px; text-indent: 5px; }
.bprix { border-top: 1px solid #2c2c2c; margin-top: 5px;  width: 200px;}
.infodown {bottom: 0; position: absolute;}
.moreinfo {margin-top: 10px; width: 480px;}
.moreinfo a { color: #2c2c2c; text-decoration: underline;}
.moreinfo a:hover { color: #c9c9c9;}

.pagination {float: right}
.pagination li {float: left; line-height: 25px; margin-right: 5px; width: 25px; text-align: center;}
.active {display: block; background-color: #cacaca; border: 1px solid #9a9a9a;}
.pagination  li a{
	background-color: #848484;
	border: 1px solid #6d6d6d;
	display: block;
	font-family: tahoma;
	text-decoration: none;
}

.pagination li a:hover {background-color: #cacaca; border: 1px solid #9a9a9a; color: #2f2f2f;}
}
/* ==================================================================================================================================
--- DÉTAIL -----------------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
#leftminiphoto {float: left; width: 215px;}
#miniphoto {float: left; }

#left li {float: left; height: 95px; margin: 2px; text-align: center; width: 95px;}

.mini_photo {border: 1px solid #000; cursor: pointer;}

.carrousel-prev{background: url('../images/updownbtn.png') top left no-repeat; border: 1px solid #c5c5c5; cursor: pointer; display: block; height: 20px; left: 70px; margin-top: 5px; position: relative; top: 0; text-indent: -9999px; width: 70px;}
.carrousel-next{background: url('../images/updownbtn.png') bottom left no-repeat; border: 1px solid #c5c5c5; cursor: pointer; display: block;  bottom: 0; height: 20px; left: 70px; position: relative; top: 420px; text-indent: -9999px; width: 70px;}

.carrousel-prev:hover {background-position: -70px 0;}
.carrousel-next:hover {background-position: -70px -20px;}

.aplus {background-position: -140px 0 !important; border: 1px solid #e3e3e3; cursor: default !important;}
.aplusn {background-position: -140px -20px !important; border: 1px solid #e3e3e3; cursor: default !important;}

#right {background: url('../images/corpsbg.png') repeat; float: left; margin-top: 10px; min-height: 480px; width: 640px; }

#chargement {
	background: url('../images/loading.gif') left no-repeat;
	color: #565655;
	display: none;
	float: left;
	line-height: 32px;
	margin-top: -36px;
	padding-top: 14px;
	position: relative;
	text-align: left;
	font-family: Verdana, Tahoma;
	text-indent: 37px;
	top: 300px;
	left: 270px;
	}

.contenu2 {
	background-color: #fff;
	border: 1px solid #202a4a;
	margin: 0 auto 10px auto;
	min-height: 485px;
	padding: 5px;
	text-align: center;
	width: 645px;
	}
	
#descriptionp { padding-top: 10px; padding-bottom: 5px; font-size: 16px; }
#price { font-size: 24px; }
.titre {font-size: 24px;}

/* ==================================================================================================================================
--- GÉNÉRIQUE - CSS --------------------------------------------------------------------------------------------------------------
==================================================================================================================================
*/
.tleft {text-align: left;}
.tright {text-align: right;}
.tcenter {text-align: center;}
.tjustify{text-align: justify;}
.alignleft {float: left; text-align: left;}
.alignright {float: right; text-align: left;}
.aligncenter {margin: 0 auto 0 auto; text-align: center;}
.clear {clear: both; margin-bottom: -1px; padding-bottom: 1px}