body { margin:0; padding:0; font-family:Arial, sans-serif; background:#D6D7F5; color:#333; }
a { text-decoration:none; }
p { margin:0 0 15px; padding:0; }
form { margin:10px 0; padding:0; }
table { margin-bottom:10px; }
blockquote { font-style:italic; padding:15px; margin:10px 0; border:1px dashed #D6D7F5;}

#conteneur { background:#FFF; border:1px solid #CCC; margin:40px auto 0; padding:0; width:778px; }
	#haut { height:85px; background:url("img/haut.gif") 5px 5px no-repeat; padding:24px 0 0 534px; font-size:24px; font-style:italic; }
		#haut:first-letter { color:#33C; font-weight:bold; }
	#bandeau { height:227px; width:778px; margin:0; padding:0; background:#333; }
		#menu { width:176px; height:212px; background:url("img/menu.jpg") no-repeat; padding:18px 9px 0 19px; margin:0; float:left; overflow:hidden; }
			#menu ul  { list-style-type:none; margin:0; padding:0; }
				#menu ul li { margin:0 0 10px 0; padding:0 0 9px 0; border-bottom:2px solid #FFF;}
					#menu a { color:#FFF; font-size:14px; padding-left:12px; background:url("img/menua.gif") no-repeat 0px 5px; font-weight:bold; }
						#menu a:hover { color:#F90; background:url("img/menuao.gif") no-repeat 0px 6px; }
					#menu a.actif { color:#F90; background:url("img/menuao.gif") no-repeat 0px 6px; cursor:default; }
					#menu #feutre { margin-top:100px; }
		#contextuel { width:331px; height:227px; border-right:1px solid #CCC; border-left:1px solid #CCC; margin:0; padding:0; float:left; }
		#signature { width:206px; height:197px; background:#1F1F6E; float:left; color:#FFF; padding:30px 19px 0 16px; margin:0; overflow:hidden; }
			#signature h1 { color:#F90; font-size:18px; font-weight:bold; border-bottom:2px solid #F90; padding:0 0 5px 0; margin:0 0 10px 0; }
			#signature p { margin:0; padding:0; font-style:italic; font-family:"Trebuchet MS", trebuchet, serif; font-size:12px; }
				#signature p strong { font-weight:normal; }
	#corps { background:url("img/corps.gif") repeat-y; }
		#gauche { width:160px; padding:20px 23px 10px 21px; margin:0; float:left; clear:both; }
			#gauche ul { list-style-type:none; margin:0; padding:0; }
				#gauche li { list-style-type:none; margin:0; padding:2px 0; display:block; }
					#gauche li.separator { padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid navy; }
					#gauche a { color:#333; }
						#gauche a:hover { text-decoration:underline; color:#F90; }
			#home a { padding-left:22px; background:url("img/accueil.gif") no-repeat 0 4px; /*margin-bottom:10px;*/ }
			#contact { padding-left:22px; background:url("img/contact.gif") no-repeat 0 4px; }
			#plan { padding-left:22px; background:url("img/plan.gif") no-repeat 0 3px; }
			#english { padding-left:22px; background:url("img/english.gif") no-repeat 0 4px; }
			#french { padding-left:22px; background:url("img/french.gif") no-repeat 0 4px; }
			#chinese { padding-left:22px; background:url("img/chinese.gif") no-repeat 0 2px; }
			#pdfsmall { padding-left:22px; background:url("img/pdfsmall.gif") no-repeat 0 2px; }
		#droitefp { width:220px; padding:20px 10px 10px 10px; margin:0; float:right; }
			#droitefp h1 { font-size:18px; color:#333; padding-left:18px; background:url("img/visiter.gif") no-repeat 0 5px; border-bottom:1px solid #33C; }
				#droitefp h1:first-letter { color:#33C; }
			#droitefp h2 { font-size:14px; color:#F60; padding:0; margin:0 0 10px 0; font-style:italic; }
		#milieu { 
			margin:0 241px 0 204px; 
			padding:20px 15px 10px 15px !important; /* pour FF */
			padding:1px 15px 10px 15px; /* pour IE6 */
			!padding:1px 15px 10px 15px !important; /* pour IE7 */
			}
			#milieu h1 { font-size:18px; color:#333; padding-left:18px; background:url("img/zoom.gif") no-repeat 0 6px; border-bottom:1px solid #33C; }
				#milieu h1:first-letter { color:#33C; }
			#milieu h2 { font-size:14px; color:#F60; padding:0; margin:0 0 10px 0; font-style:italic; }
		#droite { margin:0; padding:15px; background:#FFF; width:543px; float:right; }
			#droite h1 { font-size:18px; color:#333; padding-left:18px; border-bottom:1px solid #016633; background:url("img/droiteh1.gif") no-repeat 0 5px; }
				#droite h1:first-letter { color:#016633; }
			#droite h2 { font-size:14px; color:#1F1F6E; padding:3px 5px; margin:20px 0 10px 0; font-style:italic; background:url("img/h2.gif") repeat-y; }
			#droite h3 { font-size:14px; padding:0; margin:5px 0 8px 0; font-weight:bold; text-align:center; }
			#droite #leg { text-align:center; font-weight:bold; }
			#droite a { color:navy; }
				#droite a:hover { color:#F90; text-decoration:underline; }

#pied { margin:0 auto; padding:5px 0 40px 0; width:778px; text-align:right; font-size:10px; }
	#pied a { color:#333; }
		#pied a:hover { text-decoration:underline; }

.voir { background:url("img/voir.gif") no-repeat 0 5px; padding-left:12px; }
	.voir:hover { color:#F90; background:url("img/voiro.gif") no-repeat 0 5px;}
.imggauche { margin:3px 5px 3px 0; padding:0; border:0; float:left; }
.imgdroite { margin:3px 0 3px 5px; padding:0; border:0; float:right; }
.sousflottant { clear:both; }
.ulg { margin:0 0 15px 0; padding:0; }
.ulg li { margin:0 0 0 15px; padding:0px; list-style-position:inside; }
.petit { font-size:10px; margin-top:10px; }
.formulaire { background:none; border:1px solid black; margin:2px; }
.bottom { text-align:right; border-top:1px solid navy; clear:both; margin:10px 0; padding:5px 0 0 0; }
.haut { padding-left:10px; background:url("img/top.gif") no-repeat 0 3px; color:#33C; }
	.haut:hover { background:url("img/topo.gif") no-repeat; color:#F90; }
.pdf { padding-left:40px; background:url("img/pdf.gif") no-repeat; min-height:35px; }

