/*########################   HELP   #############################*/
/*
padding:top right bottom left;
*/
/*########################   BODY   #############################*/
body
{
	width: 850px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url("../images/background.png");
	background-repeat: repeat-x;
	background-color:silver;
	color: maroon;
	font: 67.5% Arial, "Arial Black", "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 12pt;
	text-align: justify;
	text-justify: newspaper; 
}

body a, a:visited
{
	color: maroon;
}

body a:hover
{
	background-color:silver;
	color: maroon;
}
/*########################   HEADER   #############################*/
#entete
{
   width: auto;
   height: 137px;
   background-image: url("../images/header.png");
   background-repeat: no-repeat;
   margin-bottom: 25px;
   background-position: center;
}
#entete img
{
   width: 100px;
   height: 100px;
   float: left;
}
/*########################   TOOLBAR   #############################*/
#toolbar
{
   width: auto;
   height: 25px;
   /*background-color: black;*/
   margin-bottom: 15px;
   color: silver;
}

/*########################   CONNEXION   #############################*/
#box_connexion{
	padding: 5px;
	font-size:8pt;
	border: 0px silver solid;
	-moz-border-radius: 5px;
	text-align:right;
}

#box_connexion input{
	width:75px;
	height:14px;
	background-color: silver;
	color: maroon;
	font-size:8pt;
}

#box_connexion input.btn{
	font-size:8pt;
	height:20px;
	background-color:black;
	border:1px solid;
	border-color: silver grey grey silver;
	color: silver;
}

#box_connexion p{
	font-size:10pt;
}
/*########################   BOX POUR TEXTE   #############################*/
#box_text{
	border: 2px black solid;
	width:auto;
	height:auto;
	padding:10px 25px 10px 25px;/*top-right-bottom-left*/
	margin-top:30px;
	-moz-border-radius: 15px;
}
/*########################   INTRO/ACCEUIL   #############################*/
#box_intro{
	border: 2px black solid;
	width:auto;
	height:auto;
	padding:10px 25px 10px 25px;/*top-right-bottom-left*/
	margin-top:30px;
	-moz-border-radius: 100px;
}
/*########################   Affichage des pages   #######################*/
#box_std{
	width: auto;
	height:auto;
	margin-top:10px;
	padding:10px;
	border: 2px black solid;
	-moz-border-radius: 15px;
	text-align: center;
}

#box_std input{
	width:150px;
	height:16px;
	background-color: silver;
	color: maroon;
	font-size:8pt;
}
#box_std  select{
	width:155px;
	height:22px;
	background-color: silver;
	color: maroon;
	font-size:8pt;
}
#box_std  textarea{
	background-color: silver;
	color: maroon;
	font-size:8pt;
}
#box_std input.btn{
	font-size:10pt;
	height:25px;
	background-color:silver;
	border:1px solid;
	border-color: silver grey grey silver;
}

#box_std a.lien_std, a.lien_std:visited
{
	color: maroon;
}

#box_std a.lien_std:hover
{
	background-color:maroon;
	color: silver;
}

#box_std_index{
	width: auto;
	height:auto;
	margin-top:10px;
	padding:10px;
	border: 2px black solid;
	-moz-border-radius: 15px;
	text-align: center;
}
#box_std_index img.img{
	width:auto;
	height:auto;
	float: left;
}

/*########################   FOOTER   #############################*/
#box_footer{
	width:auto;
	height:auto;
	margin-top:25px;
	padding:10px;
	text-align: center;
	border: 2px black solid;
	-moz-border-radius: 15px;
}
/*########################   COMPTEUR   #############################*/
#box_compteur{
	width:auto;
	height:auto;
	margin-top:10px;
	padding:10px;
	text-align: center;
	border: 2px black solid;
	-moz-border-radius: 15px;
}
#box_compteur p{
	line-height:2px;
}

/*########################   MENU   #############################*/
.menu{
	border:none;
	border:1px solid transparent;
	margin-left:0px;
	padding:0px;
	font: 67.5% Arial, "Arial Black", "Times New Roman", Times, serif;
	font-size:14px;
	font-weight:bold;
	
	}
.menu ul{/*sou-menu*/
	width:100%;
	position: relative;
	background:transparent;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
	-moz-border-radius: 15px;
	}

	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{/*menu*/
		background:silver url("../images/bgmenu.png")repeat-x;
		color:maroon;
		display:block;
		font-weight:bold;
		line-height:35px;
		margin:0px;
		padding:0px 25px;
		text-align:center;
		text-decoration:none;
		-moz-border-radius: 15px;
		
		}
		.menu li a:hover, .menu ul li:hover a{
			background: silver url("../images/hover.gif") bottom center no-repeat;
			color:maroon;
			text-decoration:none;
			border-bottom:1px maroon solid;
			}
	.menu li a.active, .menu li a.active:hover{
		background:  silver url('../images/hover.gif') bottom center no-repeat;
		color:maroon;
		text-decoration:none;
		border-bottom:1px maroon solid;
		}
	.menu li ul{
		background:silver;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('../images/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{/*high-light du sous menu*/
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		-moz-border-radius: 15px;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:maroon url('../images/hover_sub.gif') center left no-repeat;
			border:0px;
			color:silver;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}