@charset "UTF-8";
/* CSS Document create by JEANDE MArie-Aude http://webdesignerparis.com/ */
#smoke1{
	float:right;
	margin-left:900px;
	top:470px;
	border:0px solid #069;
	width:50px;
	height:15px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/smoke1.gif) 0px 0px no-repeat;
}

#smoke2{
	float:right;
	margin-left:900px;
	top:430px;
	border:0px solid #069;
	width:50px;
	height:50px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/smoke2.gif) 0px 0px no-repeat;
	
}
#femmelit{
	float:right;
	margin-left:500px;
	top:250px;
	width:320px;
	height:415px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/femmequilit.gif) 0px 0px no-repeat;
}
/*animation chatmarche*/
#chatmarche{
	top:470px;
	border:0px solid #069;
	margin-top:10px;
	padding-top:10px;	
	margin-left:-300px;
	width:160px;
	height:115px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/chatmarche.gif) 10px 10px no-repeat;
 
  -webkit-animation-name: chatmarche;
  -webkit-animation-duration: 7s;
  -webkit-animation-iteration-count: 1;
   -webkit-animation-delay: 0s;
   -webkit-animation-timing-function: linear;
  
  -moz-animation-name: chatmarche;
  -moz-animation-duration: 7s;
  -moz-animation-iteration-count: 1;
 -moz-animation-delay: 0s;
 -moz-animation-timing-function: linear;
  
  animation-name: chatmarche;
 animation-duration: 7s;
  animation-iteration-count: 1;
 animation-delay: 0s;
  animation-timing-function: linear;
  z-index:1;
}

@-webkit-keyframes chatmarche {
from {
    left: 0px;
  }
 to{
    left: 750px;
  }
}
@-moz-keyframes chatmarche {
from {
    left: 0px;
  }
  to{
    left: 750px;
  }
}
@keyframes 'chatmarche' {
from {
    left: 0px;
  }
  to{
    left: 750px;
  }
}

#pageaccueil{
display: none;
}

 /*animation chatmarche*/
#chatcouche{
	top:500px;
	border:0px solid #069;
	margin-top:10px;
	padding-top:10px;	
	margin-left:-50px;
	width:650px;
	height:125px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/chat.gif) 10px 10px no-repeat;
	-webkit-animation-name: chatcouche;
  -webkit-animation-duration: 7s;
  -webkit-animation-iteration-count: 1;
   -webkit-animation-delay: 4s;
   -webkit-animation-timing-function: linear;
  
  -moz-animation-name: chatcouche;
  -moz-animation-duration: 7s;
  -moz-animation-iteration-count: 1;
 -moz-animation-delay: 4s;
 -moz-animation-timing-function: linear;
  
  animation-name: chatcouche;
 animation-duration: 7s;
  animation-iteration-count: 1;
 animation-delay: 4s;
  animation-timing-function: linear;
  z-index:1;
}

@-webkit-keyframes chatcouche {
margin-left:410px;
}
@-moz-keyframes chatcouche {
margin-left:410px;
}
@keyframes 'chatcouche' {
margin-left:410px;
}

 #chat1{

	 border:0px solid #069;
	top:470px;	
	margin-left:-50px;
	width:650px;
	height:125px;
	position:absolute;
	background:transparent url(../images/CATALOGUE/chat.gif) 10px 10px no-repeat;

-webkit-animation-name: chat1;
-webkit-animation-duration: 7s;
-webkit-animation-iteration-count: 1;
-webkit-animation-delay: 4s;
-webkit-animation-timing-function: linear;

-moz-animation-name: chat1;
-moz-animation-duration: 7s;
-moz-animation-iteration-count: 1;
-moz-animation-delay: 4s;
-moz-animation-timing-function: linear;

animation-name: chat1;
animation-duration: 7s;
animation-iteration-count: 1;
animation-delay: 4s;
animation-timing-function: linear;
z-index:1;

}

@-webkit-keyframes chat1 {
margin-left:-50px;
}
@-moz-keyframes chat1 {
margin-left:-50px;
}
@keyframes 'chat1' {
margin-left:-50px;
}