/*
#advices #inside-content p, #advices #inside-content li, #advices #inside-content h3 {
	width:630px;
}

.toc {
	background:#E0F0FA url(../images/blocks/toc-bg.gif) repeat-x left bottom;
	border:1px solid #C2E6F7;
	margin:10px;
	padding:15px 0pt;
	width:676px;
}
*/

#content{
	clear: both;

}
#advices #toc{
	position: relative;
	background: url(../images/advices/toc-bg2.jpg) no-repeat left top;
	height: 336px;
	list-style: none;
}

#advices #toc li{
	list-style: none;
	display: block;
	background: none;
	padding: 0; margin: 0;
}

#advices #toc #lpause, #advices #toc #leclairage, #advices #toc #lposition{
	position: absolute;
	top: 270px;
}

#advices #toc #lpause a, #advices #toc #leclairage a, #advices #toc #lposition a{
	display: block;
	padding-left: 20px;
}

#advices #toc #lpause a:hover, #advices #toc #leclairage a:hover, #advices #toc #lposition a:hover{
	text-decoration: none;
}


#advices #toc #lpause{
	background: url(../images/advices/pause-bg-haut.gif) no-repeat left top;
	left: 55px;
	width: 146px;
}

#advices #toc #lpause a{
	position:relative;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../images/advices/pause-bg-bas.gif) no-repeat left bottom;
}

#advices #toc #leclairage{
	background: url(../images/advices/eclairage-bg-haut.gif) no-repeat left top;
	left: 245px;
	width: 190px;
}

#advices #toc #leclairage a{
	position:relative;
	padding-top: 7px;
	padding-bottom: 7px;
	background: url(../images/advices/eclairage-bg-bas.gif) no-repeat left bottom;
}

#advices #toc #lposition{
	background: url(../images/advices/position-bg-haut.gif) no-repeat left top;
	left: 460px;
	width: 159px;
}

#advices #toc #lposition a{
	position:relative;
	background: url(../images/advices/position-bg-bas.gif) no-repeat left bottom;
	padding-top: 4px;
	padding-bottom: 7px;
}

#advices #toc #lpause a:hover{ background: url(../images/advices/pause-bg-bas-b.gif) no-repeat left bottom; }
#advices #toc #lpause.hover{ background: url(../images/advices/pause-bg-haut-b.gif) no-repeat left top; }
#advices #toc #leclairage a:hover{ background: url(../images/advices/eclairage-bg-bas-b.gif) no-repeat left bottom; }
#advices #toc #leclairage.hover{ background: url(../images/advices/eclairage-bg-haut-b.gif) no-repeat left top; }
#advices #toc #lposition a:hover{ background: url(../images/advices/position-bg-bas-b.gif) no-repeat left bottom; }
#advices #toc #lposition.hover{ background: url(../images/advices/position-bg-haut-b.gif) no-repeat left top; }


/* Prechargement des images -b via le javascript. Penser à le changer */
#pre-pause .1{ url(../images/advices/pause-bg-bas-b.gif) }
#pre-pause .2{ url(../images/advices/pause-bg-bas-b.gif) }
#pre-eclairage .1{ url(../images/advices/eclairage-bg-bas-b.gif) }
#pre-eclairage .2{ url(../images/advices/eclairage-bg-haut-b.gif) }
#pre-position .1{ url(../images/advices/position-bg-bas-b.gif) }
#pre-position .2{ url(../images/advices/position-bg-haut-b.gif) }


#advices #toc #lpensez-y{
	position: absolute;
	top: 150px;
	right: 40px;
	background: url(../images/advices/pensez-y-bas.gif) no-repeat left bottom;
	width: 214px;
	padding-bottom: 21px;

}

#advices #toc #lpensez-y a{
	color: #ffffff;
	padding: 15px 100px 0 20px;;
	font-size: 1.6em;
	line-height: 1em;
	display: block;
	background: url(../images/advices/pensez-y-bg.gif) no-repeat left top;
}
#advices #toc #lpensez-y a:hover{
	text-decoration: none;
}

/* Pour l'animation de la tete qui bouge */
#tete_bouge {
	background: url(../images/bonhomme2.gif) no-repeat left top;
	display: block;
	width: 53px;
	height: 45px;
	position:absolute;
	top:15px;
	left:130px;
	width:50px;
	display:block;
}
