/*********************************************************
* STYLE.CSS
* BYSOFT
**********************************************************/
body {
	border			: 0px;
	padding			: 0px;
	margin			: 0px;
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 12px;
}

form {
	border			: 0px;
	padding			: 0px;
	margin			: 0px;
}
#MAINFRAME {
	width			:760px;
}

a {
	color: #0000CC;
}

a:hover {
	color: #CC0000;
}
/*********************************************************
* HEADER
**********************************************************/
#HEADER {

}
#LOGO {
	float			:left;
	text-align		:left;
}
#MEMBER {
	float			:right;
	height			:59px;
	margin-top		:20px;
}

/*****************************************
* BODY LEFT
*****************************************/

#MENUBAR {

}
#MENU {
	width			:520px;
	float			:left;
	height			:100px;
	text-align		:left;
}

#menuNavigator {
	text-align		:right;
}
#menuNavigator A {
	border			:0px;
	padding			:0px;
	margin			:0px;
} 

#menuHistoires a{
	

}
#menuChansons a{

}
#menuLegons a{

}
#menuMemember a{

}

#AD {
	float			:right;
	text-align		:right;
}

#CONTENT {

}

#CONTENTLEFT {
	width			:280px;
	float			:left;
}

#CONTENTMIDDLE {
	width			:240px;
	float			:left;
	padding-left	:10px;
}

#CONTENTBIGLEFT {
	width			:520px;
	float			:left;
}

#CONTENTRIGHT {
	width			:230px;
	float			:right;
	padding-top		:5px;
}

/*********************************************************
* FOOTER
**********************************************************/
#FOOTER {
	float			:left;
	width			:100%;
	font-size		: 11px;
}
#FOOTER a {
	color: #0000CC;
	background-color:#FFFFFF;
	text-decoration:none;
}
#FOOTER a:hover {
	color: #CC0000;
	background-color:#FFFFFF;
	text-decoration:none;
}

#FOOTER hr {
	border: solid 1px #CC0000;
}
/**************************************************
* STYLE SHEET FOR MODULE BOX TOP AND BOTTOM IMAGE
**************************************************/
img.imgTop {
	
}

img.imgBottom {

} 
a.bottomLink {
	
}



/**************************************************
* MINI PRODUCT BOX
**************************************************/

