@media screen{
body
{
			text-align: left ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			background: #eaeae1 ; 
}
}

@media print{
body
{
			text-align: left ;
			font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
			
}
}


div#conteneur
		{
			width: 770px ;
			margin: 0 auto ;
			padding: 10px ;
			text-align: left ;
			border-bottom: 4px solid #333;
			border-top: 1px solid #666 ;
			border-right: 4px solid #333;
			border-left: 1px solid #666;
			background:#eaeae1 url('fd.jpg') ;

		}
h1
{ 
color:#666;
font-size:12pt;
text-align: center ;

}
h3
{ color:#000;
font-size:13pt;
margin-left: 170px;
margin-right: 80px;
padding:5px;
text-align: left ;
border-bottom: 1px solid #81425d ;
			border-left: 3px solid #81425d ;

}
h5
{ color:#fff;
font-size:10pt;
text-align: left ;
}
h4
{ color:#000;
font-size:9pt;
text-align: center ;
}
p {margin-left: 90px;
margin-right: 90px;
}
h2
{ color:#000;
font-size:15pt;
text-align: center ;
}

div#frame {
height: 400px;
width: 700px;
padding:10px;
margin-left: 10px;
margin-top: 10px;
			
background: #eaeae1 url('carte.jpg') no-repeat right; 
}

div#imp {
height: 400px;
width: 700px;
padding:10px;
			
}

} 
a {
color: #9b9b9b;

text-decoration: none;
}
a:hover {
background: #d7eef8;
color: #000;
text-decoration: underline;
}
li{ color:#000;
font-size:12pt;
text-align: left ;
margin-left: 190px;
margin-right: 30px;
}


@media screen{
#film {margin:0 auto 0 auto;}

}
/* old fashioned still shot animation */
#film {position:relative; width:400px; height:168px; background:#fff url(1.jpg) no-repeat;}
#film a, #film a:visited {position:absolute; width:80px; height:168px; z-index:100; cursor:default;}

#film a img, #film a:visited img {display:none;}
#film a:hover {cursor:pointer;} 

#film a#m1 {top:0; left:0PX; background:transparent url(1.jpg) no-repeat 0 -300px; z-index:100;}
#film a#m2 {top:0; left:80px; background:transparent url(2.jpg) no-repeat 0 -300px; z-index:100;}
#film a#m3 {top:0; left:160px; background:transparent url(3.jpg) no-repeat 0 -300px; z-index:100;}
#film a#m4 {top:0; left:240px; background:transparent url(4.jpg) no-repeat 0 -300px; z-index:100;}
#film a#m5 {top:0; left:320px; background:transparent url(5.jpg) no-repeat 0 -300px; z-index:100;}



#film a#m1:hover, #film a#m2:hover, #film a#m3:hover, #film a#m4:hover, #film a#m5:hover  {width:400px; top:0; left:0; background-position:0 0; z-index:50;}
@media print{
#film {display:none;}
       }
@media screen{
div#pied
		{	width: 770px ;
			margin: 0 auto ;
			padding: 10px ;
			text-align: right ;}
}
@media print{div#pied {display:none;}
}