/* CSS Document */
body
{
	behavior:url('menu.htc');
/*	width: 960px;*/
	width: 1100px;
	margin: auto;
	margin-top: 1px;
	margin-bottom: 0px;
	background-color: #000000;
	font-family:"Comic Sans MS";
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	font-variant: normal;
	font-style: normal;
	overflow: hidden;
}

/* L'en-tête */
#header
{
	width: auto;
	height: 120px;
	background-position: center;
	overflow: hidden;
/*	background-color: #00FF00;*/
/*	position: relative;*/
}

/* Le menu */
#menu
{
	float: left;
	width: 235px;
	height: 480px;
/*	background-color: #CCCCCC;*/
}

/* Le corps de la page */
#centre
{
		
	width:800px;
	height: 920px;
	margin-bottom: 5px;
	padding: 4px;
	overflow: auto;
	border-top: 1px solid #999999;
	border-right: 1px none #999999;
	border-bottom: 1px none #999999;
	border-left: 1px solid #999999;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */
#pied
{
	width: 960px; /*correspond a la longueur de l'entete qui */
   height: 15px;
   padding: 2px;
   text-align: center;
/*  background-color: #626262; */
}

/* the menu */
ul,li {
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
	display:block;
	margin:0;
	padding:0;
	border:0;
}
ul {/*specificité 1er conteneur de boutons*/
width: 200px;
list-style: none;
margin:0;
padding:0;
}
li {
	position:relative;
	padding:1px;
	padding-left:10px;
	z-index:5;
	vertical-align: middle;
/*	background-color: #CCCCCC;*/

}

/*liens*/
li a:hover {
color: #fff;/*couleur texte blanc bouton SUR SURVOL*/
background: url(menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
height: 24px;
}
li a:link {
	color: #9E3C02;
	display: block;
	background: url(menu4.gif);
	padding: 8px 0 0 30px;
	text-decoration: none;
	border-style: solid solid none solid;
	border-color: #D76100;
	border-size: 1px;
	border-width: 1px;
height: 24px;
}
li a:visited {
color: #9E3C02;/*couleur texte marron bouton actif*/
display: block;
background: url(menu4.gif);
padding: 8px 0 0 30px;/*marge bouton actif*/
text-decoration: none;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
height: 24px;
}
li a:active {
color: #fff;/*couleur texte blanc bouton actif*/
background: url(menu4.gif);
padding: 8px 0 0 30px;
text-decoration: none;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
height: 24px;
}
li.rubrique a:hover {
color: #fff;/*couleur texte blanc bouton actif*/
background: url(menu4.gif) 0 -32px;
padding: 8px 0 0 30px;
border-style: solid solid none solid;
border-color: #D76100;
border-size: 1px;
border-width: 1px;
}

/* others */
		
li.rubrique ul {/*position des sous boutons et ss ss boutons */
	position:absolute;
	left:160px; /* IE */
	top:5px;
}		
li.rubrique:hover { /*permet aux sous menus d'etre au dessus des menus*/
z-index:10; }

/*pour faire apparaitre les sous menus*/		
li:hover ul, li:hover li:hover ul {
	display:block;
}
ul ul, li:hover ul ul {
	display:none;
}


								/***** Definition du style *****/
/* style de fond du menu*/
.menu {
	border:0px;
	padding:0px;
	margin: 0px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-style: normal;
}
.orange {
	border: 1px solid #FF3333;
}

.none {
border-style:none;
}  
/* defini le style des liens */
/* tous les liens seront en orange */
a.forum {
	color: #FF9933;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
} 
/* defini le style sur passage de la souris tous les liens seront en NOIR */
a.forum:hover {
	text-decoration: none;
	color: #CCCCCC;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
}
/* defini le style deja visité tous les liens seront en gris foncé  */
a.forum:visited {
	text-decoration: none;
	color: #FF9933;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: lighter;
}
/* tous les liens seront en blanc */
a {
	color: #FFFFFF;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
} 

/* style d'un lien sur une image */
a img{border :none;}

/* defini le style des boutons */

input,textarea {
	background-color:#999999;
	font-family:"Times New Roman", Times, serif;
	color:#FFFFFF;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	background-position: left;
}
input.bouton:link {
	border:2px outset #FF3333;
	font-weight:normal;
	cursor:hand;
	color: #FF6600;
}
input.bouton:hover {
	font-family:"Times New Roman", Times, serif;
	background-color:white;
	color:#FF3300;
	font-size: 14px;
	font-weight: normal;
	cursor: hand;
}
input.bouton:active {
	border:2px inset #FF3300;
	background-color:#CCCCCC;
	color:#FF6600;
	cursor: hand;
} 

/*DIFFERENTS STYLE DU SITE*/
.contour {
	border-top: 1px solid #999999;
}
.contour2 {
	border-right: 1px solid #999999;
}

.titre1 {  /* gros titre en gris */
	font-family:"Comic Sans MS";
	color:#CCCCCC;
	font-size:16px;
	font-weight:normal;
}
.titre2 {  /* moyen titre en orange */
	font-family:"Comic Sans MS";
	color:#FF6600;
	font-size:16px;
	font-weight:normal;
}
.style1 { /* texte normal en gris */
	font-family:"Comic Sans MS";
	color:#CCCCCC;
	font-size:14px;
	font-weight:normal;
	font-variant: normal;
	font-style: normal;
}
.style2 {/* texte normal en orange */
	font-family:"Comic Sans MS";
	color:#FF6600;
	font-size:14px;
	font-weight:normal;
	font-variant: normal;
	font-style: normal;
}