@charset "iso-8859-1";
/* auteur: 			Gauthier BOULY*/
/* Date de cr�ation: 	15/01/2007 */
/* Version : 		1.0*/


/*BEBUT Definition g�n�rale********************************************************************************************************/
body
{
	background-repeat: repeat;
	background-position: left top;
	font-family: arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	color: #000000;
}

/* table,tr,td
{
	vertical-align: top;
	margin: 5px ;
} */
h1
{
	font-weight: bold;
}
table,tr,td.liste
{
	font-size: 12px;
}
table.superadmin, td.superadmin
{
	font-size: 10px;
	border:solid;
	border-width:1px;
	border-color:#000000;
}

tr .listeliee
{
font-size: 10px;
background-color:#EDBFAF;
}
tr .listeliee2
{
font-size: 10px;
background-color:#EECFBF;
}
tr.listeliee:hover
{
background-color:#FFFFFF;
}
tr.listeliee2:hover
{
background-color:#FFFFFF;
}
tr.selectionlisteliee
{
font-size: 10px;
background-color:#EE7755;
}
.selectionlisteliee a.liennoirart:hover{
	color:#FFFFFF;
	}
table.display ,tr
{
	vertical-align: top;
}
 table,tr,td.display
{
	
	border-spacing: 5px;
	border-collapse: collapse;
}

.style
{
	text-align: left;
}

tr a
{
color : #000000;
text-decoration: underline;
}

a.lienaccueil{
	text-decoration:none;
	color:#000000;
}
a img{
	border:none;
}
a.lienaccueil:active{
	text-decoration:none;
	color:#000000;;
	}
a.lienaccueil:hover{
	color:#000000;
	background:none;
    text-decoration:none;
	border:0px;
}
a.lienaccueil:hover, tr a.lienaccueil:hover
{
color: #555555;
} 


.tableconstruction
{	
	height:380px;
	text-align : center;
	vertical-align:middle;
	width:100%;	
}

.tabopepop
{
width:98%;
border:solid;
border-width:3px;
border-color:#FDB559;
background-color:#F8ECA4;
	-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin: 0px auto;
}

div.rowform{
width:95%;
padding:5px;
}

div.rowform label {
	text-align:right;
	margin:5px;
	float:left;
	width:245px;
	font-weight:bold;
 }
 
 div.rowformlog{
padding:5px;
}

div.rowformlog label {
	margin-bottom:2px;
	font-weight:bold;
	display:block;
 }
 
.formpop{
	padding:8px;
}

.popbutton{
	width:98%;
	margin:5px auto;
	text-align:center;
}
.blocform{
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin-bottom:16px;
}
.blocformcompte{
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin-bottom:2px;
}
.blocformlog{
	border:solid;
	border-width:2px;
	padding:10px;
	border-color:#FFFFFF;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin:auto;
	 margin-bottom:15px;
	 width:76%;
}
.blocformlien{
	border:solid;
	border-width:2px;
	padding:10px;
	border-color:#7DAAED;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin:auto;
	 margin-bottom:18px;
	 background-color:#FFFFFF;
	 width:76%;
}
.blocformopeassist{
	border:solid;
	border-width:2px;
	padding:10px;
	border-color:#7DAAED;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin:auto;
	 margin-bottom:12px;
	 background-color:#FFFFFF;
	 width:76%;
}
.blocformlienope{
	border:solid;
	border-width:2px;
	padding:5px;
	border-color:#FDB559;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin:auto;
	 margin-bottom:10px;
	 background-color:#FFFFFF;
	 width:76%;
}
.blocformlienplayer{
	border:solid;
	border-width:2px;
	padding:10px;
	border-color:#7DAAED;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin:10px 20px 10px 0;
	 background-color:#FFFFFF;
	 width:40%;
	 float:right;
}
.blocplayer{
	float:left;
	margin-left:18px;
	margin-top:12px;
	width:220px;
	text-align:right;
	width:47%;
}
.blocpaypalstep {
    border: 1px solid #7DAAED;
    -moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
    float: left;
    height: 155px;
    padding: 5px 3px;
	background-color: #EEEEFF;
	font-size:12px;
}
.formchq{
    border: 1px solid #7DAAED;
    -moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
    margin:28px;
    padding: 20px;
	background-color: #EEEEFF;
	font-size:12px;
	text-align:left;
}
.formchq label{
  
}
.urlnot{
  background-color: #FFFFFF;
 border: 1px solid #7DAAED;
padding:5px;
margin:5px;
font-size:12px;
}
.assistbutton{
	width:125px;
	margin:auto;
	text-align:center;
}
.assistbuttonlarg{  
	width:180px;
	margin:5px auto;
	text-align:center;
}
.titrelogmin
	{
	color:#777777;
	font-size: 12px;
	margin:40px auto 0;
	 width:76%;
	}
	.titreopemin
	{
	color:#777777;
	font-size: 11px;
	}
	.titrelog
	{
	color:#777777;
	font-size: 14px;
	margin:0 auto;
	}
  .inputlog
  {
	  width: 250px;
	  height:25px;
  }
  input.comptelog{
		border: #2277BB inset;
		width: 250px;
		height:25px;
	}
	
   .inputassist
  {
	  width: 300px;
	  height:20px;
  }
  .selectassist
  {
	  width: 306px;
	  height:25px;
  }
  input.insetassist{
		border: #2277BB inset;
		width: 300px;
		height:20px;
	}
  select.insetassist{
		border: #2277BB inset;
		width: 306px;
		height:25px;
	}
