html{
margin:0px;
padding:0px;
} 
body
{
	margin:0px;
	padding:0px;
	background : gray;
	background-image : url(/images/fond.gif);
	text-align: center;
}

/* Pour centrer horizontalement un élément (bloc, balise ou un site web entier) en CSS,
il suffit de donner une largeur (width) à l'élément et les valeurs "auto" aux marges latérales.
Pour les sites dont les éléments internes sont positionnés en "position: absolute" ou
"position: relative", la technique des marges latérales automatiques ne fonctionne pas par défaut.
En effet, si votre conteneur est placé dans le flux (avec des marges) et que votre contenu est
positionné (absolu ou relatif), ce dernier sort du flux et donc du conteneur. Il se placera alors
par rapport au dernier parent positionné : le document.
Pour éviter ce problème, il faut absolument que le conteneur soit lui-même positionné. En lui
donnant une position relative, vous pouvez garder son centrage avec marges automatiques, tout
en incorporant du contenu lui aussi positionné. */
div#ContourGlobal /* Utilisation : <div id="ContourGlobal"></div>*/
{
	position: relative;
/* De cette manière, le navigateur équilibrera automatiquement les marges latérales : */
 	margin-left: auto; 
 	margin-right: auto;
	border:5px groove;
	background:#fff;
	background-image : url(/images/fond.jpg);
	text-align:center;
	width:759px; /* Largeur obligatoire pour être centré */
}

pre,code,.Pre, 
{
	font-family:monospace;
}

blockquote
{
	border-left:5px solid #555;
	padding-left:0.5em;
	margin-left:2em;
}

div
{
	padding-left : 50px;
	padding-right : 50px;
}

p
{
	text-align:justify;
}

/*  Links */
a, a:link 
{
	text-transform : none;
	text-decoration: none;
	color : #990033;
}

a:visited
{
	text-transform : none;
	text-decoration: none;
	color : #660000;
}

a:hover
{
	text-transform : none;
	text-decoration : underline;
	color : #ff0000;
}

a:active
{
	text-transform : none;
	text-decoration : underline;
	color : #ff0000;
}

a:focus
{
	text-transform : none;
	text-decoration: none;
	color : black;
}

/*  Headings */

h1 
{
	font-size : 200%;
	font-weight : bolder;
	line-height : 22px;
	text-align : center; 
	color : black;
	border-bottom-color : black;
	border-bottom-style : double;
	border-bottom-width : medium;
	border-top-color : black;
	border-top-style : double;
	border-top-width : medium;
	padding-top : 5px;
	padding-bottom : 5px;
}

h2 
{
	font-size:150%;
	text-align : center;
	font-weight:bold; 
	padding-top : 30px; 
	padding-bottom : 20px;
}

h3 
{
	font-size:130%; 
	text-align : left; 
	margin-bottom : 8px; 
	margin-left : 0px; 
	padding-top : 15px; 
	padding-bottom : 0px;
}

h4 
{
	font-size:110%;
	text-align : left;
	margin-bottom : 8px;
	margin-left : 50px; 
	padding-top : 5px;
	padding-bottom : 0px;
}

h5 
{
	font-size:105%;
	text-align : center;
}

h6 
{
	font-size:100%;
	text-align : left;
	margin-left : 40px;
}

ul 
{
	padding-bottom:0px;
}

ol 
{
	line-height:16px;
}

li
{
	text-align:left;
	margin-left:2em;
	line-height:18px;
} 

p
{
	margin-top:2em;
	margin-bottom:2em;
}

img
{
	border:none;
}


td
{
	text-align:center;
}

/*Styles perso*/

.TITLE
{
	font-size:12px; 
	font-family:Helvetica; 
	text-align : center; 
	color : black;
	font-weight:bold;
}

.DATE
{	
	font-size:12px;
	font-family:Helvetica;
	text-align : center;
	color : black;
	font-weight:bold;
}

.INFO_CONNECTE
{
	font-size:9px; 
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	text-align : right;
	color : black;
}

/** Lien de la page d'accueil : avant c'était des images */
a.BigLink
{
	font-family:"comic sans ms",sans-serif;
	text-decoration:none;
	color:#1f1f1f;
	font-size:1.5em;
	font-weight:600;
}

a.BigLink:hover
{
	color:#f00;
	text-decoration:none;
}

/** Pour que le lien "XML" vers le fil RSS ressemble à 
l'image orange habituellement rencontrée */
.FilRSS
{
	background : #f90;
	border : 1px outset #f90;
	text-decoration : none;
	padding : 0 3px;
	color : #fff;
	font-size : 85%;
}
.FilRSS:hover 
{
	color : #fff;
}

.Email:before
{
	content: url(/images/mail.png)' ';
}

#Members td,#Members th
{
	text-align:left;
}
table
{
	text-align:left;
}

th
{
	font-size:115%;
	background: #def;
}


/* Statuts */
#Statuts h2,#Statuts h3,#Statuts h4,#Statuts h5,#Statuts h6
{
	padding:0;
	text-align:left;
	margin:0;
}

#Statuts h3
{
	margin-left:1em;
	border-bottom:1px dotted #333;
	margin-bottom:1em;
}

#Statuts h4
{
	margin-left:2em;
}

#Statuts h5
{
	margin-left:3em;
	font-size:110%;
	border-left:5px solid #888;
	padding-left:0.5em;
}

#Statuts h5:first-letter
{
	font-size:140%
}
#Statuts h6
{
	margin-left:4em;
}
#Statuts p
{
	margin-left:5em;
	text-align:justify;
}

/** FOOTER **/

#Plan li,#Footer li
{
	text-align:center;
	display:inline;
	margin:0;
	padding:0.5em;
}

#Footer
{
	text-align:center;
}

#LogoAvenIR
{
	text-align:center;
}

#Credits
{
	text-align:right
}

/** PLAN **/
#Plan {
	position: relative;
 	margin-left: auto;
 	margin-right: auto;
 	width:70%;
 	text-align: center;
}
#Plan table {
	vertical-align:middle;
	border-collapse:collapse;
	text-align: center;
}

#Plan td {
	border-style:double;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}