/* CSS Document */

/* CSS Document */
#SLOT{
position:relative;
width:950px;
height:600px;
margin-left:auto; margin-right:auto;
background:#000000;

}

/* body background */
body {background-color: #000000;}
/* body background */


/* prechargement image */
.preloadimg {display:none;}
/* prechargement image */

.soustitredefinition {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; text-align:center; font-style:italic;
	color:#b25800;
}

.txtplan {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; text-align:left; font-weight:bold;
	color:#FF0000; text-decoration:underline;
}
.txtplancase {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px; text-align:left; font-style:italic;
	color:#b25800;
}


#header{
position:relative;
width:950px;
height:100px;
margin-left:auto; margin-right:auto;
z-index:1;
}

/* LIGNE EN DESSOUS DU HEADER (mini menu rapide)*/

#conteneurpetitmenu{
position:relative;
height:14px; width:505px;
margin-left:auto; margin-right:0; z-index:2;
}

ul#petitmenu {
margin:0;
padding:0;
font-family:"Georgia", Times New Roman, Times, serif;
font-size:13px;
list-style:none;
text-decoration:none;
}

#petitmenu li{
display:inline; font-family:"Georgia", Times New Roman, Times, serif; font-size:13px; 
}

#petitmenu a {
color:#CCCCCC;
text-decoration:none; font-family:"Georgia", Times New Roman, Times, serif; font-size:13px;
}

#petitmenu a:hover {
color:#b25800;
text-decoration:none; font-weight:bold; font-family:"Georgia", Times New Roman, Times, serif; font-size:13px; 
}
/* LIGNE EN DESSOUS DU HEADER (mini menu rapide)*/



/* LIGNE EN DESSOUS DU Quickmenu (titre)*/
#titre {
	position:relative;
	width:950px; 
	height:25px;
	margin-left:auto;
	margin-right:auto;
}
/* LIGNE EN DESSOUS DU Quickmenu (titre)*/

/* LE MENU PRINCIPAL */

#divplacement{
position:relative;
width:470px;
height:80px;
margin-left:auto; margin-right:auto;
}
/* LE MENU PRINCIPAL */


/* PREPARATION SOUS MENU */

#conteneursousmenuetaffichage{
position:relative;
width:900px;
margin-left:auto; margin-right:auto;
}

#contiensousmenu{
float:left;
width:210px;
height:250px;
margin-top:25px;
margin-left:10px;
}

/* PREPARATION SOUS MENU */

/* AFFICHAGE PRINCIPAL */

#affichage{
float:left;
width:550px;
margin-top:25px;
margin-left:25px;
}


ul#sousmenu
{	display:block;
	width:220px;
	margin-left:0; margin-right:auto;
	margin-top:auto;
	height:auto;
	padding: 0px ;
	list-style-image:url(imgsdiverses/puces.jpg); color:#b25800/* Suppression du margin, du padding et des puces du <ul> */
}

ul#sousmenu li
{
	margin: 0 0 10px 0 ;
	padding: 0 ;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#sousmenu li a
{	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 220px ;
	line-height: 25px ;
	color:#CCCCCC ;
	text-indent: 0px ; /* On décale le texte de 50px du bord gauche */
	text-decoration: none ; font-family:"Georgia", Times New Roman, Times, serif; font-size: 13px;
	background:#000000; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: none ;
}

ul#sousmenu li a:hover
{
	background:#000000 ; /* Et ici on décale l'image du background de -50px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: none ;
	color:#b25800;
	text-decoration: none ; font-family:"Georgia", Times New Roman, Times, serif; font-size: 12px; font-weight:bold;
}