.diverreur{
	width:98%;
	margin:5px auto;
	text-align:center;
}
.diverreur2{
	width:98%;
	margin:10px auto;
	text-align:center;
}
/*FIN Definition g�n�rale********************************************************************************************************/
/* PAGE ACCUEIL********************************************************************************************************/
.messageaccueil
{
	margin-top:10px;
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div.accueilcentre {
	position: relative;
	top: 15px;
	width: 995px;
	height:580px;
	margin-bottom:30px;
}

div.fonctions {
	height:200px;
	width: 190px;
	position: absolute;
	top: 33px;
	left:2px;
	z-index:30;
	background-color:#FFFFFF;
}

a.detailfonction{
	position:relative;
	z-index:30;
	text-decoration:none;
	border:0px;
	padding:0px;
	background-color: #FFFFFF;
	text-align:left;
	font-size: 13px;
	font-weight:bold;
	width:255px;
	color:#000000;
}
a.detailfonction img{
	border:0px;
}
a.detailfonction:active{text-decoration:none;color:#000000;}
a.detailfonction:hover{
	background-color: #FFFFFF;
	background:none;
    text-decoration:none;
	border:0px;
	color:#000000;
}
div.detailfonction
{
	position:absolute;
	width:255px;
	background-color: #FFFFFF;
}
a.detailfonction span
{
	display: none;
	font-size: 10px;
	font-weight:normal;
	color:#000000;
}
a.detailfonction:hover span
{
	display:inline;
	position:relative;
	width:255px;
	left:0;
	font-size: 12px;
}

img.checkgratuit{
	text-align:center;
}
img.checkgratuitmasque{
	display:none;
}
img.checkpro{
	text-align:center;
}
#checkpromp3, #checkprovpc, #checkproforum, #checkpronews, #checkprorss, #checkpropromo, #checkproplayer, #checkprolivret, #checkprosupport {
	display:none;
}

div.presentation {
	top: 0px;
	left: 210px;
	position: absolute;
	background-image:url(images/accueil/rectangle-accueil-grand.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 631px;
	height:413px;
	font-size: 16px;
	font-weight: bold;
	z-index:20;
}

div.presentationbas {
	top: 257px;
	left: 186px;
	position: absolute;
	background-image:url(images/accueil/rectangle-accueil.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 631px;
	height:291px;
	font-size: 16px;
	font-weight: bold;
	z-index:30;
}
div.texteaccueil {
	display:block;
	position: absolute;
	left: 158px;
	top: 51px;
	width: 360px;
	height:100px;
	text-align:center;
	font-size: 22px;
}
div.texteaccueilbas {
	display:block;
	position: absolute;
	text-align: center;
	left: 134px;
	top: 234px;
	width: 375px;
	height:200px;
}
div.textegratuit {
	left: 158px;
	top: 53px;
	position: absolute;
	text-align:center;
	width: 340px;
	height:140px;
	font-size:20px;
}
div.textegratuitbas {
	left: 118px;
	top: 183px;
	position: absolute;
	text-align:center;
	width: 400px;
	height:140px;
}
#textegratuit, #textegratuitbas, #texteartiste, #textelabel, #boutongratuitpale, #boutonpropale, #commissionartiste, #commissionlabel, #presentationbas  {
	display:none;
}
div.texteartiste {
	left: 113px;
	top: 47px;
	position: absolute;
	text-align:center;
	width: 415px;
	height:100px;
}
img.itunes {
	vertical-align:middle;
}
div.commissionartiste{
	left: 94px;
	top: 425px;
	position: absolute;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	width:330px;
	height:30px;
}
div.commissionlabel{
	left: 94px;
	top: 425px;
	position: absolute;
	color:#000000;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	width:330px;
	height:30px;
}

div.textelabel {
	left: 113px;
	top: 50px;
	position: absolute;
	text-align:center;
	font-weight: bold;
	width: 415px;
	height:100px;
}
div.plusdinfos {position:absolute;top:347px;left:730px;width: 100px;z-index:40;}
div.plusdinfosgratuit{position:absolute;top:150px;left:16px;z-index:40;}
div.plusdinfosartiste {position:absolute;top:241px;left:16px;z-index:40;}
div.plusdinfoslabel {position:absolute;top:241px;left:16px;z-index:40;}

div.blog {
	left:2px;
	top: 243px;
	position: absolute;
	color:#000000;
	text-align:left;
	font-size:13px;
	padding-left:2px;
	width:196px;
	height:131px;
	border-width:1px;
	border-color:#077B9C;
	border-style:dotted;
}
div.lienvert a, div.lienvert a:active, div.lienvert a:visited, div.lienvert a:hover{
	text-decoration:none;
	font-weight: bold;	
	color:#55DD11;
	font-size:16px;
}

div.lienbleu a, div.lienbleu a:active, div.lienbleu a:visited, div.lienbleu a:hover{
	text-decoration:none;
	font-weight: bold;	
	color:#077B9C;
	font-size:16px;
}

div.distribbleu
{
	color:#077B9C;
	font-weight: bold;
}

div.voscommentaires {
	height:20px;
	right:0px;
	position:absolute;
	text-align:center;
	top:-26px;
	width:172px;
}
div.voscommentaires a, div.voscommentaires a:active, div.voscommentaires a:visited, div.voscommentaires a:hover{
	text-decoration:none;
	font-weight: bold;	
	color:#7DAAED;
	font-size:14px;
}
div.pub {
	height:120px;
	position:absolute;
	text-align:center;
	top:30px;
	left:848px;
	width:150px;
}
div.distrib {
	height:240px;
	position:absolute;
	text-align:center;
	top:160px;
	left:848px;
	width:150px;
}
div.plusdeliens {
	height:30px;
	left:890px;
	position:absolute;
	text-align:center;
	top:535px;
	width:120px;
}
div.demo {
	height:20px;
	left:2px;
	position:absolute;
	text-align:center;
	top:380px;
	width:200px;
	font-size:13px;
}
div.demo a, div.demo a:active, div.demo a:visited, div.demo a:hover{
	text-decoration:none;
	font-weight: bold;	
	color:#55DD11;
	font-size:13px;
}
div.voscommentaires a:hover, div.demo a:hover{
	text-decoration:underline;
}

#plusdinfosgratuit, #plusdinfosartiste, #plusdinfoslabel {display:none;}

div.boutongratuit {
	display:block;
	position:absolute;
	left: 15px;
	top: 50px;
}
div.boutongratuitpale {
	display:block;
	position:absolute;
	left: 15px;
	top: 50px;
}
div.boutonpro {
	display:block;
	position:absolute;
	left: 15px;
	top: 125px;
}
div.boutonpropale {
	display:block;
	position:absolute;
	left: 15px;
	top: 125px;
}
div.boutoncomptegratuit {
	left: 68px;
	top: 295px;
	position: absolute;
	text-align:center;
	vertical-align:middle;
	margin: 0.5em; 
}
div.boutoncomptegratuit img{vertical-align: middle;}
div.boutoncomptegratuit span{vertical-align: middle;}

#boutonartiste, #boutonlabel, #boutoncomptegratuit  {
	display:none;
}
div.boutonartiste {
	left: 158px;
	top: 193px;
	position: absolute;
	vertical-align: top;
}
div.boutonartiste img{vertical-align: middle;}
div.boutonartiste span{vertical-align: middle;}

 
div.boutonlabel {
	left: 158px;
	top: 193px;
	position: absolute;
	text-align:center;
}
div.boutonlabel img{vertical-align: middle;}
div.boutonlabel span{vertical-align: middle;}

#textegratuit, #textegratuitbas, #texteartiste, #textelabel, #boutongratuitpale, #boutonpropale, #commission {
	display:none;
}
div.testlienyo {
	top:410px;
	position: absolute;
	z-index:60;
	width: 1000px;
}
.liensyozik2
{
	top:543px;
	position: absolute;
	left: 135px;
	z-index:60;
}
div.ilsnousfontconfiance {position:absolute;top:416px;left:245px;z-index:40;font-weight:bold;font-size:16px;}
div.liensgauche {
	bottom: 20px;
	left: 1px;
	position: absolute;
	z-index:10;
}
div.liensdroite {
	bottom: 20px;
	right: 1px;
	position: absolute;
	z-index:10;
}
div.plusdeliensdetail {
	display:none;
}
.liensyozik
{
text-align:center;
margin-top:20px;
}


 .logotype {
	left: 7px;
	top: 7px;
	position: absolute;
	height:178px;
	width: 177px;
}
	.logotype a {
		left: 8px;
		top: 7px;
		background:url(images/logotype.png);
		background-repeat: no-repeat;
		background-position: left top;
		position: absolute;
		height: 178px;
		width: 177px;
	}
