/*
-----------------------------------------------------------------------------------
-				myDay CSS	
-----------------------------------------------------------------------------------

Credits : myday.fr / Innov ID
webmaster@myday.fr

Note: Needs YUI Reset-Font-Grid CSS

*/

/* --------------------------------------------------------------------------------------------- GLOBAL ---------------------------------------------------------------------------------------------*/

/* --------------- GENERAL --------------- */

html
{
	height:	100%;
	background-color:	white;
}

body
{
	line-height:	1.4em;
	height:	100%;

	font-family:	Arial,Verdana;
	color:			#1A1A1A;

	background: transparent url(images/back_smallblue.gif) repeat-x scroll left top;
}

.bodyback_home
{
	background-image:	url(images/back_home.png) !important;
	background-color:	#2F5B91 !important;
}

.bodyback_bigblue
{
	background-image:	url(images/back_bigblue.gif) !important;
}

/* --------------- UTILS / FORMATING-------------- */

.clear { clear:	both !important; }

.left { text-align: 		left !important;}
.center { text-align:	center !important; }
.right { text-align:		right !important; }

.text { font-size:	93%;}

strong { font-weight:	bold; }

.strong
 {
	font-weight:	bold;
	color: #264F81;

	margin-top:		10px;
}

p
{
	margin-bottom:	7px;
	font-size:	93%;
}


h1
{
	color: #1C2139;
	font-size: 167%;
	font-weight:	bold;
	font-family: 	Arial;
	text-transform: capitalize; 

	margin:		10px 0 20px;
}

h2
{
	color: #1C2139;
	font-size:	116%;
	font-weight:	bold;
	font-family: 	Arial;

	margin:		15px 0 10px;
}

.box-ajax
{
	margin:	auto;
	width:	100%;
	text-align:	center;
}




