/*
css/styles_balck.css
---------
Par Bismuth

Créé le 28/08/2010


Description : feuille de style global

*/

/* Body */
body
{
	width: 100%;
	margin: auto;
	margin-top: 5px;
	margin-bottom: 5px; 
	background: #000000;
	color : #FFFFFF;
	FONT-SIZE: 10pt;
	FONT-FAMILY: "Comic Sans MS";
	/*border: 1px solid black;*/
}


/* élément menu*/
.element_menu
{
   background-color: #424242;   
   border: 2px solid red;  
   margin-bottom: 5px;
   padding: 5px;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; 
   border-radius: 10px;
}

.element_menu p
{ 
   text-align: center;
   font-weight: bold;
}

.element_menu a
{
   color: #B3B3B3;
}

.element_menu a:hover
{
   background-color: #B3B3B3;
   color: black;
}


/* Mise en page */
.sousligner
{
   text-decoration: underline;
}

.erreur
{
   font-weight: bold;
   color: red;
}

.citation
{
	border: 1px solid white;
	width: 50%;
	font-family: Verdana, 'Trebuchet MS', Tahoma, 'Times New Roman', Times, serif;
	text-align: left;
	font-size: 11px;
}

#prev /* Prévisalisation message et news*/
{
	border: 1px dashed white;
	padding: 0.2em;
	height: 200px;
	overflow: auto;
	width: 450px;
}

/* Tableau */
table
{
	border-color: #000000;
	COLOR: #FFFFFF;
	/*background= #FFCD01;*/
	FONT-FAMILY: "Comic Sans MS";
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 11pt
}

td 
{
	COLOR: #FFFFFF;
	/*background: #FFCD01;*/
	border-color: #FFFFFF;
	FONT-FAMILY: "Comic Sans MS";
	FONT-SIZE: 10pt;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: 11pt
}

.titre
{
   background: #424242;
   COLOR: #FFFFFF;
   text-align: center;
   /*font-weight: bold;*/
}


/* News*/
h1, h3
{
    text-align:center;
}
h3
{
    background-color: #CCCCCC;
    color:black;
    font-size:0.9em;
    margin-bottom:0px;
   -moz-border-radius: 10px 10px 0 0; 
   -webkit-border-radius: 10px 10px 0 0; 
   border-radius: 10px 10px 0 0;
}
.news p
{
    background-color: #424242;
    margin-top:0px;
   -moz-border-radius: 0 0 10px 10px; 
   -webkit-border-radius: 0 0 10px 10px; 
   border-radius:  0 0 10px 10px;  
}
.news
{
    width:70%;
    margin:auto;
}


/* Formulaires */
textarea
{
	BACKGROUND-COLOR:#FFFFFF;
	/*COLOR: #FF0000;*/
	/*HEIGHT: 180px;*/
	/*WIDTH: 250px;*/
	BORDER-BOTTOM: black 1px double;
	BORDER-LEFT: black 1px double;
	BORDER-RIGHT: black 1px double;
	BORDER-TOP: black 1px double;
	FONT-FAMILY: verdana;
	FONT-SIZE: small;
	/*FONT-WEIGHT: bold;*/
}

label
{
	display:block;
	width:350px;
	text-align:left;
} 


fieldset
{
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	border: 2px solid red;
}


/* Liens 

? a:link: lien normal, non visité;
? a:visited: lien visité;
? a:hover: état du lien lorsque le curseur de l'internaute passe dessus;
? a:active: lien sélectionné par clic.
*/
A:active
{
	TEXT-DECORATION: none;
	color: #606060 ;	
}

A:link
{
	TEXT-DECORATION: underline;
	color: #A4A4A4;
	font-weight: bold;

} 

a:visited
{
	TEXT-DECORATION: underline;
	color: #909090;
}

A:hover
{
	TEXT-DECORATION: none;
	color: #909090;
}


/*Infos Bulles*/

div.info/* infobulle déplacement*/
{
	background: black;
	color: white;
}

a.info 
{
   position: relative;
   color: white;
   text-decoration: none;
   /*border-bottom: 1px gray dotted; /* on souligne le texte */
}

a.info span 
{
   display: none; /* on masque l'infobulle */
}

a.info:hover 
{
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}


a.info:hover span
{
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   /* white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 0px;

   background: black;

   color: white;
   font-size: small;
   font-weight: normal;
   padding: 3px;

   border: 1px solid #424242;
   border-left: 4px solid #424242;
   border-bottom: 4px solid #424242;
   
   width: 250px;
}


/* Onglets */
.onglet { 
	margin: 0; 
	padding: 3px;
	text-align: center;
	font-weight: bold; 
	list-style: none; 
} 
.onglet li { 
	display: inline; /* affichage horizontal */ 
} 
.onglet li a { 
	padding: 5px 40px; 
	margin: 0;
	border: 1px solid #89a; 
	text-decoration: none; 
	-moz-border-radius: 10px 10px 0 0; 
	-webkit-border-radius: 10px 10px 0 0; 
	border-radius: 10px 10px 0 0;         
	-webkit-border-top-left-radius: 10px; /* pour Chrome */ 
	-webkit-border-top-right-radius: 10px; /* pour Chrome */ 
 }
a.onglet_actif { 
	background: #CCCCCC; 
	color: #000; 
}
a.onglet_inactif { 
	background: #000000; 
	color: #fff; 
}


/* Image */
IMG
{
	border:0px;
}