body {
	font-family:Verdana,Arial,Helvetica,Sans-Serif;
	vertical-align:top;
	font-size:12px;
	color:#6A6A6A;
	margin:10px;
	margin:0px;padding:0px;
	background-image: url(gifs/vert_clair_019.jpg);
}

/* MENU HAUT (tableau) */
.MenuHautA {
	background-image: none;
	background-color:#FFFFFF;
	font-size:10px;
	color:#FFFF00;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}

.MenuHautB {
	background-image: none;
	background-image: url(gifs/onglet.gif);
	background-repeat:no-repeat;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	width:100px;
	height:25px;
	text-align: center;
	vertical-align: middle;
}

.MenuHautB a{
	color:#FFFF00;
	text-decoration:none;
}

.MenuHautB a:hover{
	text-decoration:underline;
}

.MenuHaut {
	background-image: none;
	background-image: url(gifs/onglet_.gif);
	background-repeat:no-repeat;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	width:100px;
	height:25px;
	text-align: center;
	vertical-align: middle;
}

.MenuHaut a{
	color:#FFFF00;
	text-decoration:none;
}

.MenuHaut a:hover{
	text-decoration:underline;
}
/*end*/

/* MENU GAUCHE (tableau) */
.MenuGaucheA {
	background-image: none;
	background-color:#FFFF66;
	font-size:10px;
	color:#FFFF00;
	font-weight: bold;
	height:20px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}
.MenuGaucheB {
	background-image: none;
	background-color:#33CC33;
	border-top-width:5px;
	border-right-width:5px;
	border-bottom-width:0px;
	border-left-width:0px;
	border-style:groove;
	border-color:#009933;
	font-size:13px;
	font-weight: bold;
	height:80px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}
.MenuGaucheB a{
	color:#FFFFFF;
	text-decoration:none;
}

.MenuGaucheB a:hover{
	color:black;
	text-decoration:underline;
}
.MenuGaucheC {
	background-image: none;
	background-color:#33CC33;
	border-top-width:5px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:5px;
	border-style:groove;
	border-color:#009933;
	font-size:10px;
	color:#FFFF00;
	font-weight: bold;
	width:100px;
	height:80px;
	text-transform: uppercase;
	text-align: center;
	vertical-align: middle;
}
.MenuGaucheD {
	background-image: none;
	background-color:#FFFF66;
	text-align: center;
}
.MenuGaucheE {
	background-image: none;
	background-color:#5BE42E;
	border-top-width:2px;
	border-right-width:5px;
	border-bottom-width:0px;
	border-left-width:5px;
	border-left-style:groove;
	border-right-style:groove;
	border-top-style:inset;
	border-color:#009933;
	font-size:14px;
	font-weight: bold;
	height:25px;
	text-align: left;
	vertical-align: middle;
}
.MenuGaucheE a{
	color:#FFFFFF;
	text-decoration:none;
}

.MenuGaucheE a:hover{
	color:black;
	text-decoration:underline;
}
.MenuGaucheF {
	background-image: none;
	background-color:#5BE42E;
	border-top-width:0px;
	border-right-width:5px;
	border-bottom-width:0px;
	border-left-width:5px;
	border-left-style:groove;
	border-right-style:groove;
	border-color:#009933;
	font-size:14px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.MenuGaucheF a{
	color:#FFFFFF;
}

.MenuGaucheF a:hover{
	color:black;
	text-decoration:underline;
}
.MenuGaucheF ul{
	list-style-type:none;
	margin:10px 0px 15px 0px;
	padding:0px 0px 0px 20px;
}
.MenuGaucheF li{
	list-style-type:none;
	margin:20px 0px 10px 0px;
	padding:0px 0px 0px 20px;
}	
/*end*/

#Footer {
	background-image: none;
	background-image: url(gifs/header_08.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #FFFFFF;
	font-size: 90%;
	text-align: center;
	margin:0px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #666666;
	width:943px;
	clear: left;
}
#Footer a{
	color: #FF0000;
	font-weight: normal;
	text-decoration: none;
}
#Footer a:hover{
	color: #FF0000;
	text-decoration: underline;
}

