#inside-content {
	padding-bottom:20px;
}
.intro {
    padding: 1em 8px 2em 8px;
    font-size: 1.5em;}

.do-the-test {
    background: #e0f0fa url(../images/blocks/insert-block-bottom.gif) no-repeat bottom;
    color: #0187AD;
    font-weight: bold;
    font-size: 11px;
    width: 258px;
    text-align: center;
    margin: 5px auto 0 auto;
   }
    .do-the-test div {
        background: url(../images/blocks/insert-block-top.gif) no-repeat top;}
        .do-the-test p {
            padding-top: 1em;
            margin: 0;}
            .do-the-test a.button {
                color: #0187AD;
                font-size: 13px;
                font-weight: bold;
                display: block;
                margin: 10px auto 0 auto;
                line-height: 32px;
                height: 32px;
                width: 136px;
                padding: 0;
                border: 0;
                background: transparent url(../images/visual-tiredness/button.gif) no-repeat scroll left top;}
                .do-the-test a.button:hover {
                    text-decoration: none;
                    color: #e2444b;
                    background-position: left -32px;}


.symptoms {
    width: 360px;
    float: left;
    position: relative;
    border-right: 1px solid #cdebf9;
    margin-right: 20px;
    }

	.symptoms #hommemalade{
		position: relative;
		margin: 0 auto 0 auto;
		width: 290px;
		height: 300px;
	}
	
	.symptoms #mecreplay{
		position: absolute;
		margin-top: 300px;
		width: 100%;
	}
	
	.symptoms #mecreplay a{
		display: block;
		height: 20px;
		width: 140px;
		padding: 8px 0 0 20px;
		margin: 0 auto 0 auto;
		background: url(../images/visual-tiredness/bouton-replay.gif) no-repeat left top;
		font-size: 1.2em;
	}
	.symptoms #mecreplay a:hover{
		background: transparent url(../images/visual-tiredness/bouton-replay.gif) no-repeat left -28px;
		text-decoration: none;
	}

	/* Pour la legende de l'animation e javascript */
	#meclegende{
		padding: 5px;
		position: absolute;
		top: 40px;
		left: 30px;
		width: 220px;
		background-color: #666666;
		color: #ffffff;
		font-size: 1.3em;
		line-height: 1.3em;
		text-align: center;
	}


    /* "Pour lutter contre ces symptômes…" */
    .important {
        text-align: center;
		margin: 1.5em auto 20px auto;
        width: 295px;
		padding:0;
        background: #e64443 url(../images/visual-tiredness/important-body.gif) no-repeat bottom left;
        color: white;
        clear: both;
     }
     .important div p {
        width: 295px;
			margin:0;
			padding:0;
            background: url(../images/visual-tiredness/important-top.gif) no-repeat top left;
		}

        .important.hover div p{
            background: url(../images/visual-tiredness/important-top2.gif) no-repeat top left;
		}
	    .important.hover {
	        background: url(../images/visual-tiredness/important-body2.gif) no-repeat bottom left;
		}

        .important p {
        width: 270px;            
		margin:0;
		padding:0;
            width: inherit;
           }

	        .important p a:link,
			.important p a:visited,
			.important p a:hover{
	        display:block;
			margin:0;
			color:#fff;
			padding: 5px 0px 11px 0px;
			text-decoration: none;
			margin-right: 10px;
			}
			
				
				

        
.what-is-visual-tiredness {
/*    background: url(../images/visual-tiredness/headache.jpg) 315px 0px no-repeat;*/
    width: 300px;
    float: left;
    margin-right: 10px;
    }
    /*
    .what-is-visual-tiredness p {
        width: 447px;}
*/
.eye-accomodation{
	float: right;
	width: 223px;
}

.eye-accomodation h3{
	padding:10px 0pt 15px 8px;
}
    .eye-accomodation div {
        float:left;
		background: url(../images/visual-tiredness/bottom-block-bg.gif) bottom left no-repeat;
		width: 223px;}
	    .eye-accomodation div div{
			text-align:center;
			padding:5px 5px 5px 5px;
			background: url(../images/visual-tiredness/top-block-bg.gif) 0 0 no-repeat;
			width: 206px;}

			.eye-accomodation div div p{
				color: gray;
				padding:0;
				margin:0;
				text-align:center;
/*				background: url(../images/visual-tiredness/em-text-blue-inside.gif) bottom center no-repeat;
*/				width: auto;}
				
				.eye-accomodation div div strong{
					text-align:center;
					display:block;
/*					background: url(../images/visual-tiredness/em-text-blue.gif) top center no-repeat;
*/					width: auto;}
			.eye-accomodation div#avec-anti-fatigue{
				margin-top: 5px;
			}
			.eye-accomodation div#avec-anti-fatigue div p{
/*				background: url(../images/visual-tiredness/em-text-red-inside.gif) bottom center no-repeat;
*/				}

				.eye-accomodation div#avec-anti-fatigue div strong{
					color: #e64443;
/*					background: url(../images/visual-tiredness/em-text-red.gif) top center no-repeat;
*/				}
				.eye-accomodation div#sans-anti-fatigue div strong{
					color: #0187ad;
				}
		   .eye-accomodation .do-the-test{
				background: url(../images/visual-tiredness/bottom-block-bg2.gif) bottom left no-repeat;
		   }
	   .eye-accomodation .do-the-test div{
			background: url(../images/visual-tiredness/top-block-bg2.gif) 0 0 no-repeat;
	   }
	   .eye-accomodation .do-the-test div p{
	    }
	.footnote{
		clear: left;
		width: 300px;
		margin-left: 380px;
	}