body {
	color: #333333;
	font: 11px "Trebuchet MS", Arial;
	background: #FFFFFF url(../img/fondpage.gif) repeat-x;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 15px;
	padding-bottom: 0px;
	}
#page {
	width: 850px;
	background: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
	text-align: left;
	}
#header {
	width: 850px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	}
#text {
	width: 850px;
	float: left;
	background: url(../img/fond-text.gif) repeat-x left top;
	padding: 20px 0px 0px;
	}
#text2 {
	width: 850px;
	float: left;
	background: url(../img/fond-text.gif) repeat-x left top;
	padding: 20px 0px 0px;
	}
#gauche {
	float: left;
	width: 210px;
	text-align: left;
	}
#droite {
	float: right;
	width: 615px;
	text-align: left;
	padding-right: 10px;
	background: url(../img/fond-droit.png) no-repeat left top;
	}	
#gauche-cpl{
	float: left;
	width: 210px;
	text-align: left;
	}
#droite-cpl {
	float: right;
	width: 625px;
	text-align: left;
	}	
.separ {
	background: url(../img/separ.gif) repeat-x;
	height: 5px;
	width: 100%;
	clear: both;
	padding: 0px;
	float: left;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

	
/* Liens */
a {	
	color: #3366CC;	
	text-decoration: none
	}
a:hover {	
	text-decoration: underline
	}
.note {
	color: #035D99;
	border-left: 3px solid #F57915;
	font-style: italic;
	padding-left: 20px;
	font-weight: bold;
	margin: 20px 20px 10px;
}
		
	
/* Balises */
h1 {
	color: #FF6600;
	font: normal 24px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/fleche2.gif) no-repeat left center;
	text-indent: 40px;
	margin-top: 20px;
	}
h2 {
	color: #FF6600;
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top: 10px;
	}
.classe-index {
	color: #FF6600;
	font: normal 18px Verdana, Arial, Helvetica, sans-serif;
	background: url(../img/fleche2.gif) no-repeat left center;
	text-indent: 40px;
	margin-top: 10px;
	}
h3 {
	color: #FF0000;
	font: bold 12px Arial, Helvetica, sans-serif;
	}
h4 {
	color: #000000
	}
p {
	text-align:justify;
	color: #5A6F83;
	line-height: 17px;
	padding: 0px 0px 5px;
	margin-bottom: 5px;
	margin-top: 0px;
	}
	
	
/* Formes */
.clear {
	clear:both;
	height: 1px;
	}
.carrehaut {
	background: url(../img/fond-droit.png) no-repeat left top;
	float: right;
	width: 411px;
	padding-left: 10px;
	}
.carrehaut h1 {
	color: #438DE2;
	font: 36px Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	margin-bottom: 20px;
	background: url(none);
	text-indent: 0px;
	}
.carrehaut h3 {
	color: #FF6600;
	font: bold 16px Verdana, Arial, Helvetica, sans-serif;
	}
.complement {
	width: 850px;
	background: #EAEAEA;
	float: left;
	}
.nav-gauche {
	margin-bottom: 10px;
	width: 210px;
	}
.nav-gauche a {
	display: block;
	width: 210px;
	background: #438de2 url(../img/puce-nav.jpg) no-repeat left center;
	height: 27px;
	text-indent: 25px;
	margin-bottom: 1px;
	color: #FFFFFF;
	font: bold 10px/27px Arial, Helvetica, sans-serif;
	}
.nav-gauche a:hover {
	background: #1E6BC1 url(../img/puce-nav.jpg) no-repeat left center;
	margin-bottom: 1px;
	color: #FFFFFF;
	text-decoration: none;
	}
.nav-droite {
	margin-bottom: 5px;
	width: 150px;
	float: right;
	background-color: #733574;
	margin-left: 10px;
	padding: 5px;
	color: #FFFFFF;
	font: bold 11px/25px Tahoma, Arial;
	}
.nav-droite a {
	display: block;
	text-indent: 10px;
	color: #FFFFFF;
	font: italic bold 10px/14px Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(../img/puce3.gif) no-repeat left center;
	}
.nav-droite a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #8F4392 url(../img/puce3.gif) no-repeat left center;
	}
