/* CSS Document */
body{
margin:0; padding:0; background-color:#000000;
}
	
#global{
position: relative; width: 800px; margin: 0 auto; background-color:#000000; color:#FFFFFF; font-size:12px;
}

ul{
list-style:none;}

#top_head{
width:800px;  margin:0 auto;  height:37px;
}

#top_head ul{
width:430px; margin:0 auto;
}

#top_head ul li{
height:37px; float:left; background:url(images/bg.gif) repeat-x 0 0 #000000; color:#C1C1C1; font:bold 12px/37px Arial, Helvetica, sans-serif;
}

#top_head ul li a{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block; background:url(images/bg.gif) repeat-x 0 0 #000000; color:#C1C1C1; font:bold 12px/37px Arial, Helvetica, sans-serif;
}

#top_head ul li a:hover{
background:url(images/top_btn_h.gif) no-repeat center bottom; color:#FFFFFF;
}

#top_head ul li a.hover{
padding:0 18px; height:37px; float:left; text-decoration:none; display:block; background:url(images/top_btn_h.gif) no-repeat center bottom; color:#FFFFFF; font:bold 12px/37px Arial, Helvetica, sans-serif;
}

#head{
height:150px; background-image:url(images/head_img.jpg);
}

#title_home{
margin-top:20px; margin-left:20px;
}

#title_home a{
font-family:"Courier New", Courier, mono; color:#FFFFFF; font-size:16px; text-decoration:none;
}

#title_home a:hover{
font-family:"Courier New", Courier, mono; color:#CCCCCC; font-size:16px; text-decoration:none;
}

#left_menu{
position: absolute; left: 0; background-color:#000000; width: 150px; height: 400px; position: absolute;
}

#menu{
margin:0 0 0 0px; padding:0 0 0 0px; text-transform:uppercase;
}

#menu li{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; text-transform:uppercase;
}

.menu1 a{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu1.jpg); list-style-type:none; color:#FFFFFF; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; line-height:30px;  
}

.menu1 a:hover{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu1on.jpg); list-style-type:none; color:#7C5904; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; 
}

.menu2 a{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background:url(images/menu2.jpg); list-style-type:none; color:#FFFFFF; font:8px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; line-height:30px;  
}

.menu2 a:hover{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu2on.jpg); list-style-type:none; color:#7C5904; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; 
}

.menu3 a{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu3.jpg); list-style-type:none; color:#FFFFFF; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; line-height:30px;  
}

.menu3 a:hover{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu3on.jpg); list-style-type:none; color:#7C5904; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; 
}

.menu4 a{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu4.jpg); list-style-type:none; color:#FFFFFF; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; line-height:30px;  
}

.menu4 a:hover{
width:150px; height:100px; margin:0 0 0 0px; padding:0 0 0 0px; display:block; background-image:url(images/menu4on.jpg); list-style-type:none; color:#7C5904; font:10px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase; 
}

#right_box{
margin-left:150px; height: 400px; background-image:url(images/droite.jpg); width: auto; overflow: auto;
}

#right_box2{
margin:0px 0px 0px 150px; height: 400px; background-image:url(images/droite.jpg); padding:0 0 0 0px;
}

.flash_p{
margin:10px 0px 0px 10px;
}

.animation{
margin:0 0 0 30px;
padding:0 0 0 0px;
}

h1{
margin-top:30px; margin-left:10px; color:#FFFFFF; font-family:"Courier New", Courier, mono; font-size:12px;
}

h2{
margin-top:10px; margin-left:10px; color:#FFFFFF; font-family:"Courier New", Courier, mono; font-size:16px;
}

#right_text{
margin:10px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:400px; line-height: 25px;
}

.texte_parag_petit{
margin:5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:400px; line-height: 25px;
}

.texte_parag{
margin:5px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; width:400px; line-height: 25px;
}

#footer{
width:800px; background-image:url(images/footer_img.jpg); height:50;
}

.footer{
width: 390px; height:20px; margin:0 auto; padding:5px 0 0 0;
}

.footer ul{
width:460px; margin:0 auto;
}
.footer ul li{
font:bold 12px/20px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left;
}

.footer ul li a{
font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none; color:#FFFFFF; padding:0 8px;
}

.footer ul li a:hover{
font:bold 12px/20px Arial, Helvetica, sans-serif; text-decoration:none; color:#CCCCCC; padding:0 8px;
}

.footer p{
margin:0 auto; width:160px; color:#FFFFFF; font:normal 11px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ag2i a{
color:#FFFFFF; font-size:9px;
}

.ag2i a:hover{
color:#CCCCCC; font-size:9px;
}

.lien{
font-size:medium;
}

.lien a{
font-size:medium; text-decoration:none; list-style-type:none; color:#FFFFFF;
}

.lien a:hover{
font-size:medium; text-decoration:none; list-style-type:none; color:#CCCCCC;
}