/*==========================*/
/*      STYLES ESPACES      */
/*==========================*/


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

TEXTAREA {
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
}

IMG {
	border: 0;
}

A {
  	color : #ae5e00;
    text-decoration : none;
}

A:hover {
    color : #FFFFFF;         
}

A:active {
    color : #555555;
    text-decoration : none;
 }

 TD {
	vertical-align: top;
 }
 
 TD.fav {
	width: 70px;
	text-align: center;
 }
 
.case {
	display:-moz-inline-box;
	display: inline-block;
	position: relative;
	padding: auto;
	padding-top: 5px;
	margin-top: 20px;
	margin-right: 20px;
	width: 90px;
	height: 90px;
	background-color: #FFFFFF;

	-moz-box-shadow: 10px 10px 10px #333333;
	-webkit-box-shadow: 10px 10px 10px #333333;
	box-shadow: 10px 10px 10px #333333;

	border: 1px solid #000000;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-left-radius: 20px;
	
	text-align:center;
}
 
 .gris {
	color: #AAAAAA;
 }
 
.ombre {
	-moz-box-shadow: 5px 5px 5px #DDDDDD;
	-webkit-box-shadow: 5px 5px 5px #DDDDDD;
	box-shadow: 5px 5px 5px #DDDDDD;
}

.cadre_semi_arrondi {
	border: 1px solid #DDDDDD;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}

/*===========================*/
/*          INFOBULLE        */
/*===========================*/
#infobulle {
	z-index: 99;
  	color: #ae5e00;
  	position: absolute;  
  	display: none;
  	top: -300px;
  	/* border: 1px solid #00CC00; */
  	padding: 2px;
  	font-family: Arial, Helvetica, sans-serif;
  	text-align: center;
  	font-size: 11pt;
	font-weight: bold;
  	background-color: #000000;
}


#favoris_1, #favoris_2  {
	z-index: 1;
  	color: #ae5e00;
  	background-color: #000000;
  	position: relative;  
  	padding: 0px 2px 2px 2px;
  	font-family: Arial, Helvetica, sans-serif;
  	font-size: 9pt;
	font-weight: normal;
	overflow: auto;
	width: 250px;
	height: 600px;
	vertical-align: top;
}

#favoris_1  {
	border-right: 1px dotted #333;
}

#favoris_2  {
	border-left: 1px dotted #333;
}

.entete_favoris {
	width: 225px;
	color: #CCC;
	/* background-color: #CCC; */
	border-bottom: 2px solid #CCC;
	font-size: 10pt; 
	font-weight: bold;
	text-align: right;
}

#favoris_1 .entete_favoris {
	padding-left: 5px;
}

#favoris_2 .entete_favoris {
	padding-right: 5px;
}


#ajout_favoris {
	z-index: 50;
	position: absolute;
	top: 200px;
	left: 400px;
	width: 450px;
	height: 250px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	padding: 10px;
}

#edit_favoris {
	z-index: 50;
	position: absolute;
	top: 200px;
	left: 400px;
	width: 450px;
	height: 250px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	padding: 10px;
}

#ajout_categorie {
	z-index: 50;
	position: absolute;
	top: 200px;
	left: 400px;
	width: 400px;
	height: 200px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	padding: 10px;
}

#edit_categorie {
	z-index: 50;
	position: absolute;
	top: 200px;
	left: 400px;
	width: 400px;
	height: 200px;
	border: 1px solid #555555;
	background-color: #FFFFFF;
	padding: 10px;
}



.entete {
	width: 500px; 
	text-align: left; 
	font-size: 11pt; 
	font-weight: bold;
}



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

#mosaique li {
        float: left;
		width: 200px;
		height: 25px;
        margin-bottom: 5px;
        padding: 0px;
        text-align: left;
}

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

#mosaique li a:hover {
        background-color: #ae5e00;
		color: #FFF;
}

#mosaique li a:active, #mosaique li a:focus {
        background-color: #ae5e00;
		color: #000;
}