.hebergement {
	font-weight: bold;
	color: #FFFFFF;
	background: #A9B762;
	border-left: 7px solid #6A7535;
	float: left;
	padding: 20px 10px;
	font-size: 12px;
}
.hebergement a {
	font-style: italic;
	font-weight: bold;
	color: #FFFFFF;
}
.complement2 {
	background: #A9B762;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	}
.complement3 {
	background: #438de2;
	color: #FFFFFF;
	padding: 5px;
	margin-bottom: 10px;
	}
.complement4 {
	background: #006ac3;
	color: #FFFFFF;
	}
.complement5 {
	background: #bf5a5b;
	color: #FFFFFF;
	}
.annu {
	background: #E6EAD0;
	border: 1px solid #A9B762;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px;
	margin-bottom: 10px;
	color: #333333;
}

.col-droite {
	float: right;
	width: 165px;
	margin-left: 10px;	
	}
.box-gauche {
	padding: 5px;
	float: left;
	width: 530px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;

	}
.box-orange {
	color: #FFFFFF;
	background: #fa661c;
	float: left;
	height: 250px;
	width: 250px;
	padding: 5px;
	margin: 10px;
	}
.box-verte {
	color: #FFFFFF;
	background: #A9B762;
	height: 250px;
	width: 250px;
	padding: 5px;
	margin: 10px 10px 10px 15px;
	float: left;
	}
.box-bleue {
	color: #FFFFFF;
	background: #0cb6e7;
	padding: 5px;
	height: 250px;
	width: 250px;
	float: right;
	margin: 10px;
	}
.pub {
	width: 210px;
	background: #c05f5f;
	text-align: center;
	margin-bottom: 10px;
}
.pub-verte {
	width: 260px;
	float: right;
	background: #A9B762;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
	}
.pub-bleue {
	width: 260px;
	float: right;
	background: #438de2;
	text-align: center;
	margin: 10px;
	padding: 5px;
	}
.pub-violette {
	width: 260px;
	float: right;
	background: #733574;
	text-align: center;
	padding: 5px;
	margin: 10px;
	}
	
			
/* Images */
.img-gauche {
	float:left;
	border: 1px solid #999999;
	margin-right: 10px;
	background: #FFFFFF;
	margin-bottom: 5px;
	padding: 7px;
	}
.img-droite {
	float:right;
	border: 1px solid #999999;
	margin-left: 10px;
	background: #FFFFFF;
	margin-bottom: 5px;
	padding: 7px;
	}
.img-colonne {
	padding: 9px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	background: #FFFFFF;
}
.img-coldroite{
	padding: 5px;
	margin-bottom: 10px;
	border: 1px solid #999999;
	background: #FFFFFF;
}
.img-box {
	border: 2px solid #FFFFFF;
}

.img-d {
	float: right;
	margin-left: 15px;
	}
.img-g{
	float: left;
	margin-right: 5px;
	}	
.img-index {
	margin-bottom: 5px;
}

/* Bas de page */
#footer {
	font-size: 9px;
	color: #FFFFFF;
	clear: both;
	background: #438DE2;
	font-weight: bold;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 5px solid #FFFFFF;
	width: 850px;
	}
#footer a {
	color: #FFFFFF;
	}
/* Menu */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100px;
}
#menu {
	top: 164px;
	left: 321px;
	z-index:100;
	background: #438de2;
	float: left;
	width: 850px;
	margin-left: auto;
	height: 30px;
}
#menu dl {
	float: left;
	width: 120px;
	margin-top: 0;
	margin-bottom: 0;
}
#menu dt {
	cursor: pointer;
	text-align: left;
	background: #438de2;
	height: 30px;
	font: bold 10px/30px Tahoma, Arial;
	color: #FFFFFF;
	padding-left: 3px;
}
#menu dt:hover {
	background: #00BB00;
	color: #FFFFFF;
	}
#menu dd {
	position: absolute;
	z-index: 500;
	font: bold 10px Tahoma, Arial;
	width: 120px;
	display: block;
}
#menu li {
	background: #1F70C9;
	color: #FFFFFF;
	display: block;
	width: 120px;
	line-height: 20px;
	text-align: left;
}
#menu dt a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
}
#menu li a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;

	}
#menu dt a:hover {
	background: #00BB00;
	color: #FFFFFF;
}
#menu li a:hover {
	background: #00BB00;
	display: block;
	}
.source {
	font-size: 9px;
	font-style: italic;
}
.liens-txt {
	color: #5A6F83;
	text-decoration: none;
}
.liens-txt:hover {
	text-decoration: none;
}
.listes-bas {
	font: bold 9px/20px Verdana, Arial, Helvetica, sans-serif;
}