html, body	{
	margin:0 auto;
	padding:0;
	width:auto;
	height:auto;
	background:#F0BB47;
	font-family:Arial, Helvetica, sans-serif;
	color:#472700;
}

	#main	{
		margin:0 auto;
		padding:0;
		width:1000px;
		height:auto;
	}

	a img	{
		border:0;
	}
	a.img	{
		text-decoration:none;
	}

				img.navi	{
					float:right;
					padding-right:1px;
					width:6%;
				}
				#navi p	{
					text-align:left;
					font-size:12px;
					font-weight:bold;	
				}
				#navi a:link	{text-decoration:none; font-weight:normal; color:#472700;}
				#navi a:visited	{text-decoration:none; font-weight:normal; color:#472700;}
				#navi a:hover, #navi a:active	{cursor:pointer; text-decoration:none; font-weight:bold; color:#EEE88D;}	
	
			#header-image {
				width:1000px;
				height:130px;
				background:url(../img/ban_chatman.jpg) no-repeat;
			}
			
/* Menu principal */
				#main-menu ul	{
					text-align:center;
					list-style:none;
				}
				#main-menu li.on	{
					display:inline;
					padding:3px 7px;
					text-transform:uppercase;
					font-size:17px;
 					font-weight:bold;
					color:#472700;
					background:#EEE88D;
					border:3px outset #FFF;
				}
				#main-menu li	{
 					display:inline;
					padding:3px 7px;
 					text-transform:uppercase;
					font-size:17px;
 					font-weight:bold;
					color:#FFF;
 				}
					#main-menu li a:link	{
						padding:3px 7px;
						text-decoration:none;
						color:#FFF;
						text-shadow:2px 2px 2px #472700;
						border:3px outset #FFF;
					}
					#main-menu li a:visited	{
						padding:3px 7px;
						text-decoration:none;
						color:#FFF;
						text-shadow:2px 2px 2px #472700;
						border:3px outset #FFF;
					}
					#main-menu li a:hover, #main-menu li a:active	{
						cursor:pointer;
						padding:3px 7px;
						text-decoration:none;
						color:#472700;
						text-shadow:none;
						background:#EEE88D;
						border:1px solid #472700;
					}
				
/* sous-menus */
				.sous-menu ul	{
					margin:0;
					padding:0;
					text-align:center;
				}
				.sous-menu li {
					display:block;
					list-style:none;
					margin:30px 0;
 					padding:3px 7px;
					font-size:17px;
 					font-weight:bold;
 				}
					.sous-menu li a:link {
						padding:7px;
						text-decoration:none;
						font-weight:bold;
						color:#472700;
						background:#F0BB47;
						border:3px outset #FFF;
						cursor:pointer;
					}
						.sous-menu li a:visited	{
							text-decoration:none;
							font-weight:bold;
							color:#472700;
							background:#FFFACD;
							border:3px outset #FFF;
						}
						.sous-menu li a:hover, #sous-menu li a:active	{
							cursor:pointer;
							text-decoration:none;
							font-weight:bold;
							color:#472700;
							background:#FFFACD;
							border:solid 1px #472700;
						}
						
/* contenu des pages */
		#content	{
			margin:0;
			padding:0;
  			height:auto;
			border:3px solid #472700;
			background:#EEE88D;
		}
		
	/* TITRES */
			#content h1 {
				margin:0;
				padding-top:7px;
				text-align:center;
				text-shadow:1px 1px 1px #FFF;
				font-size:30px;
				font-weight:bold;
				text-transform: uppercase;
			}
				#content	h2 {
					margin:0;
					padding:0;
					text-align:center;
					font-size:16px;
					font-weight:bold;
					font-style:italic;
					text-transform:lowercase;
				}
					#content	h3	{
						background:#F0BB47;
						margin:70px 0 10px 0; 
						padding:7px;
						text-align:center;
						font-size:20px;
						text-transform:uppercase;
						color:#FFF;
						text-shadow:2px 2px 3px #472700;
						border-top:3px solid #472700;
						border-bottom:3px solid #472700;
					}
						#content	h4	{
							margin:0;
							padding:7px 0;
							text-align:center;
							font-size:18px;
							color:#472700;
						}
							#content	h5	{
								margin:0;
								padding:7px 30px;
								text-align:left;
								text-decoration:underline;
								font-size:16px;
							}
								#content	h6	{
									margin:0;
									padding:7px 30px;
									text-align:left;
									text-decoration:underline;
									font-size:16px;
									color: #969;
								}
	
	/* Listes simples */
					#content ul	{
						padding-left:70px;
						text-indent:0;
						line-height:30px;
					}
					
	/* CADRES */					
					p.cadre	{
						padding:3px 7px;
						width:380px;
						line-height:30px;
						background:#FFFACD;
						border:1px solid #F0BB47;
					}
					
	/* Infobulles */
					p.info	{
						padding:7px 30px;
						text-indent:0;
						text-align:justify;
						font-size:17px;
						font-weight:bold;
						background:#FFFACD;
						border:1px solid #F0BB47;
				}
					
	/* Trait de séparation horizontal */					
					hr	{
						margin:7px 30px;
						padding: 0;
						height: 3px;
						background:#F0BB47;
						border:0;		
					}
	/* Questions */				
					.questions	{
						float:right;
						margin:0 30px 0 0;
						text-align:justify;
						font-size:16px;
					}
					.questions p	{
						margin:0;
						padding:3px 7px;
						text-align:center;
						font-weight:bold;
						background:#f0bb47;
						border:1px solid #472700;
					}
					.questions ul	{
						margin:0;
						padding:3px 7px;
						line-height:40px;
						background:#FFFACD;
						border:1px solid #F0BB47;
					}
					.questions li	{
						margin:3px 7px;
						list-style-image : url('../img/cat_paw.png');
					}
	/* GAUCHE */
				.photo-left	{
					float:left;
					text-align:center;
					font-size:12px;
					margin:7px 0 0 30px;
				}
					img.photo-w1-left {
						width:270px;
						height:180px;
					}
					img.photo-w2-left {
						width:500px;
						margin:7px;
					}
					img.photo-h1-left {
						width:180px;
						height:270px;
						padding:7px 30px;
					}
				.text-1-left	{
					margin:0 310px 0 0;
					padding:7px 7px 7px 30px;
					text-indent:30px;
					text-align:justify;
					font-size:16px;
				}
				
	/* CENTRE */
				.photo-1-center	{
					margin:0 auto;
					text-align:center;
					font-size:12px;
				}
				.text-1-center	{
					margin:7px 7px 7px 310px;
					padding:7px;
					width:380px;
					text-align:justify;
					font-size:16px;
				}
				.text-2-center	{
					margin:0;
					padding:7px 30px;
					text-indent:30px;
					text-align:justify;
					font-size:16px;
				}
				.text-3-center	{
					margin:0;
					padding:7px 30px;
					text-align:center;
					font-size:16px;
					background:#FFFACD;
				}
				
	/* DROITE */
				.photo-right	{
					float:right;
					margin:0;
					padding:0 30px 0 3px;
					text-align:center;
					font-size:12px;
				}
					img.photo-h1-right {
						height:270px;
					}
					img.photo-h2-right {
						width:180px;
						height:270px;
					}
					img.photo-w1-right {
						width:270px;
					}
					img.photo-w2-right {
						width:170px;
						margin:0 auto;
					}
				.text-1-right	{
					margin:0 0 0 310px;
					padding:7px 30px 7px 7px;
					text-indent:30px;
					text-align:justify;
					font-size:16px;
				}
					.text-1-right ul	{
						margin:0;
						padding:3px 7px;
						line-height:30px;	
					}
				
				.text-2-right	{
					margin:0;
					padding:7px 7px 7px 500px;
					width:650px;
					text-indent:30px;
					text-align:justify;
					font-size:16px;
				}
					ul.plan, li.plan	{
						margin:0;
						padding:0;
					}
				.text-ref {
					margin: 0;
					padding:0 60px;
					text-indent:-30px;
					text-align: justify;
					font-size: 10px;
				}	
				
					.text-side	{
						margin:0;
						padding:0 30px 0 0;
						text-align:right;
						font-size:12px;
					}
