@charset "utf-8";

html{
background:url(images/fond.bmp);
font-family:"Times New Roman", Times, serif;
color:#000066;
height:100%;
margin:0px;
padding:0px}

body{
height:100%;
margin: 0px;
padding:0px}

#container{
border-left:#000066 solid 3px;
border-right:#000066 solid 3px;
background:#FFFFFF;
min-height:100%;
position:relative;
width: 920px;
margin:0 auto}

#entete{
height:100px}

#menu{
margin:20px 0px 0px 10px;
padding:0px;
float:left;
position:fixed;
width:127px}
	#menu1{
	background:url(images/menu-1.png);
	height:24px}
	#menu2{
	background:repeat-y url(images/menu-2.png);
	padding:0 13px 0 3px}
	#menu3{
	background:url(images/menu-3.png);
	height:24px}

#encadre{
margin:-2px -2px 20px 30px;
position: absolute;
right:0;
top:102px;
width:150px}
	#encadre1{
	background:url(images/encadre-1.png);
	height:20px}
	#encadre2{
	margin-top:-20px;
	margin-bottom:-20px;
	padding:5px 6px 5px 6px;
	background:repeat-y url(images/encadre-2.png)}
	#encadre3{
	background:url(images/encadre-3.png);
	height:20px}
    
#pied{
height:30px;
margin:0px;
padding:0px;
position:absolute;
left:0;
bottom:0;
width:920px;
background:url(images/footer.png);
text-align:center} 
    
#contenu{
zoom:1;
text-align:justify;
margin:0px;
padding:40px 30px 50px 162px}

ul, li{
font-size:20px;
margin:0;
padding:0;
list-style:none;
text-align: center}
	ul, li a{
	color:#000066;
	text-decoration: none;}
	ul, li a:hover{
	color:#CC0000}

a{
color:#CC0000;
text-decoration: none}
a:hover{
color:#996600}

a.i{background:url('images/menu-logo-1.png'); display:block; width:99px; margin-left:5px} 
a.i:hover{background:url('images/menu-logo-2.png')}