.baseline {
	left: 17px;
	top:236px;
	position: absolute;
	background-image:url(images-accueil/baseline.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:189px;
	width:210px;
}
	
.logologin {
	height:36px;
	width:31px;
	vertical-align: bottom;
	z-index:100;
}

.login {
	height:35px;
	font-size:12px;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	line-height: 15px;
	z-index:100;
}	

a.login {
	text-decoration: underline;
	color:#FF5C81;
    }
	a:hover.login {
	text-decoration: underline; 
	color:#000000;
    }

.input {
	border: none;
	}

 .annonceclair {
	position: absolute;
	background-image:url(images/fondclair.png);
	background-repeat: repeat;
	background-position: left top;
	height:63px;
	left:310px;
	top:61px;
	width:490px;
	text-align: center;
	vertical-align: middle;
	color:#FF5C81;
	font-weight: bold;
	border: 1px solid #FF5C81;
	}
	

 .barredroiteclair {
	position: absolute;
	background-image:url(images/fondclair.png);
	background-repeat: repeat;
	background-position: left top;
	text-align: center;
	vertical-align: middle;
	height:542px;
	left:947px;
	top:131px;
	width:200px;
	color:#FF5C81;
}
	
.identification
	{
	display : block;
	position : relative;
	text-align : right;
	margin-bottom : 30px;
	}
	
.input100
	{
		width: 100px;
	}
	
.input150
	{
		width: 150px;
	}
	

	
.input200
	{
		width: 200px;
	}
	
.input300
	{
		width: 300px;
	}
	
.input400
	{
		width: 400px;
	}
.barre
{
	color : #666666;
	text-decoration: line-through;
}
.grise
{
	color : #999999;
}

/*nouveau menu *********************************************************************************************************************/
	.conteneurmenu
	{
		margin-top:0px;
		margin-top:0px;
		width:100%;
		background-color:#000000;
		background-image:url(images/barre-menu.jpg);
		background-repeat: repeat;
		background-position: left top;
		height:70px;
		min-width:1000px;
		text-align:center;
		position:relative;
	}
	.conteneur
	{
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		background-color:#FFFFFF;
	}
	.barremenu
	{
		width:100%;
	}
	.barremenu li a 
	{ 	
		text-decoration: none;
	}
	.barremenu li a:hover
	{
		color: #ffffff;
	}
	.barremenu li
	{ 
		display: inline;
		list-style: none;
		padding-left: 1px;
	 	padding-right: 1px;
		font-size: 1px;
	}
	.barremenu ul
	{
		padding-top:40px;
		margin:0;
		padding-left:0px;
	}

	.loginnew {
	text-align: right;
	color:#FFFFFF;
	position: absolute;
	right:5px;
	top:4px;
	}
        .choixlangue {
        float:right;
        margin-right:12px;
	}
        .emailpassword {
        float:right;

	}
	.log
	{
		left: 0px;
		top: 0px;
		position: absolute;
	}
	.log a {
		background:url(images/logo.png);
		background-repeat: no-repeat;
		position: absolute;
		height: 70px;
		width: 210px;
	} 
	.logaccueil
	{
		left: 0px;
		top: Opx;
		position: absolute;
	}
	.logaccueil a {
		background:url(images/accueil/yozik-logo-NB.jpg);
		background-repeat: no-repeat;
		position: absolute;
		height: 99px;
		width: 279px;
	}
	.sousmenu1,.sousmenu2,.sousmenu3,.sousmenu4,.sousmenu5
	{ 
		min-width:850px;
		height:25px;
		text-align:center;
		line-height:25px;
		width:100%;
		min-width:1000px;
	}
	.sousmenu1{background-color:#66CCFF;} /*compte  ancien=53E3FE*/
	.sousmenu2{background-color:#CC99FF;} /*commande ancien=FF6F40*/
	.sousmenu3{background-color:#FF6633;} /*article   ancien=FF885B*/
	.sousmenu4{background-color:#99FF33;} /*style ancien=D694FE*/
	.sousmenu5{background-color:#FF9933;} /*fan ancien=FDB559*/
	
	/* nouveau style */
	span.alerte{
	font-weight:bold;
	color:red;
	}
	
	div.gauche0,div.droite0
	{
		margin-bottom : 20px;
	}
	/*commande*/
	a.liennoircom{
	color:#000000;
	font-weight: bold;
	}
	a.liennoircom:hover{
	color:#CC99FF;
	font-weight: bold;
	}
	.tabcommande
	{
	border:solid;
	border-width:3px;
	border-color:#CC99FF;
	width:98%;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
	 border-radius:10px;
	}
	table.comselect
	{
	width : 100%;
	background-color:#DECCEF;
	height:40px;
        -moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
	}
	table.tablecom
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	width:100%;
	}
	.tabcom
	{
	width:98%;
	margin: auto;
	border:solid;
        background-color:#DECCEF;
	border-width:3px;
	border-color:#CC99FF;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	table.detailcom
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	background-color:#DECCEF;
	width:100%;
	}
	tr.trcom0
	{
	background-color : #DECCEF;
	}
	tr.trcom
	{
	background-color : #FFFFFF;/*DACFDA*/
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align: middle;
	}
	tr.trcom2
	{
	background-color : #DECCEF;/*EBDFEB*/
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align: middle;
	}
	tr.trdetailcom
	{
	background-color : #FFFFFF;/*DACFDA*/
	height : 15px;
	line-height:15px;
	vertical-align:middle;
	}
	tr.trdetailcom2
	{
	background-color : #DECCEF;/*EBDFEB*/
	height : 15px;
	line-height:15px;
	vertical-align:middle;
	}
	tr.trcom:hover
	{
	background-color:#CC99FF;
	}
	.selectioncom
	{
	background-color:#CC99FF;
	height : 21px;
	line-height:21px;
	vertical-align: middle;
	}
	tr.trcom2:hover
	{
	background-color:#CC99FF;
	}
	.titrecom
	{
	color:#CC99FF;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	}
	span.commess{
	font-weight:bold;
	color:#500060;
	}
	.commess{
	font-weight:bold;
	color:#500060;
	}
	input.commess{
		border: #500060 inset;
	}
	tr.trdeco19
	{
	width:100%;
	color:#FFFFFF;
	height:22px;
	line-height:22px;
	background:url(images/ban-titre2.png);
	}
	tr.trdeco19mini
	{
	background-color : #D694FE;
	width:100%;
	color:#FFFFFF;
	background: url(images/ban-titre2-small.png);
	}
	.tricom{
	cursor:pointer;
	}
	.tricom:hover{
	background-color:#500060;
	}
	.tricom2{
	background-color:#CC99FF;
	}
	.tabpubcommande
	{
        margin-right:10px;
        padding-top:15px;
        text-align : center;
        width:164px;
        border:solid;
	border-width:3px;
	border-color:#CC99FF;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	/*fan*/
	a.liennoirfan{
	color:#000000;
	font-weight: bold;
	}
	a.liennoirfan:hover{
	color:#FDB559;
	font-weight: bold;
	}
	.tabfan
	{
	width:98%;
        margin:auto;
	border:solid;
	border-width:3px;
	border-color:#FDB559;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	.tabfanpop
	{
	width:98%;
	border:solid;
        background-color:#F8ECA4;
	border-width:3px;
	border-color:#FDB559;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	table.fanselectgrpe
	{
	width : 100%;
	background-color:#F8ECA4;
	height:40px;
    -moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
	}
	table.tablefan
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	background-color:#F8ECA4;
	width:100%;
	}
        table.tablefanpop
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	background-color:#F8ECA4;
	width:100%;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	table.detailfan
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	background-color:#F8ECA4;
	width:100%;
	}
	table.detailfanpop
	{
	text-align : justify;
	background-color:#F8ECA4;
	width:100%;
	}
	tr.trfan0
	{
	background-color : #F8ECA4;
	}
	tr.trfan
	{
	background-color : #FFFFFF;
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align:middle;
	}
	.trfan a.liennoirfan{
	text-decoration: none;
	}
	.trfan2 a.liennoirfan{
	text-decoration: none;
	}
	.selectionfan a.liennoirfan
	{
	text-decoration: none;
	}
	.selectionfan a.liennoirfan:hover
	{
	text-decoration: none;
	color:#FFFFFF;
	}
	tr.trfantelachat
	{
	background-color : #FFFFFF;
	}
	tr.trfantelachat2
	{
	background-color : #F8ECA4;
	}
	tr.trfancode
	{
	background-color : #FFFFFF;
	height : 21px;
	line-height:21px;
	}
	tr.trfan2
	{
	background-color : #F8ECA4;
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align:middle;
	}
	tr.trfancode2
	{
	background-color : #F8ECA4;
	height : 21px;
	line-height:21px;
	}
	tr.trfan:hover
	{
	background-color:#FDB559;
	}
	.selectionfan
	{
	background-color:#FDB559;
	height : 21px;
	line-height:21px;
	vertical-align:middle;
	}
	tr.trfan2:hover
	{
	background-color:#FDB559;
	}
	.fanmess{
	font-weight:bold;
	color:#EE4435;
	}
	input.fanmess{
		border: #EE4435 inset;
	}
	.titrefan
	{
	color:#FDB559;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	}
	.titrefanmin
	{
	color:#666666;
	font-size: 12px;
	margin-left:10px;
	}
	.trifan{
	cursor:pointer;
	}
	.trifan:hover{
	background-color:#EE4435;
	}
	.trifan2{
	background-color:#FDB559;
	}
	.tabpubfans
	{
                margin-right:5px;
                padding-top:15px;
		text-align : center;
		height:650px;
		width:164px;
		border:solid;
		border-width:3px;
		border-color:#FDB559;
                -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
        div.gauchefan0,div.droitefan0
	{
		margin-bottom : 20px;
	}
	td.supprim
	{
		width:4%;
		text-align:center;
		cursor:pointer;
	}
	/*style*/
	a.liennoirstyle{
	color:#000000;
	font-weight: bold;
	}
	a.liennoirstyle:hover{
	color:#99FF33;
	font-weight: bold;
	}
	.titrestyle
	{
	color:#99FF33;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	margin-top:20px;
	}
	.titrestyle2
	{
	color:#99FF33;
	font-size: 17px;
	font-weight: bold;
	margin-top:20px;
        margin-left:10px;
	}
	.titrestyle3
	{
	color:#99FF33;
	font-size: 17px;
	font-weight: bold;
        margin-left:10px;
	}
        .titrestyle4
	{
	color:#99FF33;
	font-size: 17px;
	font-weight: bold;
        margin-left:10px;
        margin-top:10px;
	}
	.titrestylepop
	{
	color:#99FF33;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	}
	.tabstyle
	{
	border:solid;
	border-width:3px;
	border-color:#99FF33;
        margin-right:2px;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
        .tabstylefb
	{
	border:solid;
	border-width:3px;
	border-color:#99FF33;
        background-color:#DEFFCF;
        margin:auto;
        pading:2px;
        width:98%;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	.tabstyle2
	{
	border:solid;
	border-width:3px;
	border-color:#99FF33;
	width:98%;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
        .tabstylepop
	{
	width:98%;
        background-color:#DEFFCF;
	border:solid;
        margin:auto;
	border-width:3px;
	border-color:#99FF33;
	padding:2px;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
		border-radius:10px;
	}
        table.tablestylepop
	{
	text-align : justify;
	width:100%;
	}
	.tristyle{
	cursor:pointer;
	}
	.tristyle:hover{
	background-color:#66BB11;
	}
	.tristyle2{
	background-color:#99FF33;
	}
	table.tablestyle
	{
	text-align : justify;
	background-color:#DEFFCF;
	width:100%;
	}
        table.tablestylefb
	{
	text-align : center;
	width:100%;
	}
	table.detailstyle
	{
	background-color:#EDFFDF;
	width : 300px;
	}
	td.styledroit
	{
		text-align:center;
		
	}
	.styleaction
	{
		height: 35px;
		border-bottom:solid;
		border-width:3px;
		border-color:#99FF33;
	}
	tr.trstyle0
	{
	background-color : #DEFFCF;
	}
	tr.trstyle
	{
	background-color : #FFFFFF;
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align: middle;
	}
	tr.trstyle2
	{
	background-color : #DEFFCF;
	height : 21px;
	line-height:21px;
	cursor:pointer;
	vertical-align: middle;
	}
	tr.trstyle:hover
	{
	background-color:#99FF33;
	}
	.selectionstyle
	{
	background-color:#99FF33;
	height : 21px;
	line-height:21px;
	}
	.trstyle a.liennoirstyle{
	text-decoration: none;
	}
	.trstyle2 a.liennoirstyle{
	text-decoration: none;
	}
	.selectionstyle a.liennoirstyle
	{
	text-decoration: none;
	}
	.selectionstyle a.liennoirstyle:hover
	{
	text-decoration: none;
	color:#FFFFFF;
	}
	tr.trstyle2:hover
	{
	background-color:#99FF33;
	}
	span.stylemess{
	font-weight:bold;
	color:#3CB371;
	}
	div.paragraphestyle
	{
	text-align : justify;
	padding-left:5px;
	width : 310px;
	border-right:solid;
	border-width:3px;
	border-color:#99FF33;
	background-color:#DEFFCF;
	padding-bottom:10px;
        -moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
	}
	.tabpubstyles
	{
		padding-top:15px;
                margin-right:6px;
		text-align : center;
		height:650px;
		width:164px;
		border:solid;
		border-width:3px;
		border-color:#99FF33;
                -moz-border-radius: 10px;  
                -webkit-border-radius: 10px;
				border-radius:10px;
	}
	.tabpubstyle2
	{
		padding-top:15px;
                margin-top:20px;
		margin-right:6px;
		text-align : center;
		height:650px;
		width:164px;
		border:solid;
		border-width:3px;
		border-color:#99FF33;
                -moz-border-radius: 10px;  
                -webkit-border-radius: 10px;
				border-radius:10px;
	}
	table.styleselectgrpe
	{
	width : 100%;
	background-color:#DEFFCF;
	height:40px;
        -moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
	}
        table.styleselectappli
	{
	width : 60%;
	background-color:#DEFFCF;
	height:40px;
        margin:auto;
        -moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
	}
	
	/*article*/
	
	a.liennoirart{
	color:#000000;
	font-weight: bold;
	}
	a.liennoirart:hover{
	color:#FF885B;
	font-weight: bold;
	}
	.tabarticle
	{
	width:98%;
	border:solid;
	border-width:3px;
        margin:auto;
	border-color:#FF885B;
         -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
border-radius:10px;
	}
	.tabarticleimg
	{
	padding:5px;
	border:solid;
	border-width:3px;
        margin:auto;
	border-color:#FF885B;
         -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
border-radius:10px;
	}
    .tabarticlepop
	{
	width:98%;
	border:solid;
	border-width:3px;
        background-color:#FFCCAA;
        margin:auto;
	border-color:#FF885B;
         -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	.titrearticle
	{
	color:#FF885B;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	}
	table.tablearticle
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : center;
	background-color:#FFCCAA;
	width:100%;
	}
	.tabvente
	{
	width:99%;
	border:solid;
	border-width:3px;
        margin:0 auto 15px;
	border-color:#CC99FF;
	background-color:#DECCEF;
         -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	table#tablevente
	{
	margin-top:5px;
	margin-bottom:5px;
	text-align : center;	
	width:80%;
	margin:0 auto 20px;	
	}
	table#tablevente tr a
	{
	color : #FFFFFF;
	text-decoration: none;
	}
	td.coldroitevente
	{
		padding-right:10px;
		text-align:right;
		vertical-align: middle;
	}
	td.colgauchevente
	{
		padding-left:10px;
		text-align:left;
		vertical-align: middle;
	}
	table.tablearticleaction
	{
	text-align : center;
	width:100%;
	}
	table.tablearticlepop
	{
	background-color:#FFCCAA;
	width:100%;
        -moz-border-radius: 7px;  
         -webkit-border-radius: 7px;
		 border-radius:7px;
	}
	table.tablearticlepop2
	{
	background-color:#FFFFFF;
	width:100%;
        -moz-border-radius: 7px;  
         -webkit-border-radius: 7px;
		 border-radius:7px;
	}
	table.artselectgrpe
	{
	width : 100%;
	background-color:#FFCCAA;
	height:40px;
-moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
	}
    table.artselectgrpe2
	{
	width : 100%;
	background-color:#FFCCAA;
	height:40px;
	}
	tr.trarticle0
	{
	background-color : #FFCCAA;
	}
	tr.trarticle
	{
	background-color : #FFFFFF;
	height : 38px;
	cursor:pointer;
	}
	tr.trarticle2
	{
	background-color : #FFCCAA;
	height : 38px;
	cursor:pointer;
	}
	tr.trvente
	{
	background-color : #FFFFFF;
	height : 28px;
	border-bottom:1px solid #DECCEF;
	}
	tr.trcatalogue
	{
	background-color : #FFCCAA;
	height : 28px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	}
	tr.trvente:hover
	{
	background-color : #DECCEF;
	height : 28px;
	border:1px solid #FFFFFF;
	}
	tr.trarticlelie
	{
	background-color : #FFEECC;
	height : 20px;
	}
	tr.trarticlelie2
	{
	background-color : #FFCCAA;
	height : 20px;
	}
	tr.trarticle:hover
	{
	background-color:#FF885B;
	}
	.selectionarticle
	{
	background-color:#FF885B;
	height : 40px;
	}
	tr.trarticle2:hover
	{
	background-color:#FF885B;
	}
	span.articlemess{
	font-weight:bold;
	color:#EE3333;
	}
	.triarticle{
	cursor:pointer;
	}
	.triarticle:hover{
	background-color:#EE3333;
	}
	.triarticle2{
	background-color:#FF885B;
	}
	.tabpubarticles
	{
		margin-right:3px;
                padding-top:15px;
		text-align : center;
		height:650px;
		width:164px;
		border:solid;
		border-width:3px;
		border-color:#FF885B;
                -moz-border-radius: 10px;  
                -webkit-border-radius: 10px;
				border-radius:10px;
	}
	
	/*compte*/
	a.liennoircompte{
	color:#000000;
	font-weight: bold;
	}
	a.liennoircompte:hover{
	color:#7DAAED;
	font-weight: bold;
	}
	
	a.liennoircomptespe{color:#000000;font-weight: bold;font-size: 9px}
	a.liennoircomptespe:hover{color:#7DAAED;font-weight: bold;}
	
	.tabcompte
	{
	width:98%;
        margin:auto;
	border:solid;
	border-width:3px;
	border-color:#7DAAED;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
		 font-family: Arial,Helvetica,sans-serif;
	}
	
	.tabcomptepop
	{
	width:98%;
        background-color:#EEEEFF;
	border:solid;
	border-width:3px;
	border-color:#7DAAED;
	margin-left:5px;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
		border-radius:10px;
	}
	.tabassistpop
	{
	width:727px;
        background-color:#EEEEFF;
	border:solid;
	border-width:3px;
	border-color:#7DAAED;
	margin:auto;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
		border-radius:10px;
	}
	.tabcomptepopwhite
	{
	width:98%;
	border:solid;
	border-width:3px;
	border-color:#7DAAED;
	margin-left:5px;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
		border-radius:10px;
	}
	.tabcompteimg
	{
	padding:5px;
	border:solid;
	border-width:3px;
        margin:auto;
	border-color:#7DAAED;
         -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	}
	table.compteselectgrpe
	{
	width : 100%;
	background-color:#EEEEFF;
	height:40px;
		-moz-border-radius:0px 0px 10px 10px;
		-webkit-border-radius:0px 0px 10px 10px;
		border-radius:0px 0px 10px 10px;
	}
	.tabcomptelogo
	{
	width:100%;
	margin-left:5px;
	}
	
	.titrecompte
	{
	color:#7DAAED;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
	}
	.titrepop
	{
	color:#7DAAED;
	font-size: 18px;
	font-weight: bold;
	margin-left:5px;
	}
	
	.titrepopassist
	{
	color:#7DAAED;
	font-size: 18px;
	font-weight: bold;
	width:720px;
	margin:auto;
	}

	table.tablecompte
	{
	margin-top:20px;
	margin-bottom:10px;
	text-align : center;
	background-color:#EEEEFF;
	width:100%;
	}
	table.tablecomptepop
	{
	text-align : center;
	width:100%;
	}
	.tablecomptepop tr{
	  vertical-align:middle;
	}
	table.tablecomptepopwhite
	{
	text-align : center;
	margin-top:6px;
	width:100%;
	}
	.tablecomptepopwhite tr{
	  vertical-align:middle;
	  font-size:12px;
	}
	td.bluesky
	{
	background-color:#EDFEFF
	}
	table.tablecompteassistpop
	{
	text-align : justify;
	background-color:#EEEEFF;
	width:100%;
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
	border-radius:10px;
	}
	table.tablecomptepopstyle
	{
	text-align : center;
	background-color:#EEEEFF;
	width:100%;
	height:400px;
	}
	table.detailcompte
	{
	margin-top:20px;
	margin-bottom:20px;
	text-align : center;
	background-color:#EEEEFF;
	width:100%;
	}
        table.detailcompte td
        {
        padding-left:3px;   
        }
	table.detailconcert
	{
	margin-top:20px;
	margin-bottom:5px;
	text-align : center;
	background-color:#EEEEFF;
	width:100%;
	}
	tr.trcompte0
	{
	background-color : #EEEEFF;
	}
	.comptemess{
	font-weight:bold;
	color:#2277BB;
	}
	input.comptemess{
		border: #2277BB inset;
	}

	input.compteprixmess{
		border: #2277BB inset;
		width:40px;
		text-align:right;
	}
	tr.trcompte
	{
	background-color : #FFFFFF;
	height : 20px;
	cursor:pointer;
	vertical-align:middle;
	}
	tr.trcompte2
	{
	background-color : #EEEEFF;
	height : 20px;
	cursor:pointer;
	vertical-align:middle;
	}
	tr.trcompte:hover
	{
	background-color:#7DAAED;
	}
	.selectioncompte
	{
	background-color:#7DAAED;
	height : 20px;
	vertical-align:middle;
	}
	.trcompte a.liennoircompte{
	text-decoration: none;
	}
	.trcompte2 a.liennoircompte{
	text-decoration: none;
	}
	.selectioncompte a.liennoircompte
	{
	text-decoration: none;
	}
	.selectioncompte a.liennoircompte:hover
	{
	text-decoration: none;
	color:#FFFFFF;
	}
	tr.trcompte2:hover
	{
	background-color:#7DAAED;
	}
	.tricompte{
	cursor:pointer;
	}
	.tricompte:hover{
	background-color:#3399BB;
	}
	.tricompte2{
	background-color:#7DAAED;
	}
	span.libcompte
	{
		margin-left:5px; 
		font-weight:bold;
	}
	span.liencompte
	{
		margin-right:5px;
	}
	span.liencompte2
	{
		margin-bottom:5px;
	}
	.tabpubcomptes
	{
            margin-right:6px;
            padding-top:15px;
            text-align : center;
            height:650px;
            width:164px;
            border:solid;
            border-width:3px;
            border-color:#7DAAED;
            -moz-border-radius: 10px;  
                -webkit-border-radius: 10px;
				border-radius:10px;
	}
	
	
	tr.trdeco25
	{
	background-color : #ABA1E6;
	color:#FFFFFF;
	height:22px;
	width:50px;
	line-height:22px;
	}		
	tr.trdeco17
	{
	background-color : #FFD05E;
	color:#FFFFFF;
	height:22px;
	width:50px;
	line-height:22px;
	}
	
	
	.lienblanc{
	text-decoration: underline;
	color:#FFFFFF;
    }
	.lienblanc:hover{
	text-decoration: underline; 
	color:#EEEEEE;
    }
	.annonceclair2{
	position: absolute;
	height:50px;
	left:270px;
	top:25px;
	width:370px;
	text-align: center;
	vertical-align: middle;
	color:#FFFFFF;
	font-weight: bold;	
	}
	.input2
	{
		height:1.2em;
		border:none;
		width:120px;
		font-size:11px;
		margin-bottom:3px;
	}
	/*Fin def onglet de naviguation*/
/*FIN mise en page entete*****************************************************************************************************/		

/*
****************************************************************************************************/	
	a.liennoir{
	color:#000000;
	font-weight: bold;
	}
	a.liennoir:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
.selectionfan a.liennoirfan:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trfan:hover a.liennoirfan:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trfan2:hover a.liennoirfan:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
.selectionarticle a.liennoirart:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trarticle:hover a.liennoirart:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trarticle2:hover a.liennoirart:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
.selectioncom a.liennoircom:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trcom:hover a.liennoircom:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trcom2:hover a.liennoircom:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
.selectionstyle a.liennoirstyle:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trstyle:hover a.liennoirstyle:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trstyle2:hover a.liennoirstyle:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trcompte:hover a.liennoircompte:hover{
	color:#FFFFFF;
	font-weight: bold;
	}
tr.trcompte2:hover a.liennoircompte:hover{
	color:#FFFFFF;
	font-weight: bold;
	}


a.liennoirnonsouligne{
color:#000000;
font-weight: bold;
text-decoration: none;
}
a.liennoirnonsouligne:hover{
color:#666666;
font-weight: bold;
text-decoration: none;
}
span.fauxlien{
text-decoration: underline;
color:#000000;
font-weight: bold;
cursor:pointer;
}
span.fauxlien:hover{
text-decoration: underline;
color:#2F4F4F;
font-weight: bold;
}
a.lienblanc{
color:#FFFFFF;
font-weight: bold;
}


/*D�but mise en page des zones de saisies  *****************************************************************************************************/
div.paragraphe 
{
text-align : justify;
margin: 5px 5px 5px 5px;
width : 100%;
}
	
div.paragraphe_assist 
{
	text-align : justify;
	margin: 20px 20px 20px 20px;
}		
	

.slongue
{
width : 400px;

}
.slog
{
width : 440px;
height:20px;
}
.sope
{
width : 235px;
height:20px;
}
.sopepro
{
width : 363px;
height:20px;
}
.smoyenne
{
width : 325px;
}
.smini
{
width : 115px;
}
.spetite
{
width : 145px;
}
.scouleur
{
width : 64px;
}
.sgauche
{

width : 164px;
}
.igauche
{

width : 142px;
}
.sarticle
{
width : 300px;
}
.sarticlelarge
{
width : 390px;
}
.tpetite
{
width : 145px;
}
.selectmode
{
width:170px;
}
.inputmod
{
width:178px;
}
.tlongue
{
width : 485px;
}
.tminus
{
width : 50px;
}
.thtml, .tforum
{
width : 100%;

}
.thtml
{

height : 50px;
}
.tforum
{

height : 250px;
}

.tldescription
{
width : 485px;
height : 100px;
}
.btncouleur
{
width : 17px;
height : 22px;
}
.btnreduit
{
width : 140px;
}
/*Fin mise en page des zones de saisies  *****************************************************************************************************/		

td.col1
{
width : 125px;
}
td.col100px
{
width : 100px;
}
td.col150px
{
width : 150px;
}
td.col200px
{
width : 200px;
}
td.commentaire
{
width : 260px;
}
td.pseudo
{
width : 100px;
text-align : left;
}
td.pays
{
width : 125px;
text-align : left;
}

.colcentree
{
text-align : center;
vertical-align:middle;
}
.colcentree2
{
text-align : center;
vertical-align:middle;
padding: 3px 10px;
}
.coldroite
{
text-align : right;
}
.colgauche
{
text-align : left;
}
img.image
{
width : 250px;
height : 300px;
}
img.image2
{
width : 250px;
height : 250px;
}
img.pochette30
{
width : 30px;
height : 30px;
}


p.erreur
{
color : red;
}
span.erreur
{
color : red;
}
p.erreur2
{
color : red;
text-align:center;
}
table.fichier
{
width : 100%;
}
.langnonuse
{
  opacity:0.4;
  filter:alpha(opacity=40);
  #backgrouncolor:#FFFFFF;
  border: 2px solid #FFCCAA;
  cursor:pointer;
}
.langselected
{
  border: 2px solid #FFFFFF;
  cursor:pointer;
}
.langnorm
{
  border: 2px solid #FFCCAA;
  cursor:pointer;
}


	/*D�but mise en page logo*/
.droite
{
	float: right;
}

.iframe{
	width:420px;
	height:30px;
}

div.row {
 	clear: both;

 }
.lab{
float: left;
 	width: 90px;
	}
.form{
float: left;
 	width: 200px;
}
.iframes2
{
margin-top:5px;
}
#more,#more2,#more4{
	padding:0.5em;
	border:1px solid rgb(200,200,200);
	border-width:1px 0 1px 0;
	background-color:#CC4438;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	margin:auto;
	width:300px;
}
#more:hover,#more2:hover,#more4:hover{
	background-color:#FFFFFF;
	color:black;
}
#moreblue,#moreblue2,#moreblue4{
	padding:0.5em;
	border:1px solid rgb(200,200,200);
	border-width:1px 0 1px 0;
	-moz-border-radius: 5px;  
	 -webkit-border-radius: 5px;
	 border-radius:5px;
	background-color:#49819C;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
	margin:auto;
	width:300px;
}
#moreblue:hover,#moreblue2:hover,#moreblue4:hover{
	background-color:#FFFFFF;
	color:black;
}

.del{
	float:right;
	margin:0.5em 0 0 0;
	padding:0 0.5em 0 0.5em;
	border:1px solid rgb(200,200,200);
	background-color:rgb(240,240,240);
	color:rgb(100,100,100);
	font-weight:bold;
	cursor:pointer;
}
.del:hover{
	background:rgb(240,240,240);
	background-color:rgb(230,230,230);
	color:black;
}
.tri{
cursor:pointer;
}
.tri:hover{
background-color:#EEA55A;
}
.tri2{
background-color:#F78701;
}

div.textecentre
{
	width : 100%;
	margin: 10px auto 0px auto;
	text-align: center;
}
.boutonsassist
{
	width:95%;
        background-color:#FFFFFF;
		margin:5px auto 0;
}

.numero{
text-align:left;
width:11%;
}
.num{
text-align:center;
width:60px;
}
.libarticle
{
width : 30%;
}
.libarticledetail
{
width : 65%;
}
.libcode
{
width : 15%;
}
.courriel{
text-align:left;
width:25%;
}

.check{
text-align:center;
width:9%;
vertical-align:middle;
}

.txtmoyen{
text-align:center;
width:14%;
}

.prix{
text-align:right;
width:10%;
}
input.prix{
text-align:right;
width:40px;
}
input.prix2{
text-align:right;
width:50px;
}
.taille{
width:35px;
}

#euro
{
width:15px;
}

.dateheure
{
width : 25%;
text-align : center;
}
.date
{
width : 15%;
text-align : center;
}
.colcodegauche
{
text-align : right;
}
.colcodedroite
{
text-align : left;
}
.tabpromo
{
margin:auto;
}
tr.lignefan:hover
{
background-color:#FFD05E;
}
.imgtri{
float:right;
margin-top:5px;
cursor:pointer;
}
.footer
{
	background:#DDDDDD;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #666666;
	height:16px;
	width:100%;
}
.footer a
{
	color: #666666;
}
.footer a:hover
{
	color: #FFFFFF;
}

/*D�but mise en page INFO  - CONDITIONS - HISTO *****************************************************************************************************/

a.menuaide, a.menuaide:active, a.menuaide:visited{
	text-decoration:none;
	color:#000000;
	background:none;
}
a.menuaide:hover{
	color:#FFFFFF;
	font-size: 14px;
	font-weight:bolder;
	background:none;
	background:#7DAAED;
}
a.contenaide, a.contenaide:active, a.contenaide:visited{
	font-weight:bolder;
	color:#000000;
	text-decoration:none;
}
a.contenaide:hover{
	font-weight:bolder;
	color:#CCCCCC;
    text-decoration:underline;
}
div.menuinfo {
	position:absolute;
	top:0px;
	left:7px;
	width:200px;
	height:100%;
}
div.info {
	text-indent:-7px;
	width:200px;
}
div.containerinfo {
	width:100%;
	margin : 0px;

}


div.blocinfo {
	display:block;
	vertical-align:middle;
}
.codeyo {
	color:#FF6600;
	font-style: italic;
	font-weight: bold;
}

/*infobulles*/

a.infobul {
    position:relative; /* Tr�s important */
    z-index:10;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.infobul:hover {
    z-index:20;
}

a.infobul span {
    display:none;
}

a.infobul:hover span { /*la tag SPAN apparaitra avec l�effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:10px;
       
    /* �l�ments pour positionner le texte dans la bulle */
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    width:205px;
	height:45px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:italic;
    font-size:10px;
    color:#222222;
    text-decoration:none;
    text-align:justify;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.infobul:hover>span { background-image:url(images/bgInfo.png);}
a.infobul:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo.png", sizingMethod="crop");}

a.infobul2 {
    position:relative; /* Tr�s important */
    z-index:10;
    color:#000;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

a.infobul2:hover {
    z-index:20;
        color:#FF885B;
}

a.infobul2 span {
    display:none;
}

a.infobul2:hover span { /*la tag SPAN apparaitra avec l�effet hover*/
    display:block;
    position:absolute;
    top:18px;
    left:-160px;
       
    /* �l�ments pour positionner le texte dans la bulle */
    padding-left:14px;
    padding-top:22px;
    padding-bottom:4px;
    padding-right:20px;
    width:205px;
	height:45px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-style:italic;
    font-size:10px;
    color:#222222;
    text-decoration:none;
    text-align:justify;
}

a.infobul2:hover>span { background-image:url(images/bgInfo2.png);}
a.infobul2:hover span { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgInfo2.png", sizingMethod="crop");}

/*liste sortables*/
.img_deplier {
      cursor:pointer;
    }
 /* Bo�tes */
 td.section {
		background-color:#FFFFFF;
		width:45%;
		border-style:solid;
		border-bottom:solid;
		border-width:2px;
		border-color:#FF885B;
		padding:5px;
    }
    td.sectionorder {
		background-color:#FFFFFF;
		padding:5px;
    }
    td.sectionnumber {
		padding:5px;
                text-align:right;
    }
    td.sectioncombo {
		padding:5px;
                text-align:right;
    }
	td.sectionbas
	{
		border-top:solid;
		border-width:3px;
		border-color:#FF885B;
	}
	table.alphabox
	{
		width:100%;
                text-align:center;
	  
	}
	table.listearticle
	{
		width:100%;
		text-align:center;
	}
	.trlistarticle
	{
	background-color : #FFFFFF;
	cursor:pointer;
	}

	.trlistarticle:hover
	{
	background-color:#FFEECC;
	}


    /* Titre */
    h3 {
      font-size: 12px;
      font-weight: bold;
    }

    /* 
       Pour visualiser les items qui peuvent �tre
       d�plac�s avec la souris
    */
    .lineitem {
      cursor: move;
	  width:100%;
	  text-align:center;
    }
    .numitem {
      display:block;
    }
    .lineitemcombo {
      cursor: move;
	  width:100%;
	  text-align:center;
          background-color:#DDEEAA;
    }
	.lineitem_nw {
	background: transparent url(img/up-left-c.gif) no-repeat 0 0;			
	width:7px;
	height:7px;
	}

	.lineitem_n {
	  background: transparent url(img/top-middle.gif) repeat-x 0 0;			
	  height:7px;
	}

	.lineitem_ne {
	  background: transparent url(img/up-right-c.gif) no-repeat 0 0;			
	  width:7px;	  
	  height:7px;
	}

	.lineitem_w {
	  background: transparent url(img/frame-left.gif) repeat-y top left;			
	  width:7px;
	}

	.lineitem_e {
	  background: transparent url(img/frame-right.gif) repeat-y top right;			
	  width:7px;	  
	}

	.lineitem_sw {
	  background: transparent url(img/bottom-left-c.gif) no-repeat 0 0;			
	  width:7px;
	  height:7px;
	}

	.lineitem_s {
	  background: transparent url(img/bottom-middle.gif) repeat-x 0 0;			
	  height:7px;
	}
	.lineitem_se {
	  background: transparent url(img/bottom-right-c.gif) no-repeat 0 0;			
	  width:7px;
	  height:7px;
	}
	
	td.colpub{
	width:160px;
	}
	
	td.colspace{
	width:1%;
	}
	
	td.colart1{
	width:74%;
	}
	
	td.colart2{
	width:24%;
	}
	
	.conteneurext{
	width:800px;
	margin:auto;
	}
	.headerext
	{
	width:800px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	}
	.headeryo
	{
	width:100%;
	text-align:center;
	}
	.titrepopext
	{
	color:#7DAAED;
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	}
	.colcentreetabbout
	{
	text-align : center;
	}
	.imagecombo
	{
	vertical-align:top;
	}
	.recapgauche
	{
	margin-left:20px;
	margin-right:10px;
	width:250px;
	min-height:160px;
	float:left;
	}
	.recapdroite
	{
	margin-left:10px;
	width:410px;
	min-height:270px;
	float:left;
	}
	.recapdroite_artiste
	{
	margin-left:10px;
	width:410px;
	min-height:160px;
	float:left;
	}
	.recapgauchesingle
	{
	margin-left:20px;
	margin-right:10px;
	width:250px;
	height:180px;
	float:left;
	}
	.recapdroitesingle
	{
	margin-left:10px;
	width:410px;
	min-height:180px;
	float:left;
	}
	.img_platform_recap
	{
	margin-left:10px;
	height:80px;
	float:left;
	}
	.list_img_platform
	{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:700px;
	}
	.recapphoto
	{
		width:160px;
		height:160px;
	}
	.recapliste
	{
		width:90%;
		margin:10px;
	}
	.recapdetail
	{
		width:270px;
		text-align:left;
	}
	.recapmorceau
	{
		text-align:left;
		border-bottom:1px dashed #DDDDDD;
		font-weight:bold;
	}
	.recaptime
	{
		float:right;
		color: #AAAAAA;
		font-weight:bold;
	}
	.recaptitre
	{
		text-align:left;
		border-bottom:1px solid #DDDDDD;
		font-weight:bold;
		font-size:20px;
		margin-top:10px;
	}
	.recapnumero
	{
		font-weight:bold;
	}
	.imgclicable
	{
		cursor:pointer;
	}
	.imgclictop
	{
		cursor:pointer;
		vertical-align:middle;
	}
	.showtarif
	{
		position:absolute;
		text-align:left;
		top:296px;
		left:256px;
		border-style:solid;
		border-width:1px;
		border-color:#FF885B;
		background-color:#FFFFFF;
	}
	.showtarifamazon
	{
		position:absolute;
		text-align:left;
		top:296px;
		left:46px;
		border-style:solid;
		border-width:1px;
		border-color:#FF885B;
		background-color:#FFFFFF;
	}
	.showtarifitunes
	{
		position:absolute;
		text-align:left;
		top:176px;
		left:26px;
		border-style:solid;
		border-width:1px;
		border-color:#FF885B;
		background-color:#FFFFFF;
	}
	.tarif
	{
		color:#FF885B;
	}
	.imgetatrep
	{
		background-color:#FFFFFF;
		border-style:solid;
		border-width:1px;
		border-color:#FF885B;
		height:20px;
		width:20px;
	}
	.noteprod
	{
		text-align:justify;
		width:200px;
		color:#999999;
	}
	.detailsingle
	{
		color:#999999;
		font-size:10px;
	}
	span.librecap
	{
		font-weight:bold;
	}
	span.librecap2
	{
		color:#999999;
	}
	
	 /* Page Bya */
	 .img_bya{
	text-align:center;
	padding:10px;
	}
	 .libcompte_bya{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	.txt_pres_bya
	{
	margin-left:20px;
	margin-right:20px;
	text-align : justify;
	}
	.infobya
	{
	margin-left:20px;
	margin-right:20px;
	text-align : center;
	font-weight:bold;
	}
	
	/* new modifstyle */
	
	.confstyle
	{
	float:left;
	height:320px;
	padding-bottom:15px;
	width:420px;
	}
	.menuconfstyle
	{
	float:left;
	width:95px;
	}
	ul.menustyle, .menustyle li
	{
	list-style:none outside none;
	margin:0;
	padding:0;
	}
	#styleform
	{
	margin-left:105px;
	}
	#stylepreview
	{
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #F6F6F6;
	margin-left:420px;
	padding:5px;
	width:300px;
	height:300px;
	}
	.menustyle li{
	color:#0084B4;
	cursor:pointer;
	font-weight:bold;
	padding:9px 15px;
	position:relative;
	white-space:nowrap;	
	}
	.tab-item{
	display:none;
	overflow:hidden;
	}
	.active{
		display:block;
	}
	.tabconfstyle
	{
	width:98%;
        background-color:#FFFFFF;
	border:solid;
	border-width:3px;
	border-color:#7DAAED;
	margin-left:5px;
        -moz-border-radius: 10px;  
        -webkit-border-radius: 10px;
		border-radius:10px;
	}
	.libconfstyle
	{
	}
	.blockcolor
	{
		margin-top:10px;
		margin-bottom:10px;
	}
	.libstylebloc
	{
		font-weight:bold;
		margin-top:10px;
		margin-bottom:5px;
		
	}
/*onglets css*/
#en-tete {overflow:hidden; width:90%;margin:auto;padding-left:5px}
#en-tete ul {margin:5px 16px 0 0; padding:0; list-style:none}
#en-tete li {float:left; margin-right: 3px}
#en-tete a, #actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url(img/coin-gauche-violet.png) 0% -250px no-repeat}
#en-tete span, #actif span {float:left; padding:6px 10px 3px 0; background:url(img/coin-droit-violet.png) 100% -250px no-repeat; color:#fff}
#actif {background-position:0 0}
#actif span {background-position:100% 0; color:#333}
#en-tete a:hover, #en-tete a:focus {background-position:0 0;color:#333;cursor:pointer;}
#en-tete a:hover span, #en-tete a:focus span {background-position:100% 0;color:#333;cursor:pointer;}

.select {
	background: url("img/select-violet.png") no-repeat scroll 0 -21px transparent;
    color: #FFFFFF;
    font: 12px/21px arial,sans-serif;
    height: 21px;
    overflow: hidden;
    padding: 0 24px 0 8px;
    position: absolute;
    width: 54px;
}
#menuselect {width:90%;margin:auto;margin-top:20px;text-align:right;}
#menuselectcache {width:90%;margin:auto;margin-top:20px;text-align:right;}
.moisselect {margin-left:10px;}
.labelselect {font: bold 14px Helvetica,Arial;}
a.liennoirartspe{color:#000000;font-weight: bold;font-size: 9px}
a.liennoirartspe:hover{color:#CC99FF;font-weight: bold;}

/*nouvel assistant*/
.contenuaction{
  height:260px;
  background-color:#FFFFFF;
  width:100%;
   -moz-border-radius:0px 0px 10px 10px;
-webkit-border-radius:0px 0px 10px 10px;
border-radius:0px 0px 10px 10px;
border-top: 3px solid #7DAAED;
}
.actiontxt{
  margin:auto;
  text-align:center;
}
.actiontxt h1
{
  width:630px;
  margin:auto;
  margin-top:15px;
  }
#triangle-down {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-top: 100px solid red;
}
.blocformfile{
  border:solid;
	border-width:2px;
	border-color:#FFFFFF;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin-bottom:2px;
	 padding:10px 0;
	 width:98%;
	 margin:auto;
}
.btnaccount {
	float: left;
	clear: both;
	background: url(img/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btnaccount a{
	float: left;
	height: 40px;
	background: url(img/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
}
.btnaccount span {
	background: url(img/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.btnaccount_free { background-color: #CC99FF;}
.btnaccount_artist { background-color: #99FF33;}
.btnaccount_label { background-color: #7DAAED;}
.btnassist {
	float: left;
	clear: both;
	background: url(img/btn_left.png) no-repeat;
	padding: 0 0 0 10px;
	margin: 5px 0;
}
.btnassist a{
	float: left;
	height: 40px;
	background: url(img/btn_stretch.png) repeat-x left top;
	line-height: 40px;
	padding: 0 10px;
	color: #000;
	font-size: 1.5em;
	text-decoration: none;
}
.btnassist span {
	background: url(img/btn_right.png) no-repeat;
	float: left;
	width: 10px;
	height: 40px;
}
.clear {
	clear: both;
}

/*******************MODIF QUENTIN*************************/

.visunews
{
	margin-left : 75px;
	padding : 5px;
}

.deuxieme_selection
{
	margin-top: 15px;
	margin-left : 75px;
}
.selection_langue
{
	margin-left : 150px;
}


.centre
{
	width : 100%;
}



.titrenewsletter
{
	color:#FDB559;
	font-size: 17px;
	font-weight: bold;
	margin-left:10px;
}



table.newsletterselectgrpe
{
	width : 100%;
	background-color:#F8ECA4;
	height:40px;
	-moz-border-radius:0px 0px 10px 10px;
	-webkit-border-radius:0px 0px 10px 10px;
	border-radius:0px 0px 10px 10px;
}

.tabnewsletter
{
	width:98%;
	margin:auto;
	border:solid;
	border-width:3px;
	border-color:#FDB559;
	-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
}

table.tablenewsletter
{
	margin-top:5px;
	margin-bottom:5px;
	text-align : justify;
	background-color:#F8ECA4;
	width:100%;
}


.trinewsletter
{
	cursor:pointer;
}
.trinewsletter:hover
{
	background-color:#EE4435;
}
.trinewsletter2
{
	background-color:#FDB559;
}


.tinymceFull
{
	margin-left : 50px;
}

.tinymceMini
{
	margin-left : 30px;
}

.liste_email
{
	margin-left : 100px;
}

.fond_texte
{
	margin-left : 15px;

	border:solid;
	border-width:3px;
	border-color:#FDB559;
        -moz-border-radius: 10px;  
         -webkit-border-radius: 10px;
		 border-radius:10px;
	height : auto;
	min-height : 200px;
	padding-top : 25px;
	padding-left : 20px;	
	background : white;
}

.tabselectfanpop
{
	width:98%;
	border:solid;
	border-width:3px;
	border-color:#FDB559;
	background-color:#F8ECA4;
	-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin: 0px auto;
	min-height :	200px;
	padding-top : 25px;
}

.envoinewsletter
{
	margin-left : 300px;
}

/**************alexandre************/
div.utilisateur1 {
	margin: auto;
	font-weight:bold;
	text-align: center;
}

div.champaction1 {
font-weight:bold;
}

div.champaction2 {
font-weight:bold;
}

div.champaction3 {
font-weight:bold;
}

div.champaction4 {
font-weight:bold;
}

div.champaction5 {
font-weight:bold;
}

div.creationuser {
	border:solid;
	border-width:1px;
	border-color:#FFFFFF;
		-moz-border-radius: 10px;  
	 -webkit-border-radius: 10px;
	 border-radius:10px;
	 margin-bottom:2px;
	 background-color:white;
	 padding: 5px;
}

div.email {
	margin: auto;
	font-weight:bold;
	text-align: center;
	float: left;
}

div.creationuser input {
	margin-left: 15px;
}
/**************************/
.editor_field
{
        width : 50px;
}
.tabarticlepop .rowform label 
{
        width :340px;
}
.tabcom .rowform label 
{
        width :302px;
}


.tabarticlepop .blocform  
{
        margin-left :10px;
        margin-right :10px;                    
}

div.choixstock {
    background-color: white;
    border: 1px solid #CCCCCC;
    font-size: 1em;
    margin: 0;
    max-height: 100px;
    overflow: auto;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 160px;
}
div.choixstock ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
div.choixstock ul li:hover {
    background-color: #EAF2FB;
}
div.choixstock ul li {
    cursor: pointer;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 2px;
}
div.rowform .deuxieme_selection label {
	text-align:right;
	margin:5px;
	float:none;
	width:240px;
	font-weight:normal;
	margin:5px;
 }

div.rowform .selection_langue label {
	text-align:right;
	margin:5px;
	float:none;
	width:240px;
	font-weight:normal;
	margin:5px;
 }
 
 .ongletcreauser 
{
	font-weight: bold;
	text-transform: uppercase;
	border : 2px solid white;
	cursor:pointer;
	-moz-border-radius: 10px 10px 0px 0px;  
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	padding : 7px;
}
.ongletcreauser_select 
{
	font-weight: bold;
	text-transform: uppercase;
	background-color : white;
	border : 2px solid white;
	cursor:pointer;
	-moz-border-radius: 10px 10px 0px 0px;  
	-webkit-border-radius: 10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
	padding : 7px;
}