/* page html*/
html{
	position:relative;
	float:top;
	margin: 0;
	padding: 0;
	width:1024px;
	height:728px;
	background-color:#4D3DFF;
}

/* corps du document */
body{
	font-family:  'Verdana', Arial, sans-serif;
	background-image:url(../images/fond.jpg);
	margin: 50px;
	border-style:solid;
}


/* id haut de page contenant les liens vers la bio, contacts, partenaires et charte */
#titre{
	position:relative; 
	float:top;
	border:solid 5px black;
	background-image:url(../images/titre.jpg);
	width:300px;
	margin: 15px 200px 10px 200px;
	padding:0px 70px 0px 70px;
	height:85px;
	text-align:center;
}

/* barre de navigation*/
#haut{
	position:relative; 
	border:solid 4px black;
	background-image:url(../images/navigation.jpg);
	margin: 15px 10px 10px 10px;
	padding:0px 70px 0px 70px;
	height:210px;
	word-spacing :40px;
	text-align:center;
}

/* animation flash */
#hautban{
	margin:0px 30px 0px 30px;
}


/* fichiers contenant les images */
#ban1 {
	position:relative;
	left: 20px;
	margin-top: 15px;
}
#ban2, #ban3, #ban4, #ban5 {
	position:relative;
	left: 20px;
	margin-top: 30px;
}


/* charte */
#charte {
	position:relative; 
	float:top;
	margin: 15px;
	padding:15px;
	border:solid thick black;
	text-align:justify; 
}

#inter {
	border:solid 4px black;
	margin: 15px;
	padding:15px
}

/* tableau*/
table{
	margin:10px;
	text-align:justify;
}


/* Présentation des règles du jeu du site */
#presentation1 {
	position:relative; 
	float:top;
	width:550px;
	margin: 0px 30px 30px 30px;
	padding:7px;
	text-align:justify;
	background-image:url(../images/menu.jpg);
	border:solid 8px mediumpurple;
}

/* css du cadre pour se loguer */
ul#log{
	position:relative;
	width:230px;
	margin: 0px 30px 30px 30px;
	padding:7px;
	text-align:justify;
	background-image:url(../images/menu.jpg);
	border:solid 8px mediumpurple;
}

/* css des listes du cadre pour se loguer*/
ul#log li{
	font-size:8px;
	margin-left:10px;
	text-align:justify;
	list-style-type:square;
}

/* css du cadre d'inscription */
ul#inscription{
	position:relative; 
	font-size:10px;
	width:260px;
	margin: 0px 30px 30px 0px;
	padding:5px;
	text-align:justify;
	background-image:url(../images/menu.jpg);
	border:solid 8px mediumpurple;
}

/* css des listes du cadre d'inscription */
ul#inscription li{
	font-size:8px;
	margin-left:10px;
	text-align:justify;
	list-style-type:square;
}

/* présentation du site*/
#presentation2 {
	position:relative;
	width:230px;
	font-size:9px;
	padding:7px;
	margin: 0px 30px 30px 30px;
	text-align:justify;
	background-image:url(../images/menu.jpg);
	border:solid 8px mediumpurple;
}


/* Bouton Haut de page */
#retour {
	text-align:center;
}

#livreor {
	text-align:center;
	border-style:solid;
	background-color:mediumpurple;
}


/* mention légales du site */
#mentions{
	margin: 15px;
	font-size:15px;
	font-style:italic;
	text-align:justify;
}

/* commentaires de la partie admin*/
#poste{
	margin: 15px;
	border:solid 5px #000066;
}


/*css du paragraphe standard*/
p{
	margin: 20px;
	font-size:13px;
	font-style:normal;
	text-align:justify;
	color:white;
}

/* titres*/
h1 { 
	font-family: 'helvetica', times, serif;
	color:#CC99FF;
	font-style:bold9;
	font-weight: bold;
	text-align: center;
	margin: 1;
	font-size: 20px;
	height: 20px;
	position: relative;
	text-decoration: underline;
}


h2 { 
	font-family: 'helvetica', times, serif;
	color:#FF99CC;
	font-style:italic;
	font-weight: bold;
	font-variant: small-caps;
	font-size:16px;
	margin: 2px;
	text-align:center;
}

h3 { 
	font-family: 'helvetica', times, serif;
	color:#0000FF;
	font-size:16px;
	font-weight: bold;
	text-decoration: underline;
	text-align:center;
}

h4{ 
	margin: 30px;
	font-size:14px;
	font-style:italic;
	text-align:justify;
}

h5{ 
	font-size:12px;
	color:#CC0033;
	margin: 30px;
	font-style:normal;
	text-align:justify;
}


h6{
	font-family:font-family:'arial', Times, serif;
	font-size:15px;
	margin: 10px;
	color:white;
	margin: 10px;
}


/* liens*/

a {
	font-family:font-family:'calibri', Times, serif;
	font-size:18px;
	background-image:url(../images/bouton1.jpg);
	font-weight:bold;
	color:white;
	margin: 10px;
	text-align:justify;
}

/* survol de liens ou liens où se situe le curseur*/
a:hover, a:focus {
	font-family:font-family:'calibri', Times, serif;
	background-image:url(../images/bouton2.jpg);
	color: black;
	text-shadow:50px,4px,4px,black ; 
}


/* liens déjà visités */
a:visited {
	font-family:font-family:'calibri', Times, serif;
	font-size:15px;
	font-weight:bold;
	color:black;
	margin: 10px;
	text-align:justify;
	text-shadow:4px,4px,4px,black ; 
}