body {	
	background-color: #4B62B7;
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 12px;	
	color: #333;
	margin-top: 5px;
	}
* {
margin:0px;
padding: 0px;
}

h1 { color:#9C0;
	font-size:18px;
	}
h2 {
	color: #C00;
	font-size: 14px;
	}
h3 {
color:#333333;
font-size:12px
}
	
.left {
	float:left;
}

.right{
	float:right;
}

.centre{
	text-align:center;
}
.rouge {
color:#C00;
font-size:20px;
}
.vert {
color:#9C0;
font-size:20px;
}
.gris {
font-size:18px;
}

.BulletBackgroundColor {
	color: #FFFFFF
	}
img { 
	border:none
	}

.titre-rubrique{
display:block;
padding:2px;
height:19px;
background:url(../images/fond-rubrique.jpg);
background-repeat:repeat-x;
font-size:16px;
text-align:center;
color:#FFFFFF;
}
/*site*/

#website {
	width:993px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
	}
	
/*bandeau animé festival d'animation annecy 2010*/

#header {
	background-color:#000000;
	height:333px;
	}
#signature {
	background: url(../images/fond-signature.jpg);
	background-repeat:repeat-x;
	float:right;
	width:676px;
	}
#pierre-todeschini {
	background-image:url(../images/pierre.jpg);
	background-repeat:no-repeat;
	float:right;
	width:171px;
	height:56px;
	padding:50px 10px 0px 20px;
	text-align:right;
}
#pierre-todeschini a {
	color:#FFFFFF;
	text-decoration:none;
	}
#festival {
	float:left;
	background:url(../images/festival-2010.jpg);
	background-repeat:repeat-x;
	padding:5px;
	width:666px;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF
}
		#festival a {
			padding:0px;
			margin: 0px 5px 0px 5px;
			color:#9C0;
			font-weight:normal;
			text-decoration:none;
			}
#presentation {
	float:left;
	background-color: #FFFFFF;
	padding:15px 10px 10px 10px;
	width:206px;
	height:171px;
	}
	
#animation {
width:450px;
height:196px;
float:left
}
	
/*contenu central festival d'animation annecy 2010*/

#website #main {
	background-color: #FFFFFF;
}
	#website #main #menu {
	margin-bottom:5px;
	}
		/*menus reseaux*/
		#website #main #menu #reseaux {
			width:113px;
			padding : 0 0 0 2px;
			float:left;
			font-size:10px;
		}

						#website #main #menu #reseaux ul{
						list-style:none;
						margin:0px;
						padding:0px
						}
						#website #main #menu #reseaux ul li a {
						font-family: Arial, Helvetica, sans-serif;	
						font-size: 10px;
						font-weight:bold;
						color:#333;
						margin-left:5px;
						text-decoration:none
						}
						
						#website #main #menu #reseaux ul li a:hover {
						color:#C00;
						}
		/*menus rubriques*/
		#website #main #menu #rubrique {
			width:202px;
			float:left;
		}

						#website #main #menu #rubrique ul li {
						height:15px;
						padding: 5px 0px 5px 2px;
						border-bottom:#99CC00 solid 1px;
						list-style:none;
						text-align:left
						}
						
						#website #main #menu #rubrique ul li a {
						font-size:12px;
						font-weight:bold;
						color:#333;
						text-decoration:none;
						}
						#website #main #menu #rubrique ul li a:hover {
						color:#C00;
						}
/*content*/

		#website #main #content {
			background:url(../images/ange.jpg);
			background-repeat:no-repeat;
			float:left;
			width:993px;
		}
					#website #main #content #center{
					margin-left:115px;
					}

					#website #main #content #ariane{
						background-color: #8DAD06;
					}
					#website #main #content #ariane a {
						color:#FFFFFF;
						text-decoration:none;
					}
					#website #main #content ul {
					margin-left:25px;
					}
/*footer*/

#website #footer {
		font-size:10px;
		text-align:center;
	}
#website #footer a {
	color:#333333;
	text-decoration:none
}