/* Formulaires */
					form	{
						margin:0;
						padding:10px 20px;
						width:900px;
						height:auto;	
					}
					form p	{
						font-size:12px;
						text-align:right;
					}
					form fieldset	{
  						margin:20px 0;
  						background:#FFFACD;
  						border:solid 1px #472700;
					}
					form legend	{
   						text-shadow:1px 1px 1px #FFF;
   						font-weight: bold;
					}
					form table	{
						border:0;
						width:850px;
					}
					form td.label	{
						text-align:right;
					}
					span.asterix	{
						color:#F00;
					}
					input, textarea	{
   						margin:0 7px;
					}
					/* Quand le curseur est sur un champ */
					input:focus, textarea:focus {
						margin-left:12px;
						padding:2px 4px;
						border:solid 1px #472700;
						background:#EEE88D;
					}
					input[type=submit], input[type=reset]	{
						padding:7px;
						color:#472700;
						background:#F0BB47;
						border:3px outset #FFF;
						font-weight:bold;
						cursor:pointer;
					}
					input[type=submit]:hover, input[type=reset]:hover {
						color:#472700;
						font-weight:bold;
						background:#FFFACD;
						border:solid 1px #472700;
					}
					input[type=submit]:active, input[type=reset]:active {
						color:#472700;
						font-weight:bold;
						background:#FFFACD;
						border:solid 1px #472700;
					} 



/* Pied de Page */
			#footer  {
				margin:0;
				padding:0;
				text-align:center;
				font-size:12px;
			}
				
			a.courriel:link		{padding:0 20px 0 0; text-decoration:none; font-weight:bold; color:#909; background:url(../img/courriel2.png) no-repeat 100% 0;}
				a.courriel:visited	{padding:0 20px 0 0; text-decoration:none; font-weight:bold; color:#909; background:url(../img/courriel2.png) no-repeat 100% 0;}
				a.courriel:hover, a.courriel:active	{cursor:pointer; padding:0 20px 0 0; text-decoration:underline; font-weight:bold; color:#909; background:url(../img/courriel2.png) no-repeat 100% 0;}
			a.ext:link				{padding:0 20px 0 0; text-decoration:none; color:#472700; background:url(../img/lien_ext.png) 100% no-repeat;}
				a.ext:visited			{padding:0 20px 0 0; text-decoration:none; color:#472700; background:url(../img/lien_ext.png) 100% no-repeat;}
				a.ext:hover, a.ext:active		{cursor:pointer; padding:0 20px 0 0; text-decoration:underline; color:#472700; background:url(../img/lien_ext.png) 100% no-repeat;}
			a.int:link				{text-decoration:none; font-weight:bold; color:#EA8713;}
				a.int:visited			{text-decoration:none; font-weight:bold; color:#EA8713;}
				a.int:hover, a.int:active		{cursor:pointer; text-decoration:underline; font-weight:bold; color:#EA8713;}
			a.int2:link				{text-decoration:none; color:#EA8713;}
				a.int2:visited			{text-decoration:none; color:#EA8713;}
				a.int2:hover, a.int2:active		{cursor:pointer; text-decoration:underline; color:#EA8713;}