BODY {
	BACKGROUND: #FFFFCC;
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	MARGIN: 0;
	FONT-SIZE: 12px;
	TEXT-ALIGN: center;
}

/* - - - - - - - - - - - - - - - - - CLASSES DE DIV - Structure générale de la page - - - - - - - - - - - - - - - - - */

#container {
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	WIDTH: 750px;
	HEIGHT: 100%;
	TOP: 0px;
	POSITION: relative;
	TEXT-ALIGN: justify;
	/*BACKGROUND-COLOR: #333399;*/
	BACKGROUND-COLOR: #336699;
}

#header {
	BACKGROUND-COLOR: #669966;
	WIDTH: 750px;
	HEIGHT: 70px;
	BACKGROUND: url('img/header.gif') no-repeat center 50%;
	PADDING: 0px;
	LEFT: 0px;
	TOP: 0px;
	POSITION: relative;
	background-position-x:center; background-position-y:50%
}

#topmenu {
	BACKGROUND-COLOR: #333366; 
	WIDTH: 750px;
	HEIGHT: 18px;
	LEFT: 0px;
	PADDING-TOP: 3px;
	POSITION: relative;
	TEXT-ALIGN: center;
	COLOR: white;
}

#leftmenu {
	WIDTH: 150px;
	HEIGHT : 450px;
	LEFT : 0px;
	TOP : 0px;
	POSITION: relative;
	FLOAT: left;
	MARGIN : 0px;
	TEXT-ALIGN: left;
	BACKGROUND: url('img/leftmenu.gif') 0px 0px;
}

#recherche {
	BACKGROUND-COLOR: none;
	MARGIN: 10px 5px 5px 5px;
	HEIGHT: 250px;
	TEXT-ALIGN: center;
}

#compteur {
	BACKGROUND: #EDCB76;
	MARGIN: 5px;
	HEIGHT: 50px;
	TEXT-ALIGN: center;
	PADDING: 0px 0px 0px 0px;
}

#content {
	BACKGROUND: #ffffee;
	POSITION: relative;
	WIDTH: 575px;
	TOP: 0px;
	FLOAT: right;
	MARGIN: 10px 5px 0px 0px;
	PADDING: 0px;
	HEIGHT: auto;
	MIN-HEIGHT: 433px;
}

#div_index {
	BACKGROUND: #F6F0E8;
	MARGIN: auto;
	MARGIN-BOTTOM: 15px;
	TEXT-ALIGN: center;
	WIDTH: 90%;
	HEIGHT: 210px;
	BORDER-STYLE: dotted;
	BORDER-COLOR: #CCCC66;
	BORDER-WIDTH: 1px;
}

#div_index_inleft {
	BACKGROUND: #F6F0E8;
	MARGIN: auto;
	PADDING-TOP: 15px;
	PADDING-LEFT: 15px;
	TEXT-ALIGN: left;
	WIDTH: 310px;
	HEIGHT: 90%;
	FLOAT: left;
}

#div_index_inright {
	BACKGROUND: #F6F0E8;
	MARGIN: auto;
	PADDING: 8px 8px 8px 8px;
	TEXT-ALIGN: left;
	WIDTH: 150px;
	HEIGHT: 90%;
	FLOAT: right;
}

* html #content {
	/* Code interprété uniquement par IE, qui ne prend pas en compte les "MIN-HEIGHT" */
	HEIGHT: 440px;
}

* html #content_2 {
	/* Code interprété uniquement par IE, qui ne prend pas en compte les "MIN-HEIGHT" */
	HEIGHT: 433px;
}

#menu_bis {
	BACKGROUND-COLOR: #669966;
	WIDTH: 100%;
	HEIGHT: 15px;
	LEFT: 0px;
	PADDING-TOP: 2px;
	POSITION: relative;
	TEXT-ALIGN: center;	
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #FFFFCC;
	/*BACKGROUND: url(img/texture.jpg) repeat 0px 0px;*/
}

#partie {
	BACKGROUND-COLOR: #c0c0c0;
	WIDTH: 100%;
	HEIGHT: 15px;
	LEFT: 0px;
	PADDING-TOP: 2px;
	POSITION: relative;
	TEXT-ALIGN: center;	
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	COLOR: #4B4B4B;
}

