/* 
============================================================================================================
============================================================================================================
version : 1.1
site : www.ludikbazar.com
============================================================================================================
============================================================================================================
*/

/* 
============================================================================================================
PLUGINS MOOTOOLS
============================================================================================================ 
*/

h1, h2{
	padding: 0px;
	margin: 0px;
	font-size: 12px;
}

/* ================== NOOBSLIDE ================== */
#noobslide {
	float: right;
	width: 190px;
	height: 230px;
	border: 2px solid #EEEEEE;
	padding: 10px;
	margin: 5px;
}
#noobslide_mask {
	position:relative;
	width: 190px;
	height: 200px;
	overflow:hidden;
}
#noobslide_images {
	position:absolute;
	text-align: center;
}
#noobslide_images div {
	float:left;
	display:block;
	width: 190px;
}
#noobslide_images img {
	display:block;
	margin: 0px auto;
}
#noobslide_images .current_thumb {

}
#noobslide_buttons {
	font-size: 11px;
	color: #999999;
}
#noobslide_buttons .prev {
	float: left;
	cursor: pointer;
}
#noobslide_buttons .play {
}
#noobslide_buttons .stop {
}
#noobslide_buttons .next {
	float: right;
	cursor: pointer;
}

/* ================== UVUMI-DROPDOWN ================== */
/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
	border-bottom:1px solid #444;

	background-color: #132D10;
	font-size: 11px;
}
/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #444;
	list-style:none;
}
/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:5px;
	background-color:#132D10;
	cursor:pointer;
	/*added*/
	width: 100%;
	white-space: nowrap;
}
/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
/*
.dropdown a{
	color: #FFFFFF;
	text-decoration:none;
	width:100%;
	height:100%;
}
.dropdown .sub_off a:hover{
	color: #132D10;
	text-decoration:underline;
}
*/
/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #444;
	border-top:0;
	margin-left:0px;
}
/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	padding-left:20px;
	width: auto;
}
/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	padding:5px;
	width:100%;
	height:100%;
}

.root_off{
	background-image:url('./_addons/uvumi-dropdown/expand_right.gif');
	background-position:center left;
	background-repeat:no-repeat;
	
	color: #FFFFFF;
	text-decoration:none;
}
.root_on{
	background-image:url('./_addons/uvumi-dropdown/expand_down.gif');
	background-position:center left;
	background-repeat:no-repeat;
	
	color: #FDBA13;
	text-decoration:none;
}

/* effet sous-menu root*/
.sub_off{
	background-color: #132D10;
	color: #FFFFFF;
	text-decoration:none;
}
.sub_on{
	background-color: #FDBA13;
	color: #132D10;
	text-decoration:underline;
}

/* ================== MILKBOX ================== */
#mbOverlay {
	position: absolute;
	left: 0;
	width:100%;
	background-color: #000; /* set the Milkbox overlay color // opacity: see the js options */
	z-index:100;
	cursor: pointer;
}
#mbCenter {
	/* for default width and height, see the js options */
	position: absolute;
	z-index:101;
	overflow:hidden;
	left: 50%;
	top:10%;/* overwritten in the js options to properly position the milkbox when activated in a scrolled window */
	background-color: #fff;/* set the Milkbox background color */
	border: 5px solid #fff;/* set the Milkbox border */
	margin:0; padding:5px;/* set the Milkbox padding */
}
.mbLoading{ background: #fff url(./_addons/milkbox/loading.gif) no-repeat center; }/* IMAGE: loading gif */
#mbImage{ margin:0; padding:0; height:0; border:none; font-size:0; overflow:hidden; }
.clear{ clear:both; height:0; margin:0; padding:0; font-size:0; overflow:hidden; }

/* *** BOTTOM *** */
#mbBottom { 
	/* set text options */
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	padding-top:8px;
	margin:0;
}
/* navigation */
/* be careful if you change buttons dimensions */
#mbNavigation{
	float:right;
	width:27px;
	padding-top:3px;
	border-left:1px solid #9c9c9c;/* set nav border */
}
#mbCount{ 
	width:55px; 
	overflow:hidden;
	padding-top:1px;
	float:right;
	text-align:right;
	font-size:9px; /* count font size */
}
#mbCloseLink, #mbPrevLink, #mbNextLink{
	outline:none;
	display:block;
	float:right;
	height:20px;
	cursor: pointer;
}
#mbPrevLink, #mbNextLink{ width:17px; }
#mbPrevLink{ background: transparent url(./_addons/milkbox/prev.gif) no-repeat; }/* IMAGE: prev */
#mbNextLink{ background: transparent url(./_addons/milkbox/next.gif) no-repeat; }/* IMAGE: next */

/* NOTE: doesn't work in ie6, so, just see the js options :) */
a#mbPrevLink:hover,a#mbNextLink:hover,a#mbCloseLink:hover { background-position: 0 -23px; }
#mbCloseLink {
	width:20px;
	background: transparent url(./_addons/milkbox/close.gif) no-repeat;/* IMAGE: close */
}

/* description */
#mbDescription{
	margin-right:27px;
	padding:0px 10px 0 0;
	font-weight: normal;
	text-align:justify;
}

/* ================== MODALWINDOW ================== */
#modal{
}
#modal-wrapper{
	border: 5px solid #FF6600;
}
#modal-close{
}
#modal-close-bt{
	float: right;
	width:20px;
	height:20px;
	margin: 5px;
	background: transparent url('./_addons/modalwindow/close.gif') no-repeat;
}
#modal-close-bt:hover{ 
	background-position: 0 -22px; 
}

/* ================== AUTOCOMPLETER ================== */
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				11px;
	line-height:			1.5em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#444;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#9FCFFF;
}

/*
============================================================================================================
DECLARATION GLOBALE
- Declarer ici le formattage des elements les + communs'
============================================================================================================ 
*/

/* ================== GLOBAL ================== */

html, body{
	font-family: Helvetica,sans-serif;
	/*font-family: "Helvetica";*/
	text-align: center;
	margin: 0px;	
}

img{
	border: 0px;
}

/* ie - hack */
form{
	margin: 0px;
	padding: 0px;
	/*border:1px solid #DDDDDD; */
}

textarea {
	width: 100%;
	font-size: 11px;
}

a{
	text-decoration: none; 
	color: #414A36;
}

a.informations{
	color: #FDBA13;
	font-weight: bold;
	text-decoration:underline;
}

/* ================== CLASSES COMMUNES ================== */
.price {
	font-size: 18px;
	color: red;
}
.separateur{
	height: 5px;
	width:100%;
	clear:both;
	visibility:hidden;
}
.neuf{
	background: transparent url(../images/neuf.gif) no-repeat scroll left top;
	width: 30px;
	height: 12px;
}
.precc{
	background: transparent url(../images/precc.gif) no-repeat scroll left top;
	width: 60px;
	height: 12px;
}
.promo{
	background: transparent url(../images/promo.gif) no-repeat scroll left top;
	width: 30px;
	height: 12px;
}
.pmalin{
	background: transparent url(../images/pmalin.gif) no-repeat scroll left top;
	width: 60px;
	height: 12px;
}

