@CHARSET "UTF-8";

/*===============================
	Plugins shyrkaNews */
	
.shyrkaNews_title {}

.shyrkaNews_intro {}

.shyrkaNews_body {}

.shyrkaNews_createdAt {}


/* list */
.shyrkaNews_latest_news {}

	.shyrkaNews_latest_news .shyrkaNews_title {}

	.shyrkaNews_latest_news .shyrkaNews_intro {}
	
	.shyrkaNews_latest_news .shyrkaNews_body {}
	
	.shyrkaNews_latest_news .shyrkaNews_createdAt {}
	
	.shyrkaNews_latest_news .shyrkaNews_link {}
	
		.shyrkaNews_latest_news .shyrkaNews_link span{}
    
    
/*===============================
	Products list */

ul.shyrkaProducts_list, ul.shyrkaProducts_list_home{
  list-style:none;
  margin:0;
  padding:0;
}

ul.shyrkaProducts_list li{
  width:340px;
  height:120px;
  padding:0px 8px 0 8px;
  margin-bottom:16px;
  background:url(../images/bg-product.jpg) no-repeat;
}

ul.shyrkaProducts_list li .num{font-size:2.182em; font-weight:bold; color:#000;}
ul.shyrkaProducts_list li .title{font-size:1.364em;}
ul.shyrkaProducts_list p{margin:0; padding:0; height:60px;}
ul.shyrkaProducts_list .detail{float:left; width:170px; color:#9f999c; font-size:1.364em;}
ul.shyrkaProducts_list .detail a:link{color:#9f999c;}
ul.shyrkaProducts_list .addcart{float:left; width:150px; padding:4px 0 0 20px;}

ul.shyrkaProducts_list_home li {
    width:212px;
    padding:0px 8px 0 8px;
    margin-bottom:16px;
    background:url(../images/bg-product-home.jpg) no-repeat;
}
ul.shyrkaProducts_list_home li .title{font-size:1.1em;}
ul.shyrkaProducts_list_home p{margin:0; padding:0; height:60px; font-size: 0.9em; padding-bottom: 10px;}
ul.shyrkaProducts_list_home .detail{float:left; width:170px; color:#9f999c; font-size:1.364em;}
ul.shyrkaProducts_list_home .detail a:link{color:#9f999c;}



/*===============================
	Scrollable plugin jQueryTools */

/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/

div.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 348px;
	height:114px;
  margin:1px;
	
	
	/* custom decorations */
	padding:10px 0;	
	/*border:1px outset #ccc;*/
	/*background-color:#efefef;*/
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	/*margin-left:10px;*/
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:93px;
  height:96px;
  padding-top:4px;
	font-size:30px;
	border:1px outset #ccc;
	background-color: #fff;
	margin-right: 24px;	
	-moz-border-radius:5px;
}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}

/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:28px;
	height:74px;
	background:url(../images/scroll_prev.jpg) no-repeat;
	float:left;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	/*background-position:0px -18px;*/	
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

a.prev, a.prevPage{
  margin:28px 10px 0 0;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../images/scroll_next.jpg);
  margin:28px 0 0 10px;
	clear:right;	
}

.overlay{color:#333; text-align:justify;}

.overlay-image{border:3px solid #000;}

div.overlay h3 {
	color:#DEDEDE;
	padding: 10px 0 5px 0;
	margin-bottom: 4px;
	border-bottom: solid 1px #fff;
}

div.overlay h2 {
	color:#cc006f;
		
}

div.overlay .overlay_table {
	width: 100%;
	height: 352px;
}

div.overlay .lieu_rdv {
	font-size: 1em;
	color:#EEEEEE;
	padding-bottom: 5px;
}

div.overlay .overlay_left {
 vertical-align: top;
 padding-right: 10px;
}

  div.overlay .overlay_left .text{font-size:13px;}

div.overlay .overlay_right {
	vertical-align:top;
	width:250px;
	background-color: #990053;
	padding: 10px;
	font-size: 1em;
}

div.overlay .overlay_actions {
	text-align: right;
}

div.overlay .overlay_actions .addcart {
float:none; padding: 4px 0 10px 0; width: 100%;
}

div.overlay .thematiques_links a,  div.overlay .overlay_actions a { color: #BBB; text-decoration: underline; }

div.overlay .thematiques_links a:hover, div.overlay .overlay_actions a:hover  { color: #FFF; }


/*===============================
	shyrkaShoppingCart */

table.sc_list_all{width:732px; margin-top:10px;}

table.sc_list_all th{
  background-color:#ec008c;
  border-right:1px solid #000;
}

table.sc_list_all tbody td{border-bottom:1px solid #424242; padding:6px 10px 8px 5px;}

table.sc_list_all th.col1,
table.sc_list_all th.col2{width:140px;}

table.sc_list_all th.col6,
table.sc_list_all th.col7{text-align:center;}

table.sc_list_all .center{text-align:center;}

table.sc_list_all input, table.sc_list_all select{border:1px solid #fff;}

a.shopping_cart_valid{font-weight:bold; font-size:1.2em; background:url(../images/hand-fff.png) no-repeat; background-position:0 3px; padding-left:35px;}
    a.shopping_cart_valid:hover,a.shopping_cart_valid:link{text-decoration:none;}
    
a.shopping_cart_update{font-weight:bold; font-size:1em;}
    a.shopping_cart_update:hover,a.shopping_cart_update:link{text-decoration:none;}