* { margin: 0; padding: 0; border: 0; }
body {
	font-size:62.5%; /* 1em vaut 10px, 0.8em vaut 8px, 1.6em vaut 16px */
	background: #EEE;
	font-family: Verdana, Arial, sans-serif;
	line-height: 1.4;
	text-align: center;
}

h2 { color: #d04d47; font-size: 1.3em; padding: 4px 0; }	/* à modifier */
h3 { color: #c15893; font-size: 1.2em; padding: 4px 0; }	/* à modifier */
p  { color: #343434; font-size: 1.1em; padding: 4px 0; }
li { color: #343434; font-size: 1.1em;   padding: 4px 0; }

a:link, a:visited { color: #343434; text-decoration: underline; }
a:hover { text-decoration: none; }

a.highlight:link, a.highlight:visited { background: transparent url(cil49/a.gif) no-repeat 0 5px; padding-left: 7px; }
a.highlight:hover {}


.clear { clear: both; }
.txtr { text-align: right; }
.txtc { text-align: center; }
.alert { color: red; font-weight: 1.1em; font-weight: bold; border: 2px solid red; padding: 4px; margin: 16px 0 0 0; }

.imgfll { float: left; padding: 5px 5px 5px 5px;}
.imgflr { float: right; padding: 5px 5px 5px 5px;}

#container {
	width: 808px;
	background: transparent url(cil49/background.gif) repeat-y 0 0;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

	#header {
		width: 744px;
		height: 132px;
		background: url(cil49/logo.jpg) no-repeat 0 0;
		margin: 0 auto 10px auto;
	}
	
		#header a:link, #header a:visited, #header a:hover{
		display: block;
		width: 700px;
		height: 80px;
		position: absolute;
		top: 20px;
		left: 250px;
		/* border: 1px solid red; */
	}
	
		#header * { position: absolute; left: -10000px; }
		#header a span { position: absolute; left: -10000px; }
				
	#main { width: 744px; margin: 0 auto; text-align: left; }
	
		#sidebar { width: 199px; float: left; }
			/* Image dans la sidebar */
			#sidebar #illustration { display: block; margin: 0 0 10px 0; }

			/* Bloc welcome */
			#sidebar #welcome { background: transparent url(cil49/welcome_bottom.gif) no-repeat left bottom; }
				#sidebar #welcome h2 { color: #333; margin: 0; padding: 4px 10px; background: transparent url(cil49/welcome_top.gif) no-repeat 0 0; font-size: 1.2em; }
				#sidebar #welcome h2 a:link {text-decoration: none; }
				#sidebar #welcome h2 a:hover {text-decoration: underline; }
				#sidebar #welcome h2 a:visited {text-decoration: none; }
				#sidebar #welcome p  { color: #383838; margin: 0 10px; padding: 4px 0 5px 0; }
				#sidebar #welcome p span { display: block; margin: 0; padding: 2px 0 0 0; border-bottom: 1px solid #828282; }
				#sidebar #welcome p a:link {text-decoration: none; }
				#sidebar #welcome p a:hover {text-decoration: underline; }
				#sidebar #welcome p a:visited {text-decoration: none; }
				
			/* Bloc welcome2 */
			#sidebar #welcome2 { background: transparent url(cil49/welcome2_bottom.gif) no-repeat left bottom; }
				#sidebar #welcome2 h2 { color: #fff; margin: 0; padding: 4px 10px; background: transparent url(cil49/welcome2_top.gif) no-repeat 0 0; font-size: 1.2em; }
				#sidebar #welcome2 h2 a:link {text-decoration: none; }
				#sidebar #welcome2 h2 a:hover {text-decoration: underline; }
				#sidebar #welcome2 h2 a:visited {text-decoration: none; }
				#sidebar #welcome2 p  { color: #fff; margin: 0 10px; padding: 4px 0 5px 0; }
				#sidebar #welcome2 p span { display: block; margin: 0; padding: 2px 0 0 0; border-bottom: 1px solid #828282; }
				#sidebar #welcome2 p a:link {color: #fff; text-decoration: none; }
				#sidebar #welcome2 p a:hover {color: #fff; text-decoration: underline; }
				#sidebar #welcome2 p a:visited {color: #fff; text-decoration: none; }
				
			/* Bloc d'avertissement */
			#sidebar #warning { background: transparent url(cil49/warning_bottom.gif) no-repeat left bottom; }
				#sidebar #warning h2 { color: #ffffff; margin: 0; padding: 0; background: transparent url(cil49/warning_top.gif) no-repeat 0 0; }	/* à modifier */
					#sidebar #warning h2 span { display: block; margin: 0 10px; padding: 8px 0 0 0; border-bottom: 1px solid #ffffff; }	/* à modifier */
				#sidebar #warning h3 { color: #ffffff; margin: 0 10px; padding: 10px 0 0 0; font-size: 1.1em; }	/* à modifier */
					#sidebar #warning h3 a:link {color: #ffffff; text-decoration: none; }	/* à modifier */
					#sidebar #warning h3 a:hover {color: #ffffff; text-decoration: underline; }	/* à modifier */
					#sidebar #warning h3 a:visited {color: #ffffff; text-decoration: none; }	/* à modifier */
				#sidebar #warning p  { color: #ffffff; margin: 0 10px; padding: 8px 0 5px 0; font-size: 1em; line-height: 1.5; }	/* à modifier */
					#sidebar #warning p img { float: left; padding: 0 8px 0 0; }
		
			/* Bloc de nav */
			#sidebar #nav { background: transparent url(cil49/nav_bottom.gif) no-repeat left bottom; margin: 0 0 10px 0; }
				#sidebar #nav ul { margin: 0; padding: 10px 0; background: transparent url(cil49/nav_top.gif) no-repeat 0 0; }
					#sidebar #nav ul li { color: #ffffff; list-style: none; border-top: 1px solid #ffffff; margin: 1px 10px; }	/* à modifier */
					#sidebar #nav ul li.lastchild { color: #ffffff; border-bottom: 1px solid #ffffff; }
						#sidebar #nav ul li a:link, #sidebar #nav ul li a:visited {
							display: block;
							color: #ffffff;
							text-decoration: none;
							/* padding-left: 10px; */
							/* background: transparent url(cil49/a_nav.gif) no-repeat 2px 3px; */
						}
						#sidebar #nav ul li a:hover {}
		
		#content { padding: 0 10px 0 220px; }
			#content #intro { padding: 0 0 10px 0; }
							
			#content h3 { background: transparent url(cil49/h3.gif) no-repeat 0 10px; padding: 7px 0 1px 14px; border-bottom: 1px solid #737b7b; }	/* à modifier */
				#content h3 a:link, #content h3 a:visited { color: #0d5b9e; text-decoration: none; }	/* à modifier */
				#content h3 a:hover { color: #7bb2d8; }	/* à modifier */
				
			#content ul { padding: 0 0 0 25px;}
			
			#content form { }
				#content form fieldset {
					border: 1px solid #d04d47;	/* à modifier */
					padding: 10px;
					margin: 16px 0;
				}
					#content form fieldset label { font-size: 1em; }
					#content form fieldset ul { list-style-type: square; color: #bfbfbf; font-size: 1.1em; }	/* à modifier */
					#content form fieldset ul li { color: #339933; padding: 3px 0; margin: 0 0 0 16px; }
					
				#content form table {
					width: 510px;
					border: 1px solid #d04d47;	/* à modifier */
					padding: 6px;
					margin: 16px 0;
				}
					#content form table th, #content form table td { padding: 5px 1px; font-size: 11px; }
					#content form table th { text-align: left; }
					#content form table td a:link {text-decoration: none; }
					#content form table td a:hover {text-decoration: underline; }
					#content form table td a:visited {text-decoration: none; }
					#content form table input { border: 1px solid #d04d47; padding: 1px; font-size: 11px; }	/* à modifier */
					#content form table select { border: 1px solid #d04d47; padding: 1px; font-size: 11px; }	/* à modifier */
					#content form table span { border: 1px solid #d04d47; padding: 1px; font-size: 11px; }	/* à modifier */

#footer {
	width: 808px;
	background: transparent url(cil49/footer.gif) no-repeat 0 0;
	margin: 0 auto;
	padding: 26px 0 10px 0;
	text-align: center;
}
	#footer ul { list-style: none; }
		#footer ul li { display: inline; }
	
	#footer p { font-size: 8px; }