/* ================== MESSAGES ================== */
.error{
	font-size: 12px;
	color: red;
	background-color: #ffb3b5;
	text-align: center;
}
.messageStackSuccess{
	font-size: 12px;
	color: green;
	background-color: #D5D8C9;
	text-align: center;
}
.messageStackError{
	font-size: 12px;
	color: red;
	background-color: #ffb3b5;
	text-align: center;
}
.info{
	font-size: 12px;
	color: green;
	background-color: #D5D8C9;
	text-align: center;	
}


/* 
============================================================================================================
POSITIONNEMENT GLOBAL
- D�coupage global de la structure du site
- D�coupage en zones
============================================================================================================ 
*/

#main{
	width: 1024px;
	margin: 0px auto;
	
	text-align: left;	
	
	border-collapse: collapse;
	border-spacing: 0px;

}

#main_modal{
	width: 100%;
	margin: 0px auto;
	
	text-align: left;	
	
	border-collapse: collapse;
	border-spacing: 0px;

}

/* 
==========================================================
==================  *** wallgarden ***  ================== 
==========================================================
*/
#wallgarden{
	width: 100%;
	height: 128px;
	padding: 0px;
	
/*	
	font-size: 1px;
*/	
}

/* === HEADER === */
#header{
	width: 1014px;
	height: 15px;
	padding: 5px;
	
	display: block;
		
	background-color: #FFFFFF;
}
#header a{
	text-decoration: none; 
	font-size: 11px;
	color: #252E29;
}

/* === ENTETE === */
#entete {
	width: 100%;
	height: 103px;

	display: block;
	clear:left;

	background-image: url("../images/ludikbazar.jpg");
	background-repeat:no-repeat;
}

/* 
==========================================================
==================  *** content ***  ===================== 
==========================================================
*/
#content{
	width: 100%;
	height: auto;
	padding: 0px;

/*	
	background-color: #BEC3AE;
*/
}

/* === TOOLBAR === */
#toolbar{
	width: 150px;
	height: 100%;
	
	display: block;
	float: left;
}

/* === SUBCENTRE === */
#subcentre {
	width: 100%;
	
	display: block;
	float: left;
}

/* === PAGE === */
#page{
	width: 100%;
	height: auto;
	padding-top: 10px;
	
	display: block;
	float: left;

	text-align: left;
	font-size: 10px;
}

/* 
==========================================================
==================  *** footer ***  ===================== 
==========================================================
*/
#footer {
	width: 100%;
	height : 30px;
	padding: 0px;
	
	border-top : 1px solid #003300;
	border-bottom : 1px solid #003300;
		
	font-size: 10px;
}
#footer .footerL {
	width: 50%;
	
	float: left;

	text-align: left;
}
#footer .footerR {
	width: 50%;
	
	float: left;
		
	text-align: right;
}

/* 
============================================================================================================
DETAIL Box visuels
- D�tail sur chacunes des zones
============================================================================================================ 
*/

/* 
============================================================================================================
BOX : LANGUAGES (header)
============================================================================================================ 
*/
#languages{
	float: left;
}

#languages .box{
	font-size: 11px;
}

/* 
============================================================================================================
BOX : INFORMATIONS (header)
============================================================================================================ 
*/

/* === INFORMATIONS === */
#information{
	margin-left: 10px;
	float:left;
	display: block;
}

#information .box{
	font-size: 11px;
}

/* 
============================================================================================================
BOX 03 : LOGO (entete)
============================================================================================================ 
*/

#logo {
	width: 375px;
	height: 103px;
	float: left;
	cursor : pointer;
}

/* 
============================================================================================================
BOX : MODS (entete)
============================================================================================================ 
*/

#mods{
	width: 400px;
	height: 55px;
	
	margin-top: 5px;
	margin-bottom: 15px;
	
	float: right;
}
#mods .box{
	float: right;
	height: 18px;
}
#mods .mod{
	float: left;
	width: 90px;
	text-align: center;
}
#mods .space{
	width: 10px;
	height: 100%;
	
	float: left;
	
	background-image: url(../images/separation_lien.gif);
	background-repeat:no-repeat;
	background-position: 50%;
}
#mods a{
	text-decoration: none; 
	font-size: 12px;
	font-weight: bold;
	color: #112E10;
}
#mods .mod_ext{
	float: left;
	width: 200px;
	height: 22px;

	margin-top: 15px;
	/*margin-right: 10px;*/
	
	background: transparent url(../images/button_rachat.gif) no-repeat;
	
	cursor: pointer;
}
#mods .mod_ext2{
	float: left;
	width: 188px;
	height: 22px;

	margin-top: 15px;
	/*margin-right: 10px;*/
	
	background: transparent url(../images/button_sejour.gif) no-repeat;
	
	cursor: pointer;
}

/* 
============================================================================================================
BOX : CLIENTSPACE (entete) - encadre ici loginbox et shoppingcart
============================================================================================================ 
*/

#clientspace{
	width: 475px;
	height: 100%;
	
	float: right;
}

/* 
============================================================================================================
BOX : SERVICES (droite)
============================================================================================================ 
*/

#services{
	float: left;
	margin-bottom: 15px;
}
#services a{
	text-decoration: none; 
	font-size: 12px;
	font-weight: bold;
	color: #112E10;
}
#services .mod_1{
	float: left;
	width: 200px;
	height: 22px;

	background: transparent url(../images/button_rachat.gif) no-repeat;
	
	cursor: pointer;
}
#services .mod_2{
	float: left;
	width: 200px;
	height: 22px;
	margin-top: 10px;

	background: transparent url(../images/button_sejour.gif) no-repeat;
	
	cursor: pointer;
}
#services .mod_3{
	float: left;
	width: 200px;
	height: 22px;
	margin-top: 10px;

	background: transparent url(../images/button_orgevents.gif) no-repeat;
	
	cursor: pointer;
}

/* 
============================================================================================================
BOX : LOGINBOX (entete)
============================================================================================================ 
*/

