html{
		height:100%;
		}
body{ font-family:Georgia, "Times New Roman", Times, serif; font-size:12px}
a { text-decoration:none; color:#09F; font-family:Tahoma, Geneva, sans-serif}
a:hover { text-decoration:underline; color:#09F}
a:focus {outline: none;}
h1, h2, h3, h4, p { margin:0}

img { border:none}
.clear { clear:both}
#head{ height:96px; background-color:#fff; margin:0 auto; width:960px }
.headtiers{ width:320px; height:96px; float:left; }
.headtiers img{ margin-top:15px }
#menu_conteneur{ width:100%; height:54px; background-image: url(images/fond_degrade_haut.jpg); background-position:bottom; background-repeat:repeat-x;  }
#menu{ height:24px; width:960px; margin:0 auto; font-family:Tahoma, Geneva, sans-serif; font-size:14px; font-weight:bold; padding-top:30px}
#menu ul {  display:block; width:840px; list-style-type:none; margin:0 auto}
#menu li { display:block; width:208px; height:24px;  text-align:center; float:left; margin:0}
#menu li a{ display:block;width:208px; height:24px; background-image: url(images/fond_degrade_haut.jpg); background-position:bottom; background-repeat:repeat-x; text-decoration:none; color:#39f; }
#menu li a:hover{  background-image: url(images/fond_degrade_haut_hover.jpg); background-position:bottom; background-repeat:repeat-x;}
#menu ul li a.activeSlide {background-image: url(images/fond_degrade_haut_hover.jpg); background-position:bottom; background-repeat:repeat-x;  }
#menu ul li a:active { background-image: url(images/fond_degrade_haut_focus.jpg); background-position:bottom; background-repeat:repeat-x;  }

#slideshow .el{margin:0 auto  }

#slogan{width:100%; height:28px; text-align:center; color:#F90; font-size:14px; font-style:italic; padding-top:15px; font-weight:bold; background-image:url(images/fond_bas_menu.jpg); background-position:top center; background-repeat: repeat-x}

#milieu{ width:960px;  margin:0 auto; font-size:0.9em}
#milieu_1{ width:40px; float:left; margin:0 auto; padding:20px;}
#milieu_2{ width:800px;float:left}
#milieu_3{ width:40px;float:left; margin:0 auto;  padding:20px;}

#ombre{ height:10px; background-image:url(images/fond_bas_bas.jpg); background-position:bottom; background-repeat:repeat-x;}
#bas_conteneur{width:100%; height:189px;;background-image: url(images/fond_degrade_bas.jpg); background-position:top center; background-repeat: repeat-x; padding-top:10px; font-size:0.9em }
#bas{ width:960px; height:189px; margin:0 auto}
#bas ul { list-style-type: none; color:#999; list-style-position:outside; margin:0; display:block;  }
#bas ul li{  display:block; margin:0 }
#bas h3{ font-family:Tahoma, Geneva, sans-serif; font-weight:bold; font-size:14px; color:#06F}
#bas h3 a{  font-weight:bold; font-size:14px; color:#06F}

#bas_1{ width:390px;   padding:5px; float:left}
#bas_2{ width:270px;  float:left;padding:5px;}
#bas_3{width:270px;  float:left; padding:5px;}
#foot{ width:100%; height:30px; text-align:right; color:#999}
#foot p{ display:inline}

.accueil{ width:740px;  }
.accueil_top{width:740px; }
.accueil_top_left{ width:50%;float:left; }
.accueil_top_right{ width:50%;float:left; }
.accueil_bottom{width:740px; }
.accueil_bottom_left{ width:50%;float:left; }
.accueil_bottom_right{ width:50%;float:left;}
.accueil h1{ font-size:18px; color:#39F; margin:0; display:block}
.accueil h2 { font-size:14px; color:#666; font-weight:bold; margin-top:5px; margin-bottom:5px; display:block; width:90%; border-bottom:1px solid #666}
.accueil ul { list-style-type:none; margin:0; list-style-position:outside;  display:block}
.accueil ul li { margin:0; display:block}
.accueil p { font-family:Tahoma, Geneva, sans-serif; color: #999; padding-bottom:15px}
.accueil  p a { text-decoration:underline; color:#999}
.accueil p a:hover { text-decoration:underline; color:#39f}
.accueil_bottom_right img, .accueil_bottom_left img  { float:left; margin:10px}	
.accueil_top img{ margin-top:10px; margin-bottom:10px}
.list {list-style-type:none; margin:0; list-style-position:outside;  display:block; font-family:Tahoma, Geneva, sans-serif; color: #999;}
.list li { margin:0; display:block}
	.prev {  overflow:hidden;text-indent:-8000px; 
	width:38px;
	display:block;
	height:41px;  
	background-image:url(images/fleche_gauche.jpg); position:relative; top:200px
		}														
	
	.next { overflow:hidden;text-indent:-8000px; 
		width:38px;
		display:block;
		height:41px; 
		background-image:url(images/fleche_droite.jpg);position:relative; top:200px
		
		}								
		.prev:hover {    
	background-image:url(images/fleche_gauche_hover.jpg); 
		}														
	.prev:active {    
	background-image:url(images/fleche_gauche_active.jpg); 
		}	
	.next:hover { 
		background-image:url(images/fleche_droite_hover.jpg);
		
		}	
		
	.next:active { 
		background-image:url(images/fleche_droite_active.jpg);
		
		}		
		
		#menu .lix {
	
	position: relative; z-index:100
	
}

#menu .lix span { font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold; 
	background: transparent url(images/hover.png) no-repeat;
	width: 180px;
	height: 45px;
	position: absolute;
	top: 65px;
	left: 0px;
	text-align: center;
	padding: 20px 12px 10px;
	font-style: normal;
	z-index: 10000;
	display: none; color: #39F
	
   
}
/*  ----------------------Page_center --------------------*/



		#Page_center .principal {
		    width:800px; 
			background-image:url(images/page_center/area_left.jpg);
			background-repeat: repeat-y;
            background-color : #fff;
		}
        #Page_center .principal2 { 
			background-image:url(images/page_center/area_right.jpg);
			background-repeat: repeat-y;
            background-position: right;
		}

		#Page_center .haut {
            height:30px;
            background-image:url(images/page_center/area_top.jpg);

		}

	#Page_center 	.haut img {
		    vertical-align:top; /* for ie5*/
		}

			#Page_center .coingh {
                width:22px;
				height:48px;
				background-image:url(images/page_center/area_top_left.jpg);
				float: left;

			}
			#Page_center .coindh {
                width:28px;
				height:48px;
				background-image:url(images/page_center/area_top_right.jpg);
				float: right;

			}
		#Page_center .contenuedito {
			padding: 0 32px 0 25px;

		}

		#Page_center .contenuedito p {
			margin: 0px;

		}

		#Page_center .bas {
            height:25px;
            background-image:url(images/page_center/area_bottom.jpg);
		}
			#Page_center .coingb {
                width:22px;
				height:25px;
				background-image:url(images/page_center/area_bottom_left.jpg);
				float: left;
			}
			#Page_center .coindb {
                width:28px;
				height:25px;
				background-image:url(images/page_center/area_bottom_right.jpg);
			    float:right;
			}

/*  ---------------------- Page_center--------------------*/

#panel {
	
	height: 70px;
	display: none;
}
.panel_item { float:left; width:50px; height:50px; margin-left:10px; margin-right:10px; text-align:center}
.panel_item div { margin-left:5px; text-align:center}
.slide {
	margin: 0;
	padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top; border-top:1px #F90 solid
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat center -59px;
	text-align: center;
	width: 72px;
	height: 10px;
	padding: 5px 5px 0 0;
	margin: 0 auto;
	display: block;
	
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: center 1px;
}