@charset "utf-8";
/*
 _________________________________________________________
[                                                         ]
[ CSS Document pour barre des tâches de doyousoundgood.ca ]
[       E-mail : michael.therrien@doyousoundgood.ca       ]
[         Site Web : http://www.doyousoundgood.ca         ]
[   Merci de pas copier ce document sans ma permission    ]
[_________________________________________________________]

*/

.barre_main			{	position:fixed; 				/*Barre des tâches*/
 						background-color:#CCCCCC; 
						border:1px #000000 solid;
						height:20px;
						width:auto;
						z-index:auto;
						bottom:0px;
						right:10px;
						left:10px;
						z-index:0;
					}
.barre_main input 	{ 	position:fixed; 				/*Les boutons de la barre des tâches*/
						border:1px solid #000000;
						background-color:#CCCCCC;
						height: 22px;
						left: 20px;
						font:Tahoma;
						color:#000000;
						z-index:2;
					}
.barre_coulissante  {	position:fixed; 				/* Barre coulissante de la barre des tâches */
						overflow:auto;
						background-color:#FFFFFF;
						border:1px solid #000000;
						height:300px;
						width:200px;
						margin-left: 14px;
						bottom:21px;
						font:Tahoma;
						color:#0066CC;
						z-index:2;
					}

.barre_coulissante div.top								 /* Le header de la barre coulissante*/
					{	position:relative;
						color:#FFFFFF;
						font:Tahoma;
						font-size:12px;
						background-color:#0099CC;
						border:1px solid #000000;
						width:auto;
						z-index:2;
						margin-top:0px;
						top: -1px;
						left: 0;
					}
.barre_coulissante div.bouton_amis 						/* Les boutons amis dans la liste d'amis */
					{   position:relative;
						font-size:12px;
						border:0;
						padding:0;
						margin:0;
						z-index:2;
						height:35px;
						width: 90%;
						cursor:pointer;
					}

.barre_coulissante div.bouton_amis:hover  				/* Quand on passe notre souris sur les boutons amis*/
					{	background-color:#AFCFE7
					}

.barre_coulissante span.enlige 							/* Le texte en ligne du bouton amis*/
					{
						position:absolute;
						background-color:#D9EAF4;
						color:#009900;
						right:0;
						top:0;
					}
.barre_coulissante span.pseudo 							/* Le texte pseudo du bouton amis */
					{
						position:absolute;
						color:#000000;
						font-style:bold;
						margin-left:5px;
						top:12px;
						
					}
.barre_main input:hover 								/* Quand on passe notre souris sur les boutons de la barre des tâches */
					{	background-color:#FFFFFF;
						border:none;
						height:20px;
					}
.barre_main_bouton_1  									/* bouton de la barre des tâches*/
					{	margin-top:-1px;
						margin-left:6px;
					}