@import url(http://fonts.googleapis.com/css?family=Raleway:500,600,700,100,800,900,400,200,300);
.buttonArea{
    float: left;
    left: 50%;
    position: relative;            
    top: 100%;
	margin-top: -32px;	
}                     
.buttonCon{  
    float: left;
    left: -50%;
    position: relative;        
}
.buttonCon .theButton {
	display: block;
	color: #B22222;
	width: 20px;
	height: 22px;
	background: url(../img/circlebutton.png) no-repeat;
	text-indent: -9999px;
	border: 0;
	margin-right: 3px;
	float: left;
}
.buttonArea a.active {
	background-position: 0 -22px;
}             

.arrowButton{    
	cursor: pointer;  
}            
.arrowButton .prevArrow{
	background: url(../img/prev.png) no-repeat; 
	width: 40px;
	height: 80px;      
	position: absolute;
	top: 170px;	 
	left: 12px;        
} 
.arrowButton .nextArrow{                 
	background: url(../img/next.png) no-repeat;
	width: 40px;
	height: 80px;
	position: absolute;
	top: 170px;
	right: 12px;	          
}   

.oneByOne_item .animate0{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 0s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 0s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 0s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 0s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}         

.oneByOne_item .animate1{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .2s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .2s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .2s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .2s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
} 

.oneByOne_item  .animate2{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .4s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .4s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .4s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .4s;
	animation-timing-function: ease;
	animation-fill-mode: both;
	margin:0;         
} 

.oneByOne_item  .animate3{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .6s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .6s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .6s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .6s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}   

.oneByOne_item .animate4{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: .8s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: .8s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: .8s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: .8s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}  

.oneByOne_item  .animate5{
   	-webkit-animation-duration: .6s;
	-webkit-animation-delay: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-fill-mode: both;
	-moz-animation-duration: .6s;
	-moz-animation-delay: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-fill-mode: both;
	-ms-animation-duration: .6s;
	-ms-animation-delay: 1s;
	-ms-animation-timing-function: ease;
	-ms-animation-fill-mode: both;
	animation-duration: .6s;
	animation-delay: 1s;
	animation-timing-function: ease;
	animation-fill-mode: both;	          
}    

#banner{   
	position: absolute;   
}     

.oneByOne1{
	top: 0px;
	left: 0px;  
	background: ;	
	margin: 0;
	width: 1150px;
	height: 420px;   
background: #e8ebf0; /* Old browsers */
	background: -moz-linear-gradient(top, #e8ebf0 0%, #ccced2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8ebf0), color-stop(100%,#ccced2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8ebf0', endColorstr='#ccced2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e8ebf0 0%,#ccced2 100%); /* W3C */   
	position: relative;
	overflow: hidden;

}   

#banner .oneByOne_item{
	position: absolute;
	width:1150px;
	height: 420px;  
	overflow: hidden;  
}         
                      
#banner .oneByOne_item span{
	font-family: "Lucida Grande", "Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}                                                                                              

#banner .oneByOne_item a{
	text-decoration: none;
	color: #B22222;
}
              


/* slide 1 */
#banner img.img1{
	position: absolute;
	top: 24px;
	left: 420px;
}

#banner img.img2{
	position: absolute;
	top: 64px;
	left: 540px;
}            

#banner .oneByOne_item .text1{
	position: relative;
	float: left;
	margin: 140px 12px 0 48px;
	color: #333333;	
	font-size: 48px;
}

#banner .oneByOne_item .text2{              
	clear: left;
	position: relative;
	float: left;
	margin: 4px 12px 0 48px;
	color: #666666;
	font-size: 24px;
}             

/* slide 2 */
#banner img.img3{
	position: absolute;
	top: 24px;
	left: 80px;
}
#banner img.img4{
	position: absolute;
	top: 64px;
	left: 160px;
}
#banner img.img5{
	position: absolute;
	top: 230px;
	left: 420px;
}
#banner .oneByOne_item .text3{
	clear: left;
	position: relative;
	float: left;
	margin: 120px 12px 0 580px;    
	color: #333333;
	font-size: 48px;
}          
#banner .oneByOne_item .text4{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 580px; 	
	color: #666666;
	font-size: 22px;
}                     
  
/* slide 3 */
#banner .slide3 img.wp1{
	position: absolute;
	top: 255px;
	left: 512px;
}
#banner .slide3 img.wp2{
	position: absolute;
	top: 190px;
	left: 360px;
}              
#banner .slide3 img.wp3{
	position: absolute;
	top: 104px;
	left: 110px;
}   

#banner .slide3 span.txt1{
	clear: left;
	position: relative;
	float: left;
	margin: 150px 80px 0 50px;    
     
	padding: 8px;
		color: #FFFFFF;	
 
	font-size: 30px;
	 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;
} 
#banner .slide3  span.txt1 a{
	color: #FFFFFF;
}  

body .oranger_txt {
		font-family:Great Vibes;
		color: #ff8001;  
		}

#banner .slide3 span.txtacceuil{
	clear: left;
	position: relative;
 
	float: left;
	margin: 140px 80px 0 400px;    
 	text-shadow: 0px 1px 0px rgba(255,255,255,0.55);
	font-family:Great Vibes;
	padding:20px;
	color: #196e8d;	
	line-height:56px;
	font-size: 60px;
} 
       
#banner .slide3 span.txt2{
	clear: left;
	position: relative;
	float: left;
	margin: 0px 12px 0 50px;
		color: #fff;  
		 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;
	padding: 8px;
	font-size: 18px;
}                   
    

/* slide 4 */   
#banner img.wp1{
	position: absolute;
	top: 240px;
	left: 380px;
}
#banner img.wp2{
	position: absolute;
	top: 200px;
	left: 470px;
}              
#banner img.wp3{
	position: absolute;
	top: 100px;
	left: 600px;
}   

#banner .oneByOne_item span.wp1{
	clear: left;
	position: relative;
	float: left;
	margin: 190px 12px 0 500px;    
		 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;
	padding: 8px;
	color: #FFFFFF;
 
	font-size: 30px;
	z-index:100;
} 
#banner .oneByOne_item span.wp1 a{
	color: #FFFFFF;
}         
#banner .oneByOne_item span.wp2{
	clear: left;
	position: relative;
	float: left;
	margin: 12px 12px 0 500px; 
	z-index:100;
	color: #FFFFFF;  
		 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;
	padding: 8px;
	 
	font-size: 22px;
}                  

/* slide 5 */
#banner .oneByOne_item img.bigImage{ 
	position: absolute;
	top: 0; 
	left: 0;

}
#banner .oneByOne_item span.slide5Txt1{ 
  	position: relative;
	float: left;
	margin: 170px 12px 0 80px;
	color: #ffffff;	
	font-size: 28px;  
			 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;
	padding: 8px; 
            
}
 
#banner .oneByOne_item span.slide5Txt2{ 
  	position: relative;
	clear: left;
	float: left;
	margin: 12px 12px 0 80px;
	color: #ffffff;	
	font-size: 18px;  
	padding: 8px;  
		 font-family: 'Raleway', sans-serif;
	 font-style:italic;
  	font-weight: 200;       
}