#bottom_menu {
	BACKGROUND-COLOR: #333366;
	WIDTH: 750px;
	HEIGHT: 20px;
	LEFT: 0px;
	PADDING-TOP: 3px;
	POSITION: relative;
	TEXT-ALIGN: center;
	/*BACKGROUND: url(img/texture_bis.jpg) repeat 0px 0px;*/
	CLEAR: both;
	COLOR: white;	
}	

#centre{
	WIDTH: 350px;
	/*HEIGHT: 170px;*/
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;	
	MARGIN-TOP: 0px;
	POSITION: relative;
	TEXT-ALIGN: center;
	FONT-SIZE: 13px;
	FONT-WEIGHT: normal;
}

#note {
	WIDTH: 80%;
	HEIGHT: 60px;
	PADDING: 5px 5px 5px 5px;
	TEXT-ALIGN: center;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #CCFFCC;
	COLOR: #003366;
	TEXT-ALIGN: center;
	FONT-STYLE: italic;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 10px;
}

#noteb {
	WIDTH: 80%;
	HEIGHT: 90px;
	PADDING: 5px 5px 5px 5px;
	TEXT-ALIGN: center;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #CCFFCC;
	COLOR: #003366;
	TEXT-ALIGN: center;
	FONT-STYLE: italic;
	MARGIN-LEFT: auto;
	MARGIN-RIGHT: auto;
	MARGIN-BOTTOM: 10px;
	MARGIN-TOP: 10px;
}

#centre IMG{
	PADDING-TOP: 40px;
}


/* - - - - - - - - - - - - - - - - - CLASSES DE MISE EN FORME DES MENUS - - - - - - - - - - - - - - - - - */
.topnav A {
	MARGIN-TOP : 10px;
	POSITION : relative;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	COLOR: white;
	TEXT-DECORATION: none;
	FONT-WEIGHT: bold;	
}

.topnav A:hover {
	COLOR: #FFFF99;
	FONT-WEIGHT: bold;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;	
}

.topnav_actif A {
	COLOR: #669966;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
}

.topnav_actif A:hover {
	COLOR: #FFFF99;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
}

.topnav_act A {
	COLOR: white;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: underline;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
}

.topnav_act A:hover {
	COLOR: white;
}

.entete_gauche {
	TEXT-ALIGN: center;
	/*BACKGROUND: url(img/texture.jpg) repeat 0px 0px;*/
	BACKGROUND-COLOR: #333366;
	FONT-WEIGHT: bold;
	MARGIN-BOTTOM: 3px;
	COLOR: #FFFFCC;
}

/*- - - - - - - - - - - - - - - - -  MISE EN FORME DU CONTENU - - - - - - - - - - - - - - - - - */

P {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 130%;
	COLOR: black;
	PADDING: 10px 10px 10px 10px;
	MARGIN: 0px;
}

P.left {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 130%;
	COLOR: black;
	PADDING: 10px 10px 10px 10px;
	MARGIN: 0px;
	TEXT-ALIGN: left;
	FONT-WEIGHT: normal;
}

H2 {
	FONT-WEIGHT: bold;
	COLOR: #669966;
	FONT-SIZE: 13px;
	TEXT-ALIGN: center;
}

H3 {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 16px;
	LINE-HEIGHT: 130%;
	FONT-WEIGHT: bold;	
	COLOR: #8b4513;
	PADDING: 10px;
}

H6 {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 130%;
	FONT-WEIGHT: bold;	
	COLOR: #669966;
	PADDING: 10px 10px 10px 10px;
	MARGIN-BOTTOM: 0px;
}

H6.left {
	FONT-FAMILY: Arial,Helvetica,sans-serif;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 130%;
	FONT-WEIGHT: bold;	
	COLOR: #8b4513;
	MARGIN-BOTTOM: 0px;
	TEXT-ALIGN: left;
	PADDING: 10px 10px 10px 10px;
}

UL.left {
	TEXT-ALIGN: left;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 10px;
	LINE-HEIGHT: 130%;
	MARGIN-BOTTOM: 0px;
}

IMG {
	FLOAT: center;
	BORDER: none;
}

A {
	COLOR: #006699;
}

A:hover {
	COLOR: #660066;
	TEXT-DECORATION: none;
}

.i {
	FONT-STYLE: italic;
}

.centre {
	TEXT-ALIGN: center;
}

.gras {
	FONT-WEIGHT: bold;
	COLOR: #8b4513;
}

img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto
}