* {
	color: #666;
	font-family: Arial;
	margin: 0;
	padding: 0;
}

/*** titres ***/
h1 {
	background: url(../img/leonard-tv_02.jpg) no-repeat;
	height: 422px;
	width: 377px;
}

#header h1 {
	background: url(../img/leonard-tv_01.jpg) no-repeat;
	bottom: 0;
	height: 161px;
	position: absolute;
	right: 0;
	width: 377px;
}

#header h1 a {
	display: block;
	height: 100px;
	position: absolute;
	right: 80px;
	top: 100px;
	width: 210px;
}

h2 {
	color: #c4c4c4;
	font-size: 4em;
	line-height: 1.1em;
	text-transform: uppercase;
	width: 377px;
}

h2 span { color: #66CC00; }

h2#bulletin {
	background: url(../img/bulletin-special.gif) no-repeat;
	height: 40px;
	width: 246px;
}

h3 {
	color: #000;
	font-size: 1.3em;
}

/*** texte ***/
p {
	font-size: 1.3em;
	padding-bottom: 1.5em;
}

p strong { color: #000; }
p.medium { font-size: 1.2em; }
p.small { font-size: 0.9em; }

p.lien a { font-size: 1.4em; font-weight: bold; }
a { color: #66CC00; }


/***/

body {
	background: #fff;
	font-size: 62.5%;
}

#container {
	font-size: 1.0em;
	margin: 40px auto 0;
	width: 792px;
}

#header {
	position: relative;
	padding: 0 0 20px;
	width: 792px;
}

#leonardSide {
	display: inline;
	float: right;
	width: 377px;
}

#leonard {
	background: url(../img/leonard.jpg) no-repeat;
	height: 349px;
	margin-top: 10px;
	width: 377px;	
}

#messageSide { 
	display: inline;
	float: left;
	padding-bottom: 40px; 
	width: 415px; 
}


#contentTop {
	background: url(../img/bulle-top.gif) left bottom no-repeat;
	height: 9px;
	width: 415px;
}

#contentbottom {
	background: url(../img/bulle-bottom.gif) right top no-repeat;
	height: 13px;
	width: 415px;
}

#content1 { background: url(../img/bulle-filet.gif) right top repeat-y; }

#contentMessage {
	background: url(../img/bulle-back.gif) no-repeat;
	padding: 10px 10px 0;
}