#Header{
	background-color:#FFFF00;
	margin:0px;
	padding:0px;
	width:955px;
}


#HeaderPicture {
	margin:0px;
	padding:0px;
	height:150px;
}


#HeaderPicture ul {margin:0px;display:inline;}

#HeaderPicture li {margin:0px;display:inline;}

#HeaderPicture li.right {
margin:0px;
padding-left:250px;
text-align: right;
}

#HeaderPicture li.center {
	font-size: 30px;
	color:black;
	font-weight: bold;
	font-family: Arial;
	margin:0px;
	position:absolute;
	left:600px;
	top:10px;
	text-align: center;
}

#HeadContainer{
	background-color:#FFFF66;
	width:955px;
	margin:0px;
	padding:0px;
	text-align:center;
}


#LeftMenu{
	background-image: none;
	background-color:#FFFF66;
	margin:0px;
	padding:0px;
	width:250px;
	text-align:left;
	position:relative;
	float: left;
}

#Content{
	background-image: none;
	background-color:#FFFF66;
	margin:0px;
	padding:10px;
	position:relative;
	float: left;
	width:681px;
}

#ContentB{
	background-image: none;
	background-color:#FFFF66;
	margin:0px;
	padding:10px;
	position:relative;
	float: left;
	width: 681px;
	font-size:15px;
}

#ContentB dt{
	background-image: none;
	background-color:#FFFF66;
	margin:0px;
	padding:10px;
	position: relative;
	font-size:15px;
	color:black;
}

#ContentB li{
	background-image: none;
	background-color:#FFFF66;
	margin:0px;
	padding:2px;
	position: relative;
	font-size:15px;
	color:black;
	list-style-type:none;
}


#ContentTextA{
	text-align:left;
	font-family:Arial;
	color:black;
	font-size:20px;
	margin:10px 0px 10px 0px;
}

#ContentTextB{
	text-align:center;
	font-family:Arial;
	color:black;
	font-size:20px;
}

#ContentTextC{
	text-align:center;
	font-family:Arial;
	color:black;
	font-size:11px;
}

/* ------------------------------------- HTML selectors  ------------------------------------- */

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

a:hover {
	color:#009933;
	text-decoration:underline;
}

h1 {
	text-align:left;	
	font-size: 50px;
	color:black;
	font-weight: bold;
	padding: 2px 5px 0px 5px;
	margin:0px;
	font-family: Arial Rounded MT bold;
}

/* set default background */
h2 {
	text-align:left;
	font-size:35px;
	font-weight:bold;
	margin:0px;
	padding:0px 2px 2px 2px;
	color:#009600;
	font-family:Comic Sans MS;
}


h3 {
	text-align:center;
	font-size: 35px;
	font-weight: bold;
	color: #009600;
	padding: 2px 5px 2px 5px;
	margin:0px;
	font-family:Comic Sans MS;
}

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

h4 {
	text-align:center;
	font-size: 20px;
	font-weight: bold;
}

h3 a:hover {
	text-decoration:underline;
}

ul.ListA {
	font-size:20px;
	font-family:Arial;
	color:black;
	list-style-type:none;
	margin:20px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

ul.bulletList {
	font-size:20px;
	font-family:Arial;
	font-weight:bold;
	color:black;
	list-style-type:disc;
	margin:10px 10px 30px 10px;
	padding:15px 0px 0px 30px;
}

ul.bulletList li {
	margin-bottom:0px;
	padding:0px 0px 0px 0px;
}

ul.bulletList li a {color:#739C11;font-weight:bold;}

ul.bulletList li a:hover {text-decoration:underline;}

ul.bulletList li.savoirplus {
background: url(../img/arrow.gif) no-repeat 15px 4px;
margin:0px;
padding:3px 10px 15px 30px;
}

ul.bulletList li.sousList {
background: url(../img/arrow.gif) no-repeat 20px 3px;
margin:0px;
padding-top:3px;
padding-left:40px;
}