<!--

body {
	background: rgb(229,229,229) url(img/fond.jpg) center repeat-y;
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 12px;
	margin: 0;
	padding: 0;
}

/* Les id */

#cadre { 
	border: 1px rgb(229,229,229) dashed;
	margin: 0; 
	padding: 5px;
	width: 560px;
	background: rgb(250,250,250);
}


#contenu {
	width: 580px;
	margin: 0;
	padding: 0;
}

#contenu a {
	text-decoration: underline;
	color: black;
}

#contenu a:hover {
	text-decoration: none;
	color: rgb(255,140,0);
}

#evitement {
	text-align: left;
	color: black;
	float: right;
	width: 200px;
	margin: 0;
	padding: 0;
 }


#evitement a {
	color: black;
	text-decoration: none;
}

#evitement a:hover {
	color: rgb(170,170,170);
	text-decoration: underline;
}


#footer { 
	border-top: 1px solid black;
	border-bottom: 1px solid rgb(245,245,245);
	background: rgb(245,245,245);
	width: 800px;
	text-align: center;
	margin: 0 auto;
	padding: 0;
}

#global {
	text-align: justify;
	width: 780px;
	margin: 0 auto;
	padding: 0;

}

#header {
	text-align: center;
	width: 801px; /* 1 px IE6, du fait de la justification du contenu, sinon problème de float */
	height: 233px;
	margin: 0 auto;
	padding: 0;
}

#menu_vertical {
	float: right;
	width : 185px;
	padding: 0;
	margin: 0;
	font-size: 15px;
	text-align: right;
}

#menu_vertical ul{ 
	padding: 0;
	margin: 15px 0;
}

#menu_vertical li{
	width : 185px;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#menu_vertical a:hover{
	text-decoration: underline;
}

#redaction {
	color: rgb(200,200,200);
	border-top: 1px rgb(200,200,200) solid;
}

#redaction a {
	color: rgb(200,200,200);
	text-decoration: none;
}

#redaction a:hover {
	color: rgb(200,200,200);
	text-decoration: underline;
}


/* Les titres */


h1, h2, h3, h4, h5, h6 {
font-weight: normal;
}


h1 {font-size: 23px; color: rgb(0,170,0);}
h2 {font-size: 20px; color: rgb(250,170,75);}
h3 {font-size: 17px;}

/* Les liens, listes et images */

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

a:hover {
	color: black;
	text-decoration: underline;
}

a.current  {color: rgb(0,170,0);}

ul {
	padding: 15px;
	margin: 0;
	list-style-type: none;
}

#contenu ul.disque li a {
	text-decoration: none;
}

ul.disque { 
	padding: 15px;
	margin: 0;
	list-style-type: circle;
}


img {
	border: 0 none;
	margin: 5px;
	padding: 0;
}

img a {
	text-decoration: none;
}

img.cadre {
	margin: 5px;
	padding: 5px;
	border: 1px solid #ccc;
}

ol.fil
{
	margin: 0;
	padding: 0;
}

ol.fil li
{
	display: inline;
	list-style-type: none;
	padding: 0;
}

ol.fil li:before
{
	content: '> ';
}

#contenu ol.fil a {
	text-decoration: none;
}

#contenu ol.fil a:hover {
	text-decoration: none;
}

ol li.current a
{
	text-decoration: none;
	color: rgb(0,170,0);
}

/* Classes génériques  */

.droite {text-align: right; margin-right: 10px;}	
.gauche {text-align: left; margin-left: 10px;}	
.centre {text-align: center;}
.important {color: rgb(0,170,0);}
.souligne {text-decoration: underline;}
.code {font-family: "Courier New"; padding-left: 10px; border-left: 1px solid black; text-align: left;}
.ligne_bas {border-bottom: 1px solid black;}
.nota {border-left: 1px solid #ccc;	padding-left: 10px;}


-->