@charset "utf-8";

/* Bannière animé sans navigation */
.animation_centrale {
	width:896px;
	height:158px;
	}

.animation_centrale_pics { z-index:0; height:158px; width:896px; padding:0; margin:0; overflow: hidden }
.animation_centrale_pics img { height:158px; width:896px; padding: 0px; top:0; left:0; -moz-border-radius: 0px; -webkit-border-radius: 0px;}




/* Bannière animé avec navigation */

.animation_navigation {
	position:absolute;
	z-index: 50;
	margin-top:130px;
	margin-left:24px;
	padding-left:0px;
	}

.animation_description {
	position:absolute;
	z-index: 49;
	width:876px;
	text-align:right;
	margin-top:128px;
	padding-left:0px;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:21px;
	color:#FFFFFF;
	}
	
#animation_nav a { 
	text-decoration: none; 
	height: 16px; 
	
	}

#animation_nav a div{
	border: none; 
 
	}

#animation_nav a.activeSlide {
	background-image:url('/bannieres/images_navigations/background2.png');
	}

#animation_nav a:focus, a.browse:focus { 
	outline: none; 
	}

.nav-digit1, .nav-digit2, .nav-digit3, .nav-digit4, .nav-digit5, .nav-digit6, .nav-digit7, .nav-digit8, .nav-digit9 { overflow: hidden;  width: 12px; float: left; margin-right:4px; margin-left:4px; }
.nav-digit10, .nav-digit11, .nav-digit12, .nav-digit13, .nav-digit14, .nav-digit15, .nav-digit16, .nav-digit17, .nav-digit18, .nav-digit19, .nav-digit20, .nav-digit21 { width: 20px; display: block; float: left; margin-right:4px; margin-left:4px; }

.nav-digit1:hover, .nav-digit2:hover, .nav-digit3:hover, .nav-digit4:hover, .nav-digit5:hover, .nav-digit6:hover, .nav-digit7:hover, .nav-digit8:hover, .nav-digit9:hover { background-image:url('/bannieres/images_navigations/background2.png'); }
.nav-digit10:hover, .nav-digit11:hover, .nav-digit12:hover, .nav-digit13:hover, .nav-digit14:hover, .nav-digit15:hover, .nav-digit16:hover, .nav-digit17:hover, .nav-digit18:hover, .nav-digit19:hover, .nav-digit20:hover, .nav-digit21:hover { background-image:url('/bannieres/images_navigations/background2.png'); }



.scrollable {
	position:relative;
	overflow:hidden;
	padding: 0;
	margin: 0;
	width: 80px;
	height:16px;
	float: left;
	background-image:url('/bannieres/images_navigations/background2.png');
	}

.scrollable .items {
	width:20000em;
	position:absolute;
	}

.items div {
	float:left;
	}
	
#animation_image1 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/1_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image2 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/2_nav.png'); background-repeat: no-repeat;  display: block; float: left; }
#animation_image3 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/3_nav.png');  background-repeat: no-repeat; display: block; float: left; }
#animation_image4 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/4_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image5 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/5_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image6 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/6_nav.png'); background-repeat: no-repeat;  display: block; float: left;}
#animation_image7 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/7_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image8 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/8_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image9 {width: 12px; height: 16px; background-image: url('/bannieres/images_navigations/9_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image10 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/10_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image11 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/11_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image12 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/12_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image13 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/13_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image14 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/14_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image15 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/15_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image16 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/16_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image17 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/17_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image18 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/18_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image19 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/19_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image20 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/20_nav.png'); background-repeat: no-repeat; display: block; float: left; }
#animation_image21 {width: 20px; height: 16px; background-image: url('/bannieres/images_navigations/21_nav.png'); background-repeat: no-repeat; display: block; float: left; }





/*
.animation_navigation {
	position:absolute;
	z-index: 50;
	margin-top:130px;
	margin-left:24px;
	padding-left:50px;
	}
	
.animation_nav {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#033772;
	background-color: rgba(185,185,185,0.7);
	}

#animation_nav a {
	margin-left: 4px;
	margin-right:4px;
	padding-left:3px;
	padding-right:3px;
	color:#033772;	 
	text-decoration: none;
	}
	
#animation_nav a.activeSlide {
	padding-left:3px;
	padding-right:3px;
	color:#033772;
	background-color: rgba(255,255,255,0.7);
	}

#animation_nav a:hover {
	padding-left:3px;
	padding-right:3px;
	color:#033772;
	outline: none;
	background-color: rgba(255,255,255,0.7);
	}

#animation_nav a:focus { 
	padding-left:3px;
	padding-right:3px;	
	color:#033772;
	outline: none;
	}*/