#loginbox {
/*	width: 200px; */
	width: 186px;
	height: auto;
	
	padding: 5px;
	
	float: left;
 	display: block; 
 	
	background-color: #D5D8C9;
	border: 2px solid #132D08;
}
#loginbox .box{
	width: 100%;
	height: 100%;
}
#loginbox .titre{
	width: 100%;
	
	color : #132D08;
	font-size: 12px;
	font-weight: bold;
}
#loginbox .text{
	width: 164px;
	height : auto;

	font-size: 11px;
}
/* not logged */
#loginbox .subscribe{
	width: 100px;
	height: 28px;

	padding-top: 5px;
	
	margin-top: 10px;
	margin-bottom: 10px;
	
	background: transparent url(../images/button_inscription.png) no-repeat scroll right top;

	text-align: center;
	color : #FFFFFF;
	font-size: 10px;	
	
	cursor: pointer;
}
#loginbox .email_address{
	width: 140px;
	height: 15px;
	background-color: #FFFFFF;
	font-size: 10px;
	border: 0px;
}
#loginbox .password{
	width: 140px;
	height: 15px;
	background-color: #FFFFFF;
	font-size: 10px;
	border: 0px;
}
#loginbox .button{
	width: 20px;
	height : auto;
	padding: 0px;
	
	vertical-align: bottom;
}
#loginbox .button_login{
	border: 0px;
}
/* logged */
#loginbox .user_info{
	color : #8E340F;
	font-size: 12px;
	font-weight: bold;
}
#loginbox .detail{
	width: 100%;
	line-height: 20px;
	
	padding-left: 25px;
	
	background: transparent url(../images/button_detail.gif) no-repeat scroll left center;

	margin-bottom: 5px;
}
#loginbox .detail a{
	color : #132D08;
	font-size: 10px;
	font-weight: bold;
	
	text-decoration: none;
}
#loginbox .disconnect{
	width: 100%;
	line-height: 20px;
	
	padding-left: 25px;
	
	background: transparent url(../images/button_disconnect.gif) no-repeat scroll left center;
}
#loginbox .disconnect a{
	color : #8E340F;
	font-size: 10px;
	font-weight: bold;
	
	text-decoration: none;
}

/* 
============================================================================================================
BOx : SHOPPINGCART (entete)
============================================================================================================ 
*/

#shoppingcart {
	width: 200px;
	/*height: 100%;*/

	float: right;
}
#shoppingcart .box{
	width: 100%;
	height: 100%;
}
#shoppingcart .titre{
	height: 35px;
	line-height: 30px;
	width: 100%;
	
	background: transparent url(../images/button_panier.png) no-repeat scroll right top;
	
	text-indent: 80px;
	
	color : white;
	font-size: 14px;
	font-weight: bold;
	
	cursor : pointer;	
}
#shoppingcart .texte{
	padding-top: 5px;
	padding-bottom: 5px;
	
	color : #112E10;
	font-size: 10px;
}
#shoppingcart .product{
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-top: 1px solid #D5D8C9;
}
#shoppingcart .product a{
	font-size: 8px;
}
#shoppingcart .total{
	padding-top: 5px;
	padding-bottom: 5px;
	
	border-top: 1px solid #4F7230;
	border-bottom: 1px solid #4F7230;
	
	color : #4F7230;
	font-size: 12px;
	font-weight: bold;
	
	text-align: right;
}

/* 
============================================================================================================
BOx : SEARCH (toolbar)
============================================================================================================ 
*/

#search{
	width: 400px;
	height: 28px;

	margin-right: 10px;
	
	float: right;
}
#search .l_box{
	width: 6px;
	height: 100%;
	
	float: left;
	
	background-image: url(../images/angle_pave_search_g.gif);
	background-repeat:no-repeat;
}
#search .box{
	width: 388px;
	height: 27px;

	float: left;
	
	border-top: 1px solid #8E340F;
	
	background-color: #FFFFFF;
	background-image: url(../images/picto_loupe.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}
#search .r_box{
	width: 6px;
	height: 100%;
	
	float: left;
	
	background-image: url(../images/angle_pave_search_d.gif);
	background-repeat:no-repeat;
}
#search .titre{
	width: 80px;
	line-height: 22px;
	
	padding-top: 3px;	
	padding-left: 20px;
	
	float: left;
	
	color : #252E29;
	font-size: 12px;
	font-weight: bold;
}
#search .content{
	width: 265px;
	line-height: 22px;
	
	padding-top: 3px;
	
	float: left;
	
	font-size: 10px;
}
#search .content input,select{
	width: 125px;
	/*height: 15px;*/
	font-size: 10px;
	
	border: 1px solid #112E10;
}
#search .button{
	height: 22px;

	float: left;
}
#search .button input{
	width: 22px;
	height: 11px;
	
	padding-top: 8px;
}
/*
#search .advanced{
	line-height: 12px;
	float: left;
}
#search a{
	text-decoration: none; 
	font-size: 10px;
	color: #FFFFFF;
}
*/

/* 
============================================================================================================
BOx : FILTERS (toolbar)
============================================================================================================ 
*/

#filters{
	width: 586px;
	height: 33px;

	float: left;
}
#filters .box_l{
	width: 4px;
	height: 100%;
	
	float: left;
	
	background-image: url(../images/angle_filtre_g.gif);
	background-repeat:no-repeat;
}
#filters .box{
	width: 566px;
	height: 100%;

	padding-left: 10px;
	
	float: left;

	background: transparent url(../images/degrade_filtre.gif) repeat-x scroll left center;
}
#filters .box_r{
	width: 4px;
	height: 100%;
	
	float: left;
	
	background-image: url(../images/angle_filtre_d.gif);
	background-repeat:no-repeat;
}
/*
#filters .titre{
	padding-top: 7px;
	padding-left: 20px;
	padding-right: 20px;

	float: left;
	
	color : #252E29;
	font-size: 12px;
	font-weight: bold;
}
*/
#filters .texte{
	/*padding-top: 7px;*/
	
	float: left;
	
	font-size: 10px;
}
#filters select{
	width: 115px;
	/*height: 15px;*/

	margin-right: 10px;
	
	font-size: 10px;
	border: 1px solid #112E10;
}
#filters .filtred{
	color: red;
}
#filters .button{
	height: 33px;
	width: 20px;
	
	float: left;
	
	background: transparent url(../images/button_detail.gif) no-repeat scroll left center;
	cursor: pointer;
}
#filters a{
	text-decoration: none; 
	font-size: 10px;
	color: #FFFFFF;
}
#filters .filter{
	float: left;
	width: 130px;
}


/* 
============================================================================================================
BOx : CATEGORIES / FAMILLES (subcentre)
============================================================================================================ 
*/

/* === CATEGORIES === */
#categories{
	width: 1024px;
	height: auto;

	float: left;
}