.h-intro
{
	height:	33px;

	text-align:	right;
	color:	#EFEFFC;
	font-size: 146.5%;
	font-family:	"Lucida Sans",Calibri,Verdana,Arial;
	text-transform: capitalize; 

	padding-top:	25px;
	padding-right:	30px;

	margin-bottom:	25px;

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




/* --------------- LINKS -------------- */

a:link, a:visited { color: #0e2e8f; text-decoration: none; font-weight: bold; }
a:hover, a:active { color: #0e2e8f; text-decoration: underline; font-weight:	bold; }


#mydaylivelink a:link, #mydaylivelink a:visited { 	font-family:	"News Gothic MT","Trebuchet MS",Arial,Helvetica,sans-serif;font-size:	108%; color:#6198DB; text-decoration: none; font-weight: normal; }
#mydaylivelink a:hover, #mydaylivelink a:active { 	font-family:	"News Gothic MT","Trebuchet MS",Arial,Helvetica,sans-serif; font-size:	108%; color: #88B9F5; text-decoration: none; font-weight:	normal; }


#FlashBtn a:link, #FlashBtn a:visited { color: white; text-decoration: none; font-weight: normal; }
#FlashBtn a:hover, #FlashBtn a:active { color: #7A9ABF; text-decoration: none; font-weight:	normal; }

/* --------------------------------------------------------------------------------------------- HEADER / MENU ---------------------------------------------------------------------------------------------*/

#hd
{
	height:	82px;
}

#logo
{
	float:	left;
}

#mydaylivelink
{
	float:	right;
	width:	110px;
	height:	64px;

	color:	#C3D9F2;
	font-size:	85%;
	text-align:	center;

	margin-top:	13px;
	padding:	5px 3px 0;
	background: transparent url(images/mydayliveback.gif) no-repeat scroll top left;
}

#flags
{
	float:	right;
	width:	16px;
	margin:	40px 10px 0;
}

/* --------------- MENU --------------- */

#menu
{
	float:	right;

	margin-top:	55px;
}



/* --------------------------------------------------------------------------------------------- FOOTER ---------------------------------------------------------------------------------------------*/

#ft { }

/* bypass yui #ft to have page-width background */
#footer
{
	clear:	both;

	color: #BBBBBB;
	text-align:	center;

	padding-top:	5px;
	padding-bottom:	5px;
	border:	1px solid #2A405B;
	background: #2B2C30 url(images/back_bigblue.gif) repeat-x scroll left top;
}



/* --------------------------------------------------------------------------------------------- HOME ---------------------------------------------------------------------------------------------*/

#flashanim
{
	height:	340px;

	text-align:	center;

	padding-top:	25px;
	margin:	auto;
	background: transparent url(images/back_flash.png) no-repeat scroll center top;
}

#imglinks
{
	text-align:	center;
}



/* --------------------------------------------------------------------------------------------- OTHERS ---------------------------------------------------------------------------------------------*/


#main-content
{
	min-height:	550px;
	padding:	0 0 30px;
}

#main-content2
{
	min-height:	450px;
	padding:	0;
	padding-bottom:	40px;
}

/* --------------------------------------------------------------------------------------------- PRODUCT PAGE ---------------------------------------------------------------------------------------------*/


#intro-bloc
{
	height:	230px;

	margin-bottom:	20px;

	background: transparent url(images/frameintro.png) no-repeat scroll top left;
}

.intro-txt
{
	color:	white;
	font-family:	Arial;
	line-height:	1.4em; 
	font-size:	100%;
	
	padding:	8px 0 5px 35px;
	margin:	10px 0 25px;
}

.intro-txt .strong
{
	margin-top:	10px;
	color:	white;
	font-family:	"Lucida Sans Console",Arial;
	font-size:	100%;
}



#FlashBtn
{
	height:	33px;
	width:	209px;

	font-size:	93%;
	line-height:	2.5em; 
	color:	white;
	text-align:	left;

	padding-left: 13px;
	margin:auto;
	margin-top:	20px;
	background: transparent url(images/flashbtn.gif) no-repeat scroll top left;
}


#bottomImages
{
	text-align:center;
}



/* --------------- PRODUCT : BLOC TO SUBCAT --------------- */

#product-bloclink
 {
	font-size:	93%;

	margin-bottom:	20px;
}
#product-bloclink h2
 {
	color:	#1A1A1A;
	clear:	both;
}
#product-bloclink .product-bloclink-one 
{
	height:	190px;
	padding-bottom:	35px;
}
#product-bloclink a
 {
	margin-top:	5px;
	font-size:	93%;

	background:transparent url(images/more.gif) no-repeat scroll 100% 60%;
	padding-right:10px;
	white-space:nowrap;
}

#product-bloclink .firstone, #product-bloclink .lastone
{
	padding-left:	20px;
	padding-right:	20px;
	border-right:	1px solid #dedede;
	border-left:	1px solid #dedede;
}

#product-bloclink .product-bloclink-one-icons
{
	height:	50px;
}

#product-bloclink .product-bloclink-one-icons div
{
	float:	left;
	width:	33%;
	text-align:	center;
}



/* --------------- SPEC LIST & TABLE --------------- */

.specslist, .specstable
{
	font-size:	85%;
}

.specslist
{
	margin-left:	10px;
	margin-bottom:	25px;
}

.specslist li
{
	list-style-type: circle;
	list-style-position: inside;
}

.specslist .list-header
{
	font-weight:	bold;
	font-size:		100%;
	font-family:	Arial;

	list-style-type: none;	

	margin-bottom:	5px;
}


.specstable
{
	width:	100%;
}

.specstable th
{
	width:	40%;
	color:	#1C2139;
	font-weight:	bold;
	padding-left:	10px;
}

.specstable th, .specstable td
{
	padding-top:	5px;
	padding-bottom:	5px;
}

.specstable tr.alternate th, .specstable tr.alternate td
{
background-color:	#F0F0F0;
}









/* --------------- DISTRIB --------------- */

.listdistrib
{
	width:	100%;
	margin-top:	10px;
	border:	1px solid #dedede;
}

.listdistrib th
{
	width:	40%;
	color:	#1C2139;
	font-weight:	bold;
	padding-left:	10px;
}

.listdistrib th, .listdistrib td
{
	padding-top:	5px;
	padding-bottom:	20px;
	background-color:	#FAFAFA;
}

.listdistrib tr.alternate th, .listdistrib tr.alternate td
{
background-color:	#F0F0F0;
}



.logo-store
{
	margin-top:	10px;
}






/* --------------- SIDE  --------------- */

.applicationsicons-one
{
	text-align:	center;
	font-size:	85%;

	margin-bottom:	40px;
}


.applicationsicons-one-desc
{
	margin-top:	5px;
}




/* --------------- SUB MENU --------------- */

#menu2 a:link, #menu2 a:visited
{
	display:block;

	color: black;
	text-decoration: none;
	font-weight: normal;
	color:	#1A1A1A;

	padding:	8px 0 8px 15px;
	
	border:	0;
	margin:0;
}

#menu2 a:hover { background-color:	#F1F1F1; }

#menu2
{ 	
	text-align:	left;
	text-transform: capitalize; 

	margin:	0 0 15px 0;
	border:	1px solid #dedede;
	-moz-border-radius:	3px;
	background-color:	#f8f8f8;
}


#menu2 ul
{
	list-style-type: none;

	border:	0;
	padding:	0;
}

#menu2 li
{
	border-top:		1px solid #ffffff;
	border-bottom:		1px solid #eaeaea;
}

#menu2 .menu2-first { border-top: 0; }
#menu2 .menu2-last { border-bottom: 0; }







/* --------------- INNER CONTENT DIV --------------- */

.inner-content
{
	min-height:	350px;
	padding-left:	20px;
	padding-top:	5px;
}


.nesting-main
{
	float:left;
	width:	75%;
}

.nesting-side
{
	float:left;
	width:	25%;

	padding-top:	20px;
}




/* --------------- GALLERY --------------- */

#gallery
{
	margin:	auto;
	text-align:	center;
}

#gallery img
{
	padding: 4px;
	border:	1px solid #CCCCCC;
}

#slideshow
{
	margin:		auto;
}

#navigation
{
	margin:	auto;
}

#details
{
	width:	400px;

	font-weight:	bold;

	margin:	auto;
	margin-top:	10px;

	text-align:	center;
	padding: 4px;
	border:	1px solid #CCCCCC;
}

.thumbs li
{
	float: left;
	padding: 0;
	list-style: none;

	margin-right:	15px;
	margin-top:		15px;
}

ul.thumbs img {
	border: none;
	display: block;
}

ul.thumbs li a {
	padding: 2px;
	display: block;
}























/* ------------------------------------------------------- MENU CSS ----------------------------------------- */

/*
ADAPTED FROM :

Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/



.yuimenubar a:link, .yuimenubar a:visited
 {
	color:	#6198DB;
	font-family:	"News Gothic MT","Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:	100%;
	font-weight:	bold;
	text-align:	center;
	text-decoration:none;
 }
.yuimenubar a:hover, .yuimenubar a:active { color:	#88B9F5; text-decoration: none; }

.yuimenu a:link, .yuimenu a:visited { color:black; text-decoration: none; font-weight: normal; }
.yuimenu a:hover, .yuimenu a:active { color: black; text-decoration: none; font-weight:	normal; }





.yuimenubar{ position:static;	visibility:visible;	}
.yuimenu .yuimenu, .yuimenubar .yuimenu	{	left:-10000px;	position:absolute;	top:-10000px;	visibility:hidden;}
.yuimenubar li, .yuimenu li  {	list-style-type:none;	}

.yuimenubar ul, .yuimenu ul, .yuimenubar li, .yuimenu li, .yuimenu h6, .yuimenubar h6
 {
	margin:0;
	padding:0;
}
.yuimenuitemlabel, .yuimenubaritemlabel {	text-transform: capitalize; text-align:left;	white-space:nowrap;	}
.yuimenubar ul { }
.yuimenubar .yuimenu ul {}
.yuimenubar > .bd > ul:after  {	clear:both;	content:".";	display:block;	height:0;	line-height:0;	visibility:hidden;	}
.yuimenubaritem { float:left; }
.yuimenubaritemlabel, .yuimenuitemlabel { display:block;	}
.yuimenuitemlabel .helptext {	display:block;	font-style:normal;	margin:-1em 0 0 10em;	}


.yui-menu-shadow  {	position:absolute;	visibility:hidden;	z-index:-1;	}
.yui-menu-shadow-visible
 {
	bottom:	-3px;
	left:	-3px;
	right:	-3px;
	top:	0;
	visibility:	visible;
}

.hide-scrollbars * { overflow:hidden;	}
.hide-scrollbars select {	display:none;	}
.yuimenu.show-scrollbars, .yuimenubar.show-scrollbars {	overflow:visible;	}
.yuimenu.hide-scrollbars .yui-menu-shadow, .yuimenubar.hide-scrollbars .yui-menu-shadow {	overflow:hidden;	}
.yuimenu.show-scrollbars .yui-menu-shadow, .yuimenubar.show-scrollbars .yui-menu-shadow {	overflow:auto;	}



.yuimenubar
 {
	font-size:85%;
	line-height:1.7;
}
.yuimenubarnav .yuimenubaritem {}

.yuimenubaritemlabel
 {
	color:		#000000;
	margin:		1px 0;
	padding:	0 15px;

	text-decoration:none;
}
.yuimenubarnav .yuimenubaritemlabel
 {

}

.yuimenubarnav .yuimenubaritemlabel-hassubmenu
 {

}

.yuimenubaritem-selected
{

}

.yuimenubaritemlabel-selected
 {

}

.yuimenubarnav .yuimenubaritemlabel-selected
{

}

.yuimenubaritemlabel-disabled
 {

}

.yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled
{

}

.yuimenu
 {
	font-size:100%;
	line-height:1.5;
}
.yuimenubar .yuimenu, .yuimenu .yuimenu
 {
	font-size:100%;
}

.yuimenu .bd
 {
	background-color:	#fffff3;
	border:	1px solid #808080;
}

.yuimenu ul
 {
	border-color:#CCCCCC;
	border-style:solid;
	border-width:1px 0 0;
	padding:3px 0;
}
.yuimenu ul.first-of-type { border-width:0; }
.yuimenu h6 { border-color:#CCCCCC; border-style:solid; border-width:1px 0 0; color:#A4A4A4; font-weight:bold; padding:3px 10px 0; }
.yuimenu ul.hastitle, .yuimenu h6.first-of-type { border-width:0; }

.yuimenu .yui-menu-body-scrolled { border-color:#CCCCCC #808080; overflow:hidden; }
.yuimenu .topscrollbar, .yui-skin-sam .yuimenu .bottomscrollbar { height:16px; }
.yuimenu .topscrollbar { background-position:center -950px;  border-bottom-width:0; }
.yuimenu .topscrollbar_disabled { background-position:center -975px; }
.yuimenu .bottomscrollbar { background-position:center -850px; border-top-width:0; }
.yuimenu .bottomscrollbar_disabled { background-position:center -875px; }


.yuimenuitem
 {
}
.yuimenuitemlabel
 {
	color:#000000;
	padding:	2px 7px 2px 7px;
	text-decoration:none;
}
.yuimenuitemlabel .helptext
 {
	margin-top:-1.5em;
}

.yuimenuitem-hassubmenu {  }
.yuimenuitem-checked { }

.yui-menu-shadow-visible
 {
	background-color:#000000;
	opacity:0.12;
	filter:alpha(opacity=12);
	-moz-opacity: 0.12;
}

.yuimenuitem-selected
 {
	background-color:	#fffec9;
}

.yuimenuitemlabel-disabled { color:#A6A6A6; cursor:default; }
.yuimenuitem-hassubmenu-disabled { }
.yuimenuitem-checked-disabled { }