body{
	font-size:1em;
	font-family: 'Lucida Grande','Trebuchet MS', arial, helvetica, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	background:#444 url(bodyBackground.png) 0 0 repeat;
	text-align:center;
}
#container {
	text-align:left;
	width: 740px;
	margin: 10px auto; 
	border:1px solid #000;
	background-color:#fff;
	padding: 0 20px 40px 20px;
	-moz-border-radius-topRight:20px;
	-moz-border-radius-bottomLeft:20px;
}
#top {
	position:absolute;
	top:10px;
	left:5px;
	width:150px;
}

#top a{
	padding:10px;
	display:block;
	border:1px solid #000;
	text-decoration:none;
	-moz-border-radius-topRight:12px;
	-moz-border-radius-bottomLeft:12px;
	background-color:#eee;
	color:#222;
	font-size:10px;
}

#top a:hover{
	background-color:#555;
	color:#fff;
}
a{
	color:#4b5e9d;
}
a:hover {
	color:#718de7;
}
h1{
	margin:10px 0;
	padding:5px 0 0 0;
	text-align:center;
}


h1 span.titre{
	font-size:1em;
}
h1 span.sous-titre{
	font-size:0.8em;
}
h1 span.auteur {
	font-size:0.7em;
}

h2{
	color:#555;
	border-bottom:1px solid #bbb;
}

h3{
	border-bottom:1px solid #ccc;
}
blockquote {
	border:1px solid #ddd;
	padding:0.2em 0.5em;
	background-color:#eee;
	-moz-border-radius:1em;
}
em{ 
	background-color:#fffdcb;
}
.code {
	border:1px solid #aaa;
	background:transparent url(codeBackground.png) 0 0 repeat;
	padding-bottom:10px;
	margin:5px 0;
}
.exemple {
	border:1px solid #000;
	border-top:none;
	padding:10px;
	background-color:#fff;
	margin:0 10px 10px 10px;
}
.exemple  h5{
	margin:3px 0;
	border-bottom:1px solid #ccc;
}
.toggle {
	border:1px solid #000;
	background-color:#eee;
	display:block;
	margin:10px 10px 0 10px;
	text-align:right;
	background-color:#333;
}
.toggle a{
	color:#fff;
	padding:2px 10px;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
td, th{
	border:1px solid #888;
	padding:2px 5px;
}


 
#exemple1 p{
	font-family : arial;
}
#exemple1 .test1{
	font-family : sherif;
	letter-spacing : .5em;
}
#exemple1 .test2{
	color:red;
	font-weight : bold;
}
#exemple1 .test3{
	text-transform : uppercase;
	line-height:2em;
}

#exemple2 p{
		border:1px solid #000;
	}
#exemple2 p.test1{
		border-width : 10px;
	}
#exemple2 p.test2{
		border-style : dotted;
	}
#exemple2 p.test3{
		border-color : red;
	}



#exemple3 p{
		border:1px solid #000;
		background-color:#999;
	}
#exemple3 p.test1{
		background:transparent url(bodyBackground.png) 0 0 repeat;
	}
#exemple3 p.test1:hover{
		background-color:#999;
		background-image:none;
	}


#exemple4 p{
		border:1px solid #000;
		padding:1em 5em 2em 1em;
		width:200px;
	}
#exemple4 p.test1{
		padding:1em;
		margin:1em auto;
		width:300px;
		height:300px;
	}
	
	
	
	

	#exemple5{
		padding:0;
	}
	#exemple5	p{
		border:1px solid #000;
		padding:1em;
		width:150px;
		float:left;
		margin:1em;
	}
#exemple5	p.test1{
		padding:1em;
		margin:2em;
		width:150px;
	}
	#exemple5	p.test2{
			padding:1em;
			margin:2em;
			width:150px;
		}
		#exemple5	p.test3{
				padding:1em;
				margin:1em;
				width:400px;
				clear:both;
			}
a.biglink{
padding:1em;
display:block;
border:1px solid #444;				
text-align:center;
background-color:#eee;
font-size:2em;
text-decoration:none;
}



a.biglink{
	padding:10px;
	display:block;
	border:1px solid #000;
	text-decoration:none;
	-moz-border-radius-topRight:12px;
	-moz-border-radius-bottomLeft:12px;
	background-color:#eee;
	color:#222;
	font-size:1.5em;
}

a.biglink:hover{
	background-color:#555;
	color:#fff;
}