/* === CATEGORIES === */
/*
#categories{
	width: 100%;
	height: auto;

	float: left;
}
#categories .box {
	width: 100%;
	height: 100%;
	
	display: block;
	
	float: left;

	background-image: url(../images/degrade_categorie.gif);
	background-repeat: repeat;
}
#categories .cell {
	height: 28px;

	margin-left: 2px;
	padding-top: 10px;	
	padding-left: 5px;
	padding-right: 5px;

	display: block;
	
	float: left;
	
	cursor : pointer;
	white-space: nowrap;
  	font-size: 12px;
	font-weight: bold;
}
#categories .on {
	padding-left: 10px;

	float: left;
		
	color : #FFB500;
	background-image: url(../images/fleche.gif);
	background-repeat:no-repeat;	
	background-position: left;
}
#categories .off {
	padding-left: 10px;

	float: left;
		
	color : white;
	background-image: url(../images/fleche.gif);
	background-repeat:no-repeat;	
	background-position: left;
}
#categories .off:HOVER{
    color: #FFB500;
}
*/

/* 
============================================================================================================
Module : SOUS-CATEGORIES
============================================================================================================ 
*/

#souscategories{
	width: 200px;
	height: auto;
	
	display: block;
	float: left;
	
	font-size: 11px;		
}
#souscategories .titre_h{
	width: 200px;
	height: 4px;

	float: left;
		
	/*hack IE*/
	font-size: 1px;

	background: transparent url(../images/pave_vert_h.gif) no-repeat scroll right top;
}
#souscategories .titre{
	width: 100%;
	min-height: 24px;
	
	float: left;
	
	background-color: #112E10;	
	text-align: left;
}
#souscategories .titre_c{
	width: 196px;
	height: 100%;
	
	padding: 0px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_subcategorie.gif) repeat-x scroll right top;

	color : #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#souscategories .titre_c a{
	color : #FFFFFF;
	font-size: 10px;
}
#souscategories .box {
	width: 100%;
	height: 100%;

	float: left;
	
	background-color: #112E10;
}
#souscategories .cell {
	width: 190px;
	height: auto;

	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;

	/*white-space: nowrap;*/
}
#souscategories .on {
	padding-left: 10px;

	background-image: url(../images/fleche.gif);
	background-repeat:no-repeat;	
	background-position: left;
}
#souscategories .on a{
  	font-size: 10px;
	font-weight: bold;
	color : #FFB500;
	
	text-decoration: none;	
}
#souscategories .off {
	padding-left: 10px;
	
	background-image: url(../images/fleche.gif);
	background-repeat:no-repeat;	
	background-position: left;
}
#souscategories .off a{
  	font-size: 10px;
	font-weight: bold;
    color : white;
    
   	text-decoration: none;
}
#souscategories .off a:hover{
    color: #FFB500;
}

/* 
============================================================================================================
BOx : BREADCRUMB / RAPPEL DE NAVIGATION (subcentre)
============================================================================================================ 
*/
#breadcrumb{
	width: 100%;
	height: 30px; 

	line-height: 25px;
	
	float: left;
	clear:left;
	
	font-size: 12px;
	color: #000000;
	
	background-image: url(../images/degrade_navigation.gif);
	background-repeat:repeat;	
}
#breadcrumb h1{
	display: inline;
}
#breadcrumb .Navigation_Font{
	margin-left: 5px;

	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
#breadcrumb .rss{
	float: left;
	margin-left: 5px;
	margin-top: 5px;
}

/* 
============================================================================================================
BOx : FORMAT D'UNE PAGE - partie variante (page)
============================================================================================================ 
*/

/* === BANNIERE === */
#banner{
	width: 100%;
	height: 100%;
	
	padding-bottom: 10px;
	
	float: left;
	clear:left;
	
	text-align: center;
}

/* 
============================================================================================================
BOx : MEILLEURES VENTES (toolbar)
============================================================================================================ 
*/

#best_sellers{
	width: 100%;
	height: 100%;
}
#best_sellers .box {
	width: 196px;

	border: 2px solid #526974;
	
	text-align: left;
}
#best_sellers .titre {
	width: 100%;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#best_sellers .titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_gris_bleu_g.gif) no-repeat scroll right top;
}
#best_sellers .titre_c{
	width: 184px;
	height: auto;
	height: 15px;
	
	padding: 5px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_gris_bleu.gif) repeat-x scroll right top;

	text-align: center;
	
	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#best_sellers .titre_r{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_gris_bleu_d.gif) no-repeat scroll right top;
}
#best_sellers .liste{
}

#best_sellers .row{
	margin: 8px;
}

#best_sellers .row a{
	color: #526974;
	font-size: 8px;
}

/* 
============================================================================================================
BOx : PRODUITS A VENIR (toolbar)
============================================================================================================ 
*/

#upcoming_products{
	width: 100%;
	height: 100%;
}
#upcoming_products .box {
	width: 196px;

	border: 2px solid #526974;
	
	text-align: left;
}
#upcoming_products .titre {
	width: 100%;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#upcoming_products .titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_gris_bleu_g.gif) no-repeat scroll right top;
}
#upcoming_products .titre_c{
	width: 184px;
	height: auto;
	height: 15px;
	
	padding: 5px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_gris_bleu.gif) repeat-x scroll right top;

	text-align: center;
	
	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#upcoming_products .titre_r{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_gris_bleu_d.gif) no-repeat scroll right top;
}
#upcoming_products .liste{
}

#upcoming_products .row{
	margin: 8px;
}

#upcoming_products .row a{
	color: #526974;
	font-size: 8px;
}

/* 
============================================================================================================
BOx : NOUVEAUTE (toolbar)
============================================================================================================ 
*/
#productnews {
	float: left;
	width: 100%;
	height: 100%;
}
#productnews .titre {
	width: 100%;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#productnews .titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_g.gif) no-repeat scroll right top;
}
#productnews .titre_c{
	width: 200px;
	height: auto;
	/*min-height: 25px;*/
	padding: 5px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_vert.gif) repeat-x scroll right top;

	text-align: center;
}
#productnews .titre_c a{
	color : #FDBA13;
	font-size: 14px;
	font-weight: bold;
	
	text-decoration: blink;
}
#productnews .titre_r{
	width: 26px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_d.gif) no-repeat scroll right top;
}

#productnews .box {
	height: 100%;
	
	padding: 2px;
	
	background-color: #112E10;	
}
#productnews .oneproduct{
	min-height: 305px;
	width: 163px;
	padding: 10px;
	margin: 5px;
	
	float: left;
	
	background-color: #FFFFFF;
}
#productnews .libelle {
	height: 40px;

	text-align: left;
}
#productnews .libelle a{
	color : #252E29;
	font-size: 10px;
	font-weight: bold;
}

