/*==================*/
/*  CODES COULEURS  */
/*==================*/
/* Couleurs générales :
*/
   



/*===================*/
/* STYLES PAR DEFAUT */
/*===================*/

BODY {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
	color: #000000;
	margin: 0px;
	padding: 0px;
}


TABLE {
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
	margin: 0px;
    padding: 0px;
}


TD {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: top;
    color : #000000;
	border-width: 0px;
	border-style: none;
	border-spacing: 0px;
    margin: 0px;
    padding: 0px;
    text-align: left;
}


P {
     font-family: arial, helvetica, sans-serif;
     margin: 0px;
     color: #000000;
     font-size: 10pt;
     vertical-align: top;
}


A {
  	color : #441973;
    text-decoration : none;
	font-weight : bold;
}

A:hover {
    color : #5555FF;         
    text-decoration : underline;
}

A:active {
    color : brown;
    text-decoration : none;
 }

IMG {
	border: 0px;
}
     
pre {
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
    vertical-align:top;
    color : #000000;
	margin-top:0px;
    overflow: auto;
	width: 800px;
	height: 200px;
}


FORM {
	margin: 1px;
}

INPUT, TEXTAREA, SELECT {
	font-family: arial, helvetica, sans-serif;
    font-size: 10pt;
	width: 150px;
}

INPUT[type=checkbox] {
	width: 20px;
}


DIV {
	z-index: 0;
}


.identification {
    font-size: 10px;
	width: 100px;
	height: 12px;
	margin-bottom: 2px;
}

.bouton {
	width:150px; 
	border: 1px solid #84B618; 
	font-weight:bold;
}



/*=====================*/
/* STYLES PARTICULIERS */
/*=====================*/
#page {
		width: 1280px;
		border: 0;
		text-align: center;
}

.entete {
	font-size:30px;
	color: #FFFFFF;
 	height: 100px;
	vertical-align: middle;
	background-image: url('img/background_entete.jpg');
	background-repeat: no-repeat;
	}

.entete a {
	color: #FFFFFF;
	text-decoration: none;
}

.entete a:hover, .entete a:focus, .entete a:active {
	color: #FFFFFF;
	text-decoration: none;
	border: 2px solid #FFFFFF;
}

.table_entete {
	border-bottom:2px solid #000000;
	}
	
.filtre {
	font-size:10pt;
 	height: 30px;
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	}
	
    
.erreur	{
	color: #DD0000;
	font-weight: bold;
	}
	
.ok 	{
	color: #00BB00;
	font-weight: bold;
	}
	

.edition {
	border: 1px solid #BBEEBB;
	background-color:#EEFFEE;
	padding: 5px;
	}


.audio_ligne1 {
	background-color:#BBEEBB; 
	vertical-align:middle;
	}
	
.audio_ligne2 {
	background-color:#EEFFEE; 
	vertical-align:middle;
	}

.video_ligne1 {
	background-color:#F2D7C2; 
	vertical-align:middle;
	}
	
.video_ligne2 {
	background-color:#FEC78B; 
	vertical-align:middle;
	}

.jeuxvideo_ligne1 {
	background-color:#9EA6D5; 
	vertical-align:middle;
	}
	
.jeuxvideo_ligne2 {
	background-color:#B5BCE8; 
	vertical-align:middle;
	}

.popup_titre {
	color: #008800;
	font-weight: bold;
}

.popup_titre_audio {
	color: #008800;
	font-weight: bold;
}

.popup_titre_video {
	color: #D05D17;
	font-weight: bold;
}

.popup_titre_jeuxvideo {
	color: #5A52EF;
	font-weight: bold;
}

.popup_artiste {
	color: #000000;
	font-weight: bold;
}


/*===========================*/
/*          INFOBULLE        */
/*===========================*/
#infobulle {
	z-index: 99;
  	color: #000000;  	
	position: absolute;    	
	display: none;
  	top: -300px;  	
	border: 1px solid #00CC00;  	
	padding: 10px;  	
	font-family: Arial, Helvetica, sans-serif;  	
	font-size: 10pt;  	
	background-color: #FFFFFF;
}


#bloc_identification {
	z-index: 1;
	position:absolute; 
	top: 10px; 
	right: 20px; 
	width: 120px;
	height: 70px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
}

#stats {
	width: 100%;
	height: 30px;
	position:relative; 
	background-color: #CCCCCC;
	color: #000000;
	font-weight: normal;
	font-size: 10pt;
	text-align: center;
	vertical-align: middle;
}

#bloc_souhaits {
	width: 780px;
	height: 240px;
	/* height: 120px; */
	position: relative;
	border: 1px dotted #555555;
}

#souhaits {
	width: 730px;
	height: 118px;
	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	overflow: auto;
}

#souhaits2 {
	width: 100%;
	height: 238px;
	position: relative;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	font-size: 10pt;
	text-align: center;
	vertical-align: top;
	overflow: auto;
	border: 1px dotted #000;
}


#bloc_mosaique {
	width: 780px; 
	height: 290px;
	position: relative;
	border: 0;
}


#mosaique {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

#mosaique li {
        float: left;
		width: 90px;
		height: 90px;
        margin: 2px;
        padding: 0px;
        text-align: center;
		vertical-align: middle;
		position: relative;
}

#mosaique li a{
        display: block;
		background-color: #000000;
}

#mosaique li a:hover, #mosaique li a:focus, #mosaique li a:active {
        background-color: #00AA00;
}