body, span{
	margin: 0px;
	padding: 0px;
}

#ad {
	position: relative;
	overflow: hidden;
  width: 968px;
  height: 248px;
	border: 1px solid #000;
  cursor: pointer;	
}


#anime-container{
	position: absolute;
  width : 970px;
  height : 250px;
	top:0px;
	left: 0px;
	margin : 0;
	padding : 0;	
	/*overflow: hidden;*/
}

#visuel_1{
    position: absolute;
  width : 970px;
  height : 250px;
    left: -1px;
    top: -1px;
    opacity: 1;

}

#shape{
  position: absolute;
   width: 605px;
   height:300px;
    left: -450px;
    top: -1px;
    opacity: 1;

}
#shape img {
  width:100%;
    height:100%;
}

#visuel_2{
    position: absolute;
  width : 970px;
  height : 250px;
    left: -1px;
    top: -1px;
    opacity: 0;

}

#logoWhite{
    position: absolute;
    right: 1px;
    top: -6px;
    width: 160px;
    opacity: 1;
    z-index: 5;
}

#logoRGB{
    width: 233px;
    height: auto;
    opacity: 0;
    margin:-20px auto 0px;
}

#fleche{
    position: absolute;
    left: 265px;
    top: 56px;
    width: 11px;
    height: 7px;
    opacity: 0;
}


#fondBlanc{
    position: absolute;
    width: 970px;
    height: 250px;
    left: 0px;
    top: 0px;
    background-color: #fff;
    opacity: 0;
}

#mask1{
  position: absolute;
  top: 4px;
  left: -4px;
  opacity: 0;
  width:103px;
  height:36px;
  overflow: hidden;
  z-index: 3;
}

#carrer1{
  width:1px;
  height:36px;
  background-color: white;
}

#mask2{
  position: absolute;
  top: 45px;
  left: 265px;
  opacity: 0;
  width:98px;
  height:36px;
  overflow: hidden;
  z-index: 3;
}

#carrer2{
  width:1px;
  height:36px;
  background-color: white;
}

#mask3{
  position: absolute;
  top:4px;
  left: -5px;
  opacity: 0;
  width:65px;
  height:43px;
  overflow: hidden;
  z-index: 3;
}

#carrer3{
  width:1px;
  height:43px;
  background-color: white;
}

#picto{
  position: absolute;
  top:99px;
  left:210px;
  z-index: 10;
 
}

#blockfin{
  position:absolute;

  width: 270px;
  left:330px;
}

.ctabtn{
  width: 189px;
  height:48px;
  display:block;
  /*background-image: url('images/cta.png');*/
  position: absolute;

  left:570px;
  z-index:500;
  opacity: 0;
}

.ctabtn #cta{
  position: absolute;
  top: 0;
}

.ctabtn #cta2{
  position: absolute;
  top: 0;
  opacity: 0;
}

.ctabtn #cta2 img{
  opacity: 0;
}

.ctabtn:hover #cta{
  opacity: 0 !important;
}

.ctabtn:hover #cta2{
  opacity: 1 !important  ;
}

.ctabtn:hover #cta img{
  opacity: 0 !important;
}

.ctabtn:hover #cta2 img{
  opacity: 1 !important  ;
}

/*Zone txt*/
#zone_txt1 {
  position:absolute;
  width:100%;
  left:30px;
}

#zone_txt2 {
  position:absolute;
  width:100%;
  left:30px;
}

#zone_txt3 {
  position:absolute;
  width:100%;
  left:50px;
}

/*What good is innovation*/
#txt1{

    text-align: left;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 28px;
   /* letter-spacing: -0.025em;*/
    line-height: 40px;
    opacity: 0;

}

#txtbold1{
    font-weight: 700; 
    color: #260a47;
    
}

/*if it doesn’t drive customer loyalty?*/
#txt2{

    text-align: left;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 28px;
   /* letter-spacing: -0.025em;*/
    line-height: 40px;
    opacity: 0;
}

/*Wonderful experiences come from business reinvention*/
#txt3{

    text-align: left;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 28px;
    letter-spacing: 0.025em;
    line-height: 40px;
    opacity: 0;
}

/*Wonderful*/
#txt3b{
    position: absolute;
    overflow: hidden;
    left: -1px;
    top: -1px;
    width:1px;   
    color: #ff2d56;
    font-weight: 700; 
    font-family: 'Ubuntu', sans-serif;
    font-size: 29px;
    letter-spacing: -0.030em;
    line-height: 40px;
    opacity: 0;    
}

/*reinvention*/
#txt3c{
    position: absolute;
    overflow: hidden;
    left: 268px;
    top: 39px;
    width:1px;    
    color: #ff2d56;
    font-weight: 700; 
    font-family: 'Ubuntu', sans-serif;
    font-size: 29px;
    letter-spacing: -0.030em;
    line-height: 40px; 
    opacity: 0;    
}

.target-text1{
}

.target-text2{
}

#txtbold3{
    font-weight: 700; 
    color: #ff2d56;
}

/*#expertivity*/
#txt4{
    overflow: hidden;

    width:1px;          
    color: #ff2d56;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 45px;
    /*letter-spacing: -0.045em;*/
    margin-top:-5px;
}

#txtbold4{
    font-weight: 700; 
    color: #ff2d56;
}

/*Experience the Capgemini effect*/
#txt5{

    text-align: left;
    width: 100%;
    color: #ffffff;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
   /* letter-spacing: -0.025em;*/
    /*line-height: 21px;*/
    opacity: 0;
}

/*Experience the Capgemini effect*/
#txt6{

    text-align: left;
    color: #27b3d8;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    /*letter-spacing: -0.025em;*/
    line-height: 21px;
    opacity: 0;

}
/*Experience the Capgemini effect*/
#txt6b{
    
    position: absolute;
    overflow: hidden;
    left: 0px;
    top: 54px;
    /*text-align: left;*/
    width: 1px;

    height: 24px;
    color: #0070ad;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
    font-size: 18px;
    /* letter-spacing: -0.025em;*/
    /*line-height: 21px;*/
    opacity: 1;
    /*background-color: red;*/
  
}

#mask{
    position: absolute;
    width: 0px;
    height: 30px;
    left: 6px;
    top: 146px;
    overflow: hidden;
}

#ctatxt1{
  position:inherit;
  top:14px; 
  width: 100%;
  color: #0070ad;
  text-align: center;
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
}


#ctatxt2{
  position:inherit;
  top:14px; 
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-weight: 500;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
}