.productBoxMini {
	width: 230px;
	height:45px;
	display:block;
}
.productImageMini {
	float: left;
}
.productImageMini img {
/*
	width: 40px;
	height:40px;
*/
}
.productDesMini {
	float: left;
	width: 183px;
	font-size: 11px;
	text-align:left;
}
.productDesMini img{
	float: right;
	margin-top: 10px;
}
.productDesMini a {
	font-size: 11px; 
	color: #0000CC;
	background-color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.productDesMini a:hover {
	font-size: 11px; 
	color: #CC0000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

				.containerMini
				{
				height:40px; 
				float: left;
			  
				position: relative;
				border: 0px solid green;
				}
				.containerMini[class] {
				display: table; 
				position: static;
				}
				
				.contentMini {
				position: relative;
				top: 50%;
				} 
				
				.contentMini[class]  {
				vertical-align: middle;
				display: table-cell;
				position: static;
				}
				
				.subcontentMini{
				position: relative; 
				top: -50%;
				text-align:left;	
				}


/**************************************************
* NORMAL SIZE PRODUCT BOX 
**************************************************/
.productBox {
	width: 230px;
	height:100px;
	text-align:left;
}
.productBox a {
	font-size:12px;
	color:#0000CC;
	background-color:#FFFFFF;
	margin:3px 0px;
	text-decoration: none;
	font-weight:bold;
	line-height: 25px;
}
.productBox a:hover {
	font-size:12px;
	color:#CC0000;
	background-color:#FFFFFF;
	margin:3px 0px;
	text-decoration: none;
	font-weight:bold;
	line-height: 25px;
}
.productImage {
	float: left;
}
.productImage img{
/*
	width: 70px;
	height:70px;
*/
}
.productDes {
	float: right;
	width: 153px;
}
.productPriceLink {
	line-height: 25px;
	color:#0000CC;
	background-color:#FFFFFF;
}
.productPriceLink img {
	float: right;
}
/**************************************************
* FULL SIZE PRODUCT BOX
**************************************************/
.productBoxBig {
	width:280px;
	display:block;
	background-color:#F0F5FB;
	color:#000000;
	padding:3px;
	text-align:left;
	margin-bottom:10px;

}
.productBoxBig h4 {
	border: 0px;
	padding: 0px;
	font-size:12px;
	color:#0000CC;
	background-color:#F0F5FB;
	margin: 3px 0px 5px 0px;
}
.productBoxBig img {
	float: left;
/*
	width: 140px;
	height:115px;
*/
	margin-right: 3px;
}

.productExtra {
	background-color: #FFFFFF;
	color:#000000;
	margin-top: 3px;
	display:block;
	width:100%;
	float:left;
	
}
.productAuthor {
	font-size: 10px; 
	line-height: 25px;
}
.productAuthor span {
	float:right; 
	font-size:12px; 
	font-weight:bold;
	color:#0000CC;
	background-color:#FFFFFF;
}
.playLink {
	font-size: 10px; 
	color: #666666;
	background-color:#FFFFFF;
	line-height: 25px;
}
.downloadLink {
	font-size: 10px; 
	color: #000000;
	background-color:#FFFFFF;
	line-height:25px;
}
.playLink a, .downloadLink a{
	float: right;
	height:20px;
	color: #0000CC;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
.playLink a:hover, .downloadLink a:hover{
	float: right;
	height:20px;
	color: #CC0000;
	background-color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
}
.playLink img, .downloadLink img {
	width: 20px;
	height: 20px;
	border: 0px;
}
/*********************************************************
* CSS FOR SENDING MESSAGE BOX
**********************************************************/

.encadrer {
	padding: 20px;
	text-align:left;
}
.encadrerButton {
	padding: 0px 0px 10px 20px;
	text-align: left;
}
.errMessage {
	margin: 5px 0px 10px 0px;
	/*border:dotted 2px red;*/
	width:450px;
	text-align:left;
	color:#FF0000;
	background-color:#FFFFFF;
	font-weight:bold;
}
.errMessage ul {
	margin-top: 20px;
}
.successMessage {
	margin: 5px 0px 10px 0px;
	padding: 0px 5px; 
	/*border:dotted 2px green;*/
	width:450px;
	text-align:left;
	color:#009900;
	background-color:#FFFFFF;
	font-weight:bold;
}

/*********************************************************
* CSS FROM DESIGN
**********************************************************/

.bd01cesoir {
	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	background-image: url(images/corner_right_bottom.gif);
}

.bd01compte {
	background-color: #9900CC;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01compte2 {
	background-color: #F7E6FD;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01ludo {
	background-color: #FF6600;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01ludo2 {
	background-color: #FFE0C1;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01offre {
	background-color: #FF3333;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01song {
	background-color: #00CC00;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01song2 {
	background-color: #CCFFCC;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01story {
	background-color: #CC0000;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01story2 {
	background-color: #FFCCCC;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01week {
	background-color: #0099CC;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.bd01week2 {
	background-color: #D9F1FF;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.champ01 {
	font-size: 12px;
	width: 120px;
}

.champ02 {
	font-size: 12px;
	width: 225px;
}

.champ03 {
	font-size: 12px;
	width: 210px;
}

.champ150 {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 150px;
}

.champ250 {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 250px;
}

.champ280 {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 275px;
}

.champ400 {
	color: #000000;
	background-color: #FFFFFF;
	font-size: 12px;
	width: 400px;
}

.erreur {
	color: #FF0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.lien01 {
	color: #0000CC;
	/*background-color: #FFFFFF;*/
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}

/*.lien01:hover {
	color: #CC0000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}*/

.lien02 {
	color: #0000CC;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.lien02 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.lien02 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.lien04 {
	color: #CC0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.lien04 a{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #CC0000; 
	text-decoration: none
}
.lien04 a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #0000CC; 
	text-decoration: none
}

.lien03 {
	color: #0000CC; 
	background-color:#FFFFFF; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/*.lien03:hover {
	color: #CC0000;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}*/

.submit1 {
	background-color: #00CC00;
	color: #FFFFFF;
	border: 1px  solid;	
	font-size: 12px;
	font-weight: bold;	
}

.submit2 {
	background-color: #0099CC;
	border: 1px solid;	
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

.tt01, .txt02b {
	color: #0000CC;
	font-size: 12px;
	font-weight: bold;
}
.tt01 a {
	color: #0000CC;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.tt01 a:hover {
	color: #CC0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.tt01s {
	color: #0000CC;
	font-size: 11px;
	font-weight: bold;
}
.tt02 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold; 
	color: #CC0000
}
.tt02 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}
.tt02 a:hover {
	color: #0000CC;
	font-size: 12px;
	font-weight: bold;
	text-decoration:none;
}

.tt03s {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
}

.txt01 {
	color: #000000;
	font-size: 12px;
}
.txt01 a{
	color: #0000CC;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.txt01 a:hover {
	color: #CC0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.txt01c {
	color: #000000;
	font-size: 12px;
}
.txt01c a{
	color: #CC0000;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}
.txt01c a:hover {
	color: #0000CC;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

.txt01b {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}

.txt01s {
	color: #000000;
	font-size: 11px;
}

.txt02 {
	color: #0000CC;
	font-size: 12px;
}

.txt03s {
	color: #000000;
	font-size: 10px;

}

.txt04s {
	color: #666666;
	font-size: 10px;
}

.txtlog01 {
	color: #009900;
	font-size: 14px;
	font-weight: bold;
}

.txtlog02 {
	color: #0099CC;
	font-size: 14px;
	font-weight: bold;
}

.txtlog01b {
	color: #00FD00;
	font-size: 14px;
	font-weight: bold;
}

.txtlog02b {
	color: #00BFFF;
	font-size: 14px;
	font-weight: bold;
}

.productTitle a {
	background-color:#FFFFFF;
	color: #0000CC; 
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;	
}
.productTitle a:hover {
	color: #CC0000;
	background-color:#FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.txt03S {  
	font-size: 10px; 
	color: #000000;
	background-color:#FFFFFF;
}
.txt03S a {
vertical-align:middle;

}
.txt04S { 
	font-size: 10px; 
	color: #666666;
	background-color:#FFFFFF;
}
.txt01S { 
	font-size: 11px; 
	color: #000000;
	background-color:#FFFFFF; 
}

.deleteLink {
	margin-left: 5px;
}
.deleteLink a{
	font-size:12px;
	font-weight:bold;
	color:#CC0000;
	background-color: #F7E6FD;
	text-decoration:none;
}
.deleteLink a:hover{
	font-size:12px;
	font-weight:bold;
	color:#0000CC;
	background-color: #F7E6FD;
	text-decoration:none;
}

/*********************************************************
* CSS FOR LINKS ON EACH BOX BOTTOM
**********************************************************/

.boxBottom a {
	color: #0000CC;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}
.boxBottom a:hover {
	color: #CC0000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
}