#productnews .description {
	height: 60px;

	margin-bottom: 10px;
	
	color : #252E29;
	font-size: 10px;
}
#productnews .image {
	width: 100%;
	text-align: center;
	
	padding-bottom: 10px;
}
#productnews .prices {
	margin: 6px;
	padding: 5px;
	
	display: block;

	text-align: center;
	background-color: #FFFFFF;

	border: 1px solid #4F7230;
}
#productnews .base_price{
	color : #4F7230;
	font-size: 12px;
	font-weight: bold;
}
#productnews .promotion{
	/*height: 14px;
	background: transparent url(../images/promotion.gif) no-repeat scroll center top;
	padding-top: 14px;*/
	text-decoration: line-through;
}
#productnews .customer_price{
	color : #8D350F;
	font-size: 12px;
	font-weight: bold;
}
#productnews .separateur{
	width: 300px;
	
	clear: both;
	visibility: hidden;
}

/* 
============================================================================================================
BOx : NOUVEAUTE LISTING (toolbar)
============================================================================================================ 
*/
#productnews_listing {
	float: left;
	width: 100%;
	height: 100%;
}
#productnews_listing .titre {
	width: 100%;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#productnews_listing .titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_g.gif) no-repeat scroll right top;
}
#productnews_listing .titre_c{
	width: 200px;
	height: auto;
	/*min-height: 25px;*/
	padding: 5px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_vert.gif) repeat-x scroll right top;

	text-align: center;
}
#productnews_listing .titre_c a{
	color : #FDBA13;
	font-size: 14px;
	font-weight: bold;
	
	text-decoration: blink;
}
#productnews_listing .titre_r{
	width: 26px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_d.gif) no-repeat scroll right top;
}
#productnews_listing .accordion {
	float: left;
}
#productnews_listing .toggler {
	background: #132D10 url(./_addons/uvumi-dropdown/expand_right.gif) left center no-repeat;
	font-size: 12px;
	padding: 5px 0px 5px 20px;
	cursor: pointer;
}
#productnews_listing .element {
}
#productnews_listing .box {
	float: left;
	width: 100%;
	
	background-color: #112E10;	
}
#productnews_listing .box thead th {
	background-color: #DDDDDD;
	vertical-align: middle;
	text-align: center;	
}
#productnews_listing .box tbody td {
	vertical-align: middle;
}
#productnews_listing .oneproduct{
	height: 25px;
	background-color: #FFFFFF;
	cursor: pointer;
}
#productnews_listing .libelle {
	text-align: left;
}
#productnews_listing .libelle a{
	color : #252E29;
	font-size: 10px;
	font-weight: bold;
}

#productnews_listing .base_price{
	width: 65px;
	text-align: center;	
	
	color : #4F7230;
	font-size: 12px;
	font-weight: bold;
}
#productnews_listing .promotion{
	text-decoration: line-through;
}
#productnews_listing .customer_price{
	width: 65px;
	text-align: center;	
	
	color : #8D350F;
	font-size: 12px;
	font-weight: bold;
}

/* 
============================================================================================================
BOx : QUOI DE NEUF (toolbar)
============================================================================================================ 
*/
/*
#whatsnew {
	height: auto;
	width: 100%;
	text-align: left;
}
#whatsnew .box {
	width: 100%;
		
	float: left;
	clear: left;
}
#whatsnew .titre {
	height : 25px;
	
	text-align : center;
	vertical-align : middle;
	
	background-image: url("../images/degrade_box.jpg");
	background-repeat:repeat;
	
	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	cursor : pointer;
}
#whatsnew .texte {
	color : #FFFFFF;
	font-size: 10px;
}
#whatsnew .price {
	color : red;
	font-size: 10px;
}
*/

/* 
============================================================================================================
Module : HEADLINE >> A LA UNE
============================================================================================================ 
*/


/* HEADLINES STYLES 1 */
#style1_noobslide {
	float: right;
	width: 190px;
	height: 230px;
	border: 2px solid #8E340F;
	padding: 10px;
	margin: 5px;
}
#style1_noobslide_mask {
	position:relative;
	width: 190px;
	height: 200px;
	overflow:hidden;
}
#style1_noobslide_content {
	position:absolute;
	text-align: center;
}
#style1_noobslide_content .article {
	float:left;
	width: 190px;
	display:block;
}
#style1_noobslide_content a {
}
#style1_noobslide_content img {
	border: 1px solid black;
}

/* HEADLINES STYLES 2 - NOOBSLIDE (jaune) */
#style2_headlines {
	float: left;
	border: 2px solid #FDBA13;
	width: 582px;
	margin-bottom: 10px;
}
#style2_noobslide_info {
	height: 20px;
	padding: 5px;
	background: #FDBA13;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	text-transform: uppercase;
}
#style2_noobslide {
	float: left;
	width: 397px;
}
#style2_noobslide_mask {
	float: left;
	position: relative;
	width: 397px;
	background-color: #FFFFFF;
	overflow: hidden;
}
#style2_noobslide_content {
	position:absolute;
	text-align: center;
}
#style2_noobslide_content .article {
	float:left;
	display: block;
	width: 387px;
	padding: 5px;
	overflow-y: auto; 
}
#style2_noobslide_content a {
}
#style2_noobslide_content img {
}

#style2_noobslide_handles {
	float: left;
	width: 183px;
	background-color: #FFFFFF;
	border-left: 2px solid #FDBA13;
}
#style2_noobslide_handles span {
	display: block;
	width: 165px;
	
	padding: 10px;
	border-bottom: 1px solid #FDBA13;	
	text-align: center;
	font-weight: bolder;
	cursor: pointer;
	text-transform: uppercase;
}
#style2_noobslide_handles span.active, #style2_noobslide_handles span:hover {
	background-color: #132D10;
	color: #FFFFFF;
}

/* HEADLINES STYLES 1 (rouge) */
.style1_box{
	width: 200px;
	/*height: 100%;*/
	
	display: block;
	float: left;
	
	font-size: 11px;
}
.style1_titre_h{
	width: 200px;
	height: 4px;

	float: left;
		
	/*hack IE*/
	font-size: 1px;

	background: transparent url(../images/pave_rouge_h.gif) no-repeat scroll right top;
}
.style1_titre{
	width: 100%;

	float: left;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
.style1_titre_l{
	display: none;
	/*background: transparent url(../images/angle_rouge_g.gif) no-repeat scroll right top;*/
}
.style1_titre_c{
	width: 196px;
	height: auto;
	
	padding: 0px 2px 5px 2px;
	
	float: left;

	background: transparent url(../images/degrade_rouge.gif) repeat-x scroll right top;
	background-color: #8E340F;

	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.style1_titre_c a{
	color : #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	
	text-decoration: none;
}
.style1_titre_r{
	display: none;
	/*background: transparent url(../images/angle_rouge_d.gif) no-repeat scroll right top;*/
}
.style1_texte{
	width: 176px;
	
	border: 2px solid #8E340F;
	
	float: left;
	
	padding: 10px;
	
	text-align: center;
	font-size: 10px;
}
.style1_texte a{
	text-decoration: none;
}
.style1_texte img{
	display: block;
	float: none;
	margin: 0px auto;
	padding-top: 5px;
}
.style1_image{
	width: 100%;
	
	text-align: center;
}

/* HEADLINES STYLES 2 (jaune) */
.style2_box{
	width: 584px;
	/*height: 100%;*/
	
	display: block;
	float: left;
	
	font-size: 11px;	
}
.style2_titre{
	width: auto;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
.style2_titre_h{
	display: none;
}
.style2_titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_jaune_g.gif) no-repeat scroll right top;
}
.style2_titre_c{
	width: auto;
	line-height: 25px;

	padding-right: 10px;
	
	float: left;

	background: transparent url(../images/degrade_jaune.gif) repeat-x scroll right top;
	background-color: #FDBA13;

	white-space: nowrap;
	
	color : #354426;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.style2_titre_c a{
	color : #354426;
	font-size: 12px;
	font-weight: bold;
	
	text-decoration: none;
}
.style2_titre_r{
	width: 26px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_jaune_d.gif) no-repeat scroll right top;
}
.style2_texte{
	width: 560px;
	padding: 10px;
	
	float: left;
	
	font-size: 10px;
	border: 2px solid #FDBA13;
	
	text-align: center;
}
.style2_texte a{
	text-decoration: none;
}
.style2_texte img{
	padding: 2px;
}
.style2_image{
	float: left;
	
	height: 160px;
}
.style2_image img{
	padding: 5px 15px 5px 15px;

	vertical-align: text-top;
}

/* 
============================================================================================================
DEFINITION GLOBAL DES PAGES
- �l�ments commun de la partie content
============================================================================================================ 
*/

#categorie_presentation {
	width: 560px;
	
	float: left;
	
	padding: 10px;	
	
	border: 2px solid #112E10;
	background-color: #D5D8C9;
}

#categorie_presentation .titre {
	font-size: 16px;
	font-weight: bold;
	
	border-bottom: 1px solid #112E10;
}

#categorie_presentation .description {
	font-size: 11px;
}


/* === LISERET === */

#liseret {
	width: 100%;
	margin: 0 auto;

	text-align: center;	
	font-size: 16px;
	color : #000000;
}

/* TITRE ET SOUSTITRE DANS UNE PAGE */
#liseret .titre{
	text-align : center;
	font-size: 14px;
	font-weight: bold;
}
#liseret .soustitre{
	text-align : center;
	font-size: 10px;
	font-weight: bold;
}

/* 
============================================================================================================
DETAIL DES PAGES
- D�tails de chacunes des pages
============================================================================================================ 
*/

/* ================== DEFAULT PATTERN ================== */

#default_pattern{
	width: 596px;
	
	padding: 0px;
	margin: 0px auto;
}

/* ================== HOMEPAGE ================== */

#home_pattern{
	width: 100%;

	padding: 0px;
	margin: 0px;
}

#home_pattern .left{
	width: 200px;
	padding: 5px;
}

#home_pattern .center{
	width: 596px;
	padding: 5px;
}

#home_pattern .right{
	width: 200px;
	padding: 5px;
}


/* ================== PAGE LOGIN ================== */

#login {
	text-align: center;
}

/* ================== LISTE DES PRODUITs ================== */

/* LISTE DES PRODUITS */
#product_listing{
	width: 100%;
	margin: auto auto;
	
	display: block;
}
#product_listing .sort{
	vertical-align : middle;
	font-size: 12px;
	
	margin-bottom: 30px;	
}
#product_listing .count{
	vertical-align : middle;
	font-size: 12px;
	
	padding-bottom: 10px;
	
	text-align: center;
}
#product_listing .pages{
	vertical-align : middle;
	font-size: 12px;

	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #D5D8C9;	
}
#product_listing .listing{
	width: 575px;
	
	vertical-align : middle;
	font-size: 12px;
}
#product_listing .box_a{
	width: 100%;
	height: 95px;

	float: left;

	border-collapse: collapse;
	border-spacing: 0px;
	
	border-bottom : 1px solid #D5D8C9;
}
#product_listing .box_b{
	width: 100%;
	height: 95px;
	
	float: left;
	
	border-collapse: collapse;
	border-spacing: 0px;
	
	border-bottom : 1px solid #D5D8C9;
}
#product_listing .left{
	width: auto;
		
	text-align: left;
	vertical-align: middle;
}
#product_listing .center{
	width: 370px;
	
	text-align: left;
	vertical-align: middle;
}
#product_listing .right{
	width: 100px;
	
	text-align: center;
	vertical-align: middle;
}
#product_listing form{
	width: 0px;
	padding-left: 30px;
}

#product_listing .title{
	text-align: left;
	vertical-align: middle;
}
#product_listing .title h2{
	font-size: 13px;
	font-weight: bold;
	color: #112E10;
}
#product_listing .subtitle{
	color: #4F7230;
	font-size: 11px;
}
#product_listing .image{
	padding-left: 3px;
}
#product_listing .content{
	margin-top: 5px;

	text-align: left;

	font-size: 11px;
}
#product_listing .content a{
	font-size: 11px;
	/*color: #FFFFFF;*/
}
#product_listing .prices{
	margin: 10px 30px;
	
	width: 125px;
	padding: 5px;

	text-align: center;
	
	border: 1px solid #4F7230;
}
#product_listing .base_price{
	color : #4F7230;
	font-size: 12px;
	font-weight: bold;
}
#product_listing .promotion{
/*	height: 14px;
	background: transparent url(../images/promotion.gif) no-repeat scroll center top;
	padding-top: 14px;*/
	text-decoration: line-through;
}
#product_listing .customer_price{
	color : #8D350F;
	font-size: 12px;
	font-weight: bold;
}
#product_listing .out_of_stock{
	margin: 10px 30px;
	
	width: 125px;
	padding: 5px;

	text-align: center;
	
	border: 1px solid #112E10;
	
	color : #8E340F;
	font-size: 12px;
	font-weight: bold;
}

/* ================== FICHE PRODUIT ================== */

#product_info{
	width: 100%;
}
#product_info .date_info
{
	font-size: 10px;
	font-weight: bold;
	color: #999999;
}
#product_info .titre{
	width: auto;
	height: 25px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#product_info .titre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_g.gif) no-repeat scroll right top;
}
#product_info .titre_c{
	width: 556px;
	line-height: 25px;

	padding-left: 10px;
	
	float: left;

	background: transparent url(../images/degrade_vert.gif) repeat-x scroll right top;
	background-color: #112E10;

	white-space: nowrap;
	
	color : #FFFFFF;
	font-size: 12px;
}
#product_info .titre_subc{
	float: left;
}
#product_info .prices{
	float: right;
	
	width: 125px;
	padding: 5px;

	text-align: center;
	
	border: 1px solid #4F7230;
}
#product_info .base_price{
	color : #4F7230;
	font-size: 12px;
	font-weight: bold;
}
#product_info .promotion{
	/*
	height: 14px;
	background: transparent url(../images/promotion.gif) no-repeat scroll center top;
	padding-top: 14px;
	*/
	text-decoration: line-through;
}
#product_info .customer_price{
	color : #8D350F;
	font-size: 12px;
	font-weight: bold;
}
#product_info .titre_r{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_dr.gif) no-repeat scroll right top;
}
#product_info .subtitre{
	width: auto;
	height: 18px;
	
	font-size: 14px;
	font-weight: bold;

	text-align: left;
}
#product_info .subtitre_l{
	width: 6px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_p_g.gif) no-repeat scroll right top;
}
#product_info .subtitre_c{
	width: 100px;
	line-height: 18px;

	padding-right: 10px;
	
	float: left;

	background: transparent url(../images/degrade_vert_p.gif) repeat-x scroll right top;
	background-color: #112E10;

	white-space: nowrap;
	
	color : #FFFFFF;
	font-size: 12px;
}
#product_info .subtitre_r{
	width: 19px;
	height: 100%;

	float: left;
	
	background: transparent url(../images/angle_vert_p_d.gif) no-repeat scroll right top;
}
#product_info .texte
{
	font-size: 12px;

	padding: 10px;
	
	border: 1px solid #112E10;
}
#product_info .texte *
{
	font-family: Helvetica,sans-serif;
	font-size: 12px;
}
#product_info .subtitle
{
	color: #4F7230;
	font-size: 11px;
}
#product_info .main
{
	width: 85px;
}
#product_info .buttons
{
	width: 100%;
	text-align: center;
}
#product_info .stockWarning
{
	color : red;
	font-size : 12px;
}

/* ================== CROSS SELLING ================== */
#also_purchased{
	width: 100%;
}
#also_purchased .titre{
	color: #132D08;
	font-size: 14px;
	
	border-bottom: 2px solid #132D08;
}
#also_purchased .liste{
	height: auto;
	
	padding: 2px;
}
#also_purchased .oneproduct{
	min-height: 150px;
	width: 160px;
	padding: 10px;
	margin: 5px;
	
	float: left;
	
	background-color: #FFFFFF;
	cursor: pointer;
}
#also_purchased .image{
	width: 100%;
	text-align: center;
	
	padding-bottom: 10px;
}
#also_purchased .libelle{
	font-size: 10px;	
}

/* ================== CRITIQUES ================== */
#review_listing{
	text-align: left;
}
#review_listing .title{
	margin-top: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #84320F;
	border-bottom: 2px solid #84320F;
}
#review_listing .count{
	vertical-align : middle;
	font-size: 12px;
	
	padding-bottom: 10px;
	
	text-align: center;
}
#review_listing .pages{
	vertical-align : middle;
	font-size: 12px;

	padding-top: 10px;
	padding-bottom: 10px;
	
	background-color: #D5D8C9;	
}
#review_listing .review{
	background-color: #F7F7F1;
}
#review_listing .head{
	height: 30px;
	margin: 10px;
	
	border-bottom: 1px dotted #A0A0A0;
}
#review_listing .who{
	float: left;
}
#review_listing .stars{
	float: right;
	padding-top: 10px;
}
#review_listing .text{
	min-height: 25px;
	
	margin: 10px;
	
	font-size: 10px;
}

/* ================== SHOPPING CART PAGE ================== */
#page_shopping_cart{
	margin: 20px 0px;
}

#page_shopping_cart .empty_shopping_cart{
}

#page_shopping_cart .stock_warning{
	display: block;
	margin: 20px auto;
	padding: 5px;
	width: 600px;
	color: white;
	background: red;
}

#page_shopping_cart .preco_warning{
	display: block;
	margin: 20px auto;
	padding: 5px;
	width: 600px;
	color: white;
	background: #999999;
}

#page_shopping_cart .bottom_buttons{
	text-align: center;
}

/* ================== SHOPPING CART ================== */
#shopping_cart{
	margin: 10px auto;
	width: 800px;
	font-size: 12px;
}

#shopping_cart .table_cart{
	width: 800px;
	border: 2px solid #000000;
	border-collapse: collapse;
}
#shopping_cart td{
	text-align: center;
}

#shopping_cart thead{
	background: #FDBA13;
	font-weight: bolder;
}
#shopping_cart thead td{
	border: 2px solid #000000;
}
#shopping_cart .head_remove{
	width: 50px;
}
#shopping_cart .head_name{
	width: 400px;
}
#shopping_cart .head_qty{
	width: 50px;	
}
#shopping_cart .head_total{
	width: 100px;	
}

#shopping_cart tbody tr{
	border-bottom: 1px solid #000000;
}
#shopping_cart .products_name{
}
#shopping_cart .out_of_stock{
	color: red;
}
#shopping_cart .product_attributes{
}

#shopping_cart tfoot{
	border: 2px solid #000000;
}
#shopping_cart .subtotal_txt{
	border-right: 2px solid #000000;
	background: #FDBA13;
	text-align: right;
	font-size: 12px;
	font-weight: bolder;
}
#shopping_cart .subtotal_amount{
	font-size: 12px;
	font-weight: bolder;
}

	
/* ================== SHOPPING CART ================== */
.markProductOutOfStock{
	color: red;
}
.stockWarning{
	color: red;
}
.shoppingCart-data{
}
.shoppingCart-data input{
	font-size: 10px;
}
.shoppingCart-subtotal{
	text-align: right;
	font-size: 12px;
	font-weight: bold;
}

/* ================== BARRE DE PROGRESSION ================== */

#progressbar{
	height: 30px;
	
	border: 2px solid #D5D8C9;
	text-align: center;
}

#progressbar .step_previous{
	width: 150px;
	vertical-align: middle;
	
	font-size: 13px;
}

#progressbar .step_current{
	width: 150px;	
	vertical-align: middle;

	background-color: #D5D8C9;
	
	font-size: 13px;
	font-weight: bold;
}

#progressbar .step_next{
	width: 150px;
	vertical-align: middle;
	
	font-size: 13px;
	color: #D5D8C9;
}

/* ================== CONTACT UE ================== */
#page_contactus{
	width: 780px;
	margin: 0px auto;
}
#page_contactus .infos{
	float: left;
	width: 375px;
	height: 120px;
	border: 1px solid #000000;
	margin: 5px;
	background-color: #EEE;
}
#page_contactus .problems{
	margin: 5px auto;
}
#page_contactus .problems ul{
	margin-right: 0px;
	padding-left: 20px;
}
#page_contactus .contact{
	font-size: 14px;
	width: 100%;
	text-align: center;
}
#page_contactus .contact a{
	text-decoration: underline; 
}
#page_contactus .bottom_infos{
	clear: both;
	padding: 10px 5px;
	width: 400px; 
	font-size: 12px;
}

/* ================== PAGE TELL FRIENS ================== */

#tell_friends {
	margin: 5px;
}
#tell_friends fieldset{
	margin: 15px 0px;
	padding: 10px;
}
#tell_friends .from{
}
#tell_friends .to{
}
#tell_friends .title{
	font-size: 14px;
}
#tell_friends .buttons{
	text-align: right;
}

/* ================== SHIPPING ================== */

.shipping_icon{
	width: 75px;
}
.shipping_icon img{
	width: 75px;
	height: 75px;
}
.shipping_module{
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
.shipping_error{
	text-align: center;
	font-size: 12px;
	color: red;
}
.shipping_title{
	width: 240px;
}
.shipping_cost{
	width: 42px;
}

/* 
============================================================================================================
============================================================================================================
***************** A TRIER *****************
============================================================================================================ 
============================================================================================================
*/

.pageResults{
	font-size: 12px;
	text-align: center;
	vertical-align : middle;
}

.bigText {
	/*font-family: Verdana, Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 16px;
	font-weight: bold;
}
.mediumText {
	font-size: 12px;
}
.smallText {
	font-size: 10px;
}
.inputRequirement, .greetUser {
	font-size : 10px;
	color: red;
}
.fieldKey {
	font-size : 12px;
}
.form {
	color : #003300;
	font-size : 12px;
	border : 1px solid Black;
}
.select {
	color : #003300;
	font-size : 10px;
	width: 120px;
}
.souligne{
	border-left : 1px solid #003300;
	border-bottom : 1px solid #003300;
	font-size: 12px;
	height: 20px;
}

.moduleRow{
	line-height: 20px;
	cursor: pointer;
}
.moduleRowOver{
	line-height: 20px;
	cursor: pointer;
}
.moduleRowSelected{
	line-height: 20px;
	background-color: #EEEEEE;
	cursor: pointer;
}

/* ACCOUNT */
.moduleRow1{
	height: 20px;
	background: #DDDDDD;
	cursor : pointer;
}
.moduleRow2{
	height: 20px;
	background: #EEEEEE;
	cursor : pointer;
}

/* VJ Links Manager v1.00 */
TABLE.linkListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.linkListing-heading {

}

TD.linkListing-data {
	background-color: #FFFFFF;
	font-size: 10px;
}

TR.linkListing-odd {
  background: #003300;
}

TR.linkListing-even {
  background: #003300;
}

/* CHECKOUT */
.shippingBox{
	border : 1px solid #003300;
	background: #FFFFFF;
}
.shippingPrice{
	font-size: 12px;
	color: red;
	vertical-align : bottom;
}
.shipping-heading{
	border-bottom : 1px solid #003300;
	background: #EEEEEE;
	text-align: center;
	vertical-align : middle;
	font-size: 12px;
}
.shipping-footer{
	background: #EEEEEE;
	text-align: right;
	vertical-align : middle;
	font-size: 12px;
	font-weight: bold;	
	text-transform : uppercase;
}
.shippingDetail{
	font-size: 12px;
	padding: 0px 0px 0px 20px;
}

/* CREATE ACCOUNT */
.account-heading{
	border-bottom : 1px solid #003300;
	border-left : 1px solid #003300;
	font-size: 14px;
	font-weight: bold;
}

/* HOMEPAGE: NEWS */
.News {
	border: 1px #003300 solid;
	text-align: left;
}
.NewsTitle {
	border-bottom : 1px solid #003300;
	text-align : center;
	vertical-align : middle;
	color : #003300;
	font-size: 12px;
	font-weight: bold;
}
.NewsTopic {
	border: 2px #003300 solid;
  padding: 10px 10px 10px 10px;
	font-size: 12px;
}
.NewsContent {
	background-color: #EEEEEE;
  padding: 5px 5px 5px 5px;
	font-size: 10px;
	border-top : 1px solid #003300;
}
.NewsText {
	color: #003300;
	font-size: 10px;
}
.NewsFooter {
	text-align : center;
	color: #003300;
	font-size: 11px;
}

/* SOUS-CATEGORIES PAR DEFAUT */
.CategorieDefault
{
	font-size: 14px;
	font-weight: bold;
	cursor : pointer;
	vertical-align : middle;
}

/*=== TEXTES ===*/
.smallCat {
	font-size: 10px;
	color: #003300;
}

/*=== FONTS ===*/
#copyRightLT {
	font-size: 11px;
}
#navBarTopLT, #navBarBottomLT {
	font-size: 11px;
}

/* FONT DANS LES TABLEAUX EXTERNES */
#contentLT table td, #contentLT {
	font-size: 11px;
}
#contentLT table td.pageHeading, #contentLT h1 {
	font-size: 22px;
	font-weight: normal;
	text-indent: 15px;
	padding-top: 5px;
}
td {
	vertical-align: top;
}

td#contentLT {
	padding: 6px 10px 0px 10px;
}

div#imageNavLT{
	margin: 12px 7px 0 0;
	float: right;
}
td#navBarTopLT div, td#navBarBottomLT div {
	margin: 1px 5px;
	height: 17px;
}
/* .cBoxE higlighting for categories box enhancement contrib */
.cBoxE {
		color: Red;
}
td#navBarTopLT, td#navBarBottomLT {
	border: 1px #003300 solid;
	border-width: 1px 0;
	background : white;
}
#contentLT table td.pageHeading, #contentLT h1 {
}


/* ----------------- coolMenu ----------------- */

.clCMEvent{
	position:absolute;
	width:99%; height:99%;
	left:0; 
	top:0;
	visibility:visible
}


.clCMAbs{
	position:absolute;
	visibility:hidden;
	left:0;
	top:0;
}

.clBar{
	position:absolute;

	background-color:#ffffff;
	visibility:hidden;
}

.clLevel0,.clLevel0over{
	position:absolute;
	padding:1px;
	font-size:10px;
}

.clLevel0{
	background-color:#CDE4B8;
	color:#000000;
}

.clLevel0over{
	background-color:#ffffff;
	color:#003300;
}

.clLevel0border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
}

.clLevel1, .clLevel1over{
	position:absolute;
	padding:2px;
	font-size:8px;
}

.clLevel1{
	background-color:#CDE4B8;
	color:#000000;
}

.clLevel1over{
	background-color:#ffffff;
	color:#003300;
}

.clLevel1border{
	position:absolute;
	visibility:hidden;
	background-color:#c0c0c0;
}
/* ----------------- coolMenu_eof ----------------- */

/* ----------------- GAME ----------------- */
.spaceTitle {
	background: #CDE4B8;
	font-size: 14px;
	font-weight: bold;
}
.spaceDescription {
  	background: #EEEEEE;
	font-size: 12px;
}