/******************************************************************
Corps de page
******************************************************************/
body {
	margin: 0;
	padding:0;
	background-image: url(interface/bkg_2.jpg);
	background-repeat: repeat-x;
	background-color: #cccc99;	
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-family:"Courier New", Courier, monospace;
	
}

/******************************************************************
Eléments d'Ensemble contenant tous les suivants
******************************************************************/
div#ensemble {
	position:relative;
	margin: 0 auto 0 auto;
	width:750px;
	text-align:center;
	background: url(interface/bkg_ensemble.png) center repeat-y;
}

/******************************************************************
Eléments Entête
******************************************************************/
div#entete {
	width:100%;
	height:150px;
	background: url(interface/bkg_entete.png) no-repeat top;
}

/******************************************************************
Eléments Menu principal de navigation
******************************************************************/
div#menu {
	position:relative;
	top:122px;
	left:40px;
	width:100%;
	height:38px;
	text-align: left;
	font-size:0.9em;
}

div#menu ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}
div#menu ul li{
	float:left;
	margin: 0 0 0 5px;
	padding: 5px 5px 0 22px;
	border: solid;
	border-width: 0 0 3px 0;
	border-bottom-color:#E0E0E0;
	background-color:#FFFFFF;
	background-image:url(interface/etoile.gif);
	background-position:left;
	background-repeat:no-repeat;
}

div#menu ul li a{
	display:block;
	float:left;
	height:20px;
	text-decoration:none;
	color:#000000;
}

/******************************************************************
Objet, ici un fichier flash pour le son
******************************************************************/
div#menu object{
	margin: 0 0 0 5px;
}

div#menu ul li a:hover{
	position:relative;
	font-weight:bold;
	top:-5px;
	color:#666633;
}
div#menu ul li a:visited{}

/******************************************************************
Eléments Slogan, forme de Titre du site
******************************************************************/
div#slogan {
	position:absolute;
	top:70px;
	left:30px;
	padding: 0 0 0 200px;
	width:80%;
	height:45px;
	text-align: left;
	font-size:1.3em;
}

div#slogan a{	
	color:#000000;
	text-decoration:none;
}

/******************************************************************
Eléments Contenu, Zone d'affichage principale du contenue
******************************************************************/
div#contenu {
	float:left;
	width:590px;
	height:auto;	
	text-align: justify;
	background: url(interface/bkg_content.png) repeat-y;
}

div#contenu p{
	text-indent: 0;
	margin:0 20px 0 30px;
	padding: 10px 0 10px 0;
	font-size:0.9em;
}

div#contenu h2{
	margin:30px 0 25px 0;
	padding: 0 0 25px 0;
	font-size:1em;
	letter-spacing:2px;
	text-align:center;
}

div#contenu h3{
	font-size:1em;
	text-align:left;
	margin: 10px 10px 10px 30px;
	padding: 0 0 0 10px;
	background-color:#d4d3c9;
}

div#contenu ul{
	margin: 50px 0 0 0;
	padding: 0;
	list-style-type:none;
}

div#contenu li{
	text-align:left;
	float:left;
	margin: 0;
	padding: 0;
}
div#contenu li p{
	margin: 0 0 10px 15px;
	padding: 0 0 10px 0;
}

div#contenu a{ color:#0000ff; color:#666633;}

div#contenu ul li img{
	margin:0 0 0 30px;
	border:solid 5px #000000;
}

/******************************************************************
Eléments Navigation, Zone latérale de navigation contextuel
fonction de la sélection du menu principal
******************************************************************/
div#navigation{
	margin: 0 34px 0 0;
	float:right;
	width:125px;
	text-align: left;
	color:#000000;
}

div#navigation ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div#navigation h3{
	margin: 35px 0 0 0;
	font-size:0.8em;
	text-align:center;
	padding: 0;
	border-bottom:dashed 1px #000000;
}

div#navigation ul li a{
	display:block;
	margin:10px 0 10px 0;
	padding: 0 0 0 5px;
	height:16px;
	font-size:0.75em;
	text-decoration:none;
	color:#000000;
	background:url(interface/bkg_check.png) right no-repeat -16px;
}

div#navigation ul li a:hover
{	
	background:url(interface/bkg_check.png) right no-repeat -1px;
}

/******************************************************************
Eléments d'affichage dans la zone de contenu
Est actif quand on sélectionne un menu
******************************************************************/
div#listContent{
	margin: 0 auto 30px auto;
	width:80%;
}

div#listContent ul{
	margin: 0;
	padding: 0;
	list-style-type:none;
}

div#listContent ul li p{
	margin: 5px 0 0 0;
	padding: 0;
}

div#listContent ul li{
	margin: 0 0 10px 0;
	width:100%;
	padding: 10px;
	border-style:solid;
	border-width: 1px;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #666666;
	border-left-color:#666666;
	background-color:#EFEFEF;
}

/******************************************************************
Eléments de Pied de page
******************************************************************/
div#piedpage{
	clear: both;
	margin: 0 auto 0 auto;
	width:693px;
	height:60px;
	font-size:0.8em;
	color:#C0C0C0;
	text-align: left;
	background-image:url(interface/bkg_pied.jpg);
	background-repeat:repeat-y;
}

div#piedpage ul{
	margin: 0;
	padding: 10px;
	list-style-type: none;
}
div#piedpage ul li{
	float:left;
	width:33%;
	margin:0;
	padding:0;
}

/******************************************************************
Eléments de manipulation de certaines balises Paragraphe
******************************************************************/
p#info{
	clear:both;
	margin: 0 0 0 30px;
	font-size:0.75em;
	color:#999999;
}

p#pagination{
	clear:both;
	padding:0;
	margin: 0;
}

/******************************************************************
Classes divers
******************************************************************/
.info{
	text-align:right;
	font-size:0.75em;
	color:#666666;
}
/*	Classes de style	*/
.G{font-weight:bold;}
.I{font-style:italic;}
.U{text-decoration:underline;}

/*	Classes de couleur	*/
.noir{color:#000000;}
.blanc{color:#FFFFFF;}
.rouge{color:#FF0000;}
.bleu{color:#6666CF;}
.vert{color:#339933;}
.gris{color:#999999;}

.linkfoot{color:#C0C0C0; text-decoration:none;}
.linkhid{color:#000000; text-decoration:none;}

/*	Classes pour l'e-mails	*/
.mail
{
	border:solid 1px #CCCCCC;
	overflow:auto;
	width:95%;
}
.chpset
{
	border:solid 1px #CCCCCC;
	width:70%;
	margin: 0 auto 40px auto;
	text-align:left;
}
.btns{border:solid 1px #CCCCCC; background-color:#FFFFFF;}

/*	Classes de champs de formulaire pour affichage des fiches de l'équipe	*/
.fieldset{
	margin:0 0 0 15px;
	width:350px;
	border:solid 1px #CFCFCF;
}