@charset "UTF-8";
/* CSS Document */


#P1{

background-color:#669900;

}

#P2{

background-color:#99cc00;

}

#P3{

background-color:#333333;

}

#P4{

background-color:#666666;

}

#P5{
 width:240px;
 height:256px;
 border:1px; border-color:#669900; border-style:solid;

}

#P6{
 width:240px;
 height:64px;
 background:#cccccc;
}

#P7{
 margin: -45px 160px; 
 width:75px;
 height:30px;
 border-radius: 0.5em 0.5em 0.5em 0.5em;
 cursor:pointer;
 background:#333333;
}

#P7:hover{
	background:#669900;
	text-decoration: none ;
}

#P8{
	width:270px; 
	height:39px; 
	margin: 0px 0px;
	background: -moz-linear-gradient(90deg,  #cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
 	background: -o-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	background: -ms-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	background: linear-gradient(0deg, #cccccc 0%,#ffffff 100%);
 	background: -webkit-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
	 
}
#P8:hover{
		
	margin: 0px 0px;
	background: -moz-linear-gradient(90deg,  #ffffff 0%, #cccccc100%);
	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
 	background: -o-linear-gradient(90deg,  #ffffff 0%,#cccccc 100%);
 	background: -ms-linear-gradient(90deg,  #ffffff 0%,#cccccc 100%);
 	background: linear-gradient(0deg, #ffffff 0%,#cccccc 100%);
 	background: -webkit-linear-gradient(90deg,  #ffffff 0%,#cccccc 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
	 cursor:pointer;
	 
}

#P9{
 margin: -45px 190px; 
 width:45px;
 height:30px;
 border-radius: 0.5em 0.5em 0.5em 0.5em;
 cursor:pointer;
 background:#333333;
}

#P9:hover{
	background:#669900;
	text-decoration: none ;
}

#P10{
 width:790px;
 height:339px;
 border:1px; border-color:#669900; border-style:solid;

}

#P11{
 width:790px;
 height:64px;
 background:#cccccc;
 margin: 235px 0px
}

#P12{
 margin: -45px 190px; 
 width:45px;
 height:30px;
 border-radius: 0.5em 0.5em 0.5em 0.5em;
 cursor:pointer;
 background:#990000;
}

#P12:hover{
	background:#669900;
	text-decoration: none ;
}

#menu_haut {

width:1237px;
height:64px;
margin: 0px 0px;
background-color:#ffffff;


}
#menu_horizontal{
 width:1169px;
 height:64px;
 margin:0px 34px;
 background: -moz-linear-gradient(90deg,  #333333 0%, #666666 100%);
 background: -webkit-gradient(linear, bottom, top, color-stop(0%,#333333), color-stop(100%,#666666));
 background: -o-linear-gradient(90deg,  #333333 0%,#666666 100%);
 background: -ms-linear-gradient(90deg,  #333333 0%,#666666 100%);
 background: linear-gradient(0deg, #333333 0%,#666666 100%);
 background: -webkit-linear-gradient(90deg,  #333333 0%,#666666 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#666666',GradientType=1 );

}

#menu_horizontal ul {
list-style:none;
 margin:0px -40px;;

 }



#p2 a {
    color:#689b00;
	text-decoration: none ;
}


#p2 a:hover {
	color:#333333;
	text-decoration: none;
}



#contactus input {
	width: 250px;
	height: 30px;
    border: 1px;
	border-style:solid;
	border-color:#99cc00;
	padding: 2px 2px 0px 10px;
	margin: 10px 0px 0px -30px;
 
 background: #669900;
 
 /*background: -moz-linear-gradient(90deg,  #0099cc 0%, #00ccff 100%);
 background: -webkit-gradient(linear, bottom, top, color-stop(0%,#0099cc), color-stop(100%,#00ccff));
 background: -o-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 background: -ms-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 background: linear-gradient(90deg, #0099cc 0%,#00ccff 100%);
 background: -webkit-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#00ccff',GradientType=1 );*/
 
    font-family: Century Gothic, Arial;
  	font-size: 18px;
	color:#ffffff;
}

#contactus textarea
{
    width: 500px;
	height: 200px;
    border: 1px;
	border-style:solid;
	border-color:#99cc00;
	padding: 2px 2px 0px 10px;
	margin: 10px 0px 0px -30px;
 
 background: #669900;
 /*background: -moz-linear-gradient(90deg,  #0099cc 0%, #00ccff 100%);
 background: -webkit-gradient(linear, bottom, top, color-stop(0%,#0099cc), color-stop(100%,#00ccff));
 background: -o-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 background: -ms-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 background: linear-gradient(90deg, #0099cc 0%,#00ccff 100%);
 background: -webkit-linear-gradient(90deg,  #0099cc 0%,#00ccff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0099cc', endColorstr='#00ccff',GradientType=1 );*/
 
    font-family: Century Gothic, Arial;
  	font-size: 18px;
	color:#ffffff;
}


#contactus input[type=submit] {
    width: 250px;
    height: 30px;
	padding: 0px 0px;
	margin: 0 0 0 0;
	font-family:Century Gothic;
	font-size:16px;
	border: 1px;
	border-style:solid;
	border-color:#666666;
	
	background: #cccccc;
 	background: -moz-linear-gradient(90deg,  #333333 0%, #999999 100%);
 	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#333333), color-stop(100%,#999999));
 	background: -o-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: -ms-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: -webkit-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=1 );

	cursor: pointer;
}

#contactus input[type=reset] {
	width: 250px;
    height: 30px;
	padding: 0px 0px;
	margin: 5px 0 0 0;
	font-family:Century Gothic, Arial;
	font-size:16px;
	border: 1px;
	border-style:solid;
	border-color:#666666;
	
	background: #cccccc;
 	background: -moz-linear-gradient(90deg,  #333333 0%, #999999 100%);
 	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#333333), color-stop(100%,#999999));
 	background: -o-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: -ms-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: linear-gradient(90deg,  #333333 0%,#999999 100%);
 	background: -webkit-linear-gradient(90deg,  #333333 0%,#999999 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=1 );

	cursor: pointer;
}


#contactus input[type=submit]:hover {
	
	border-color:#666666;
	
	background: #cccccc;
 	background: -moz-linear-gradient(90deg,  #999999 0%, #333333 100%);
 	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#999999), color-stop(100%,#333333));
 	background: -o-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: -ms-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: -webkit-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=1 );

	cursor: pointer;
}

#contactus input[type=reset]:hover {
	
	border-color:#666666;
	
	background: #cccccc;
 	background: -moz-linear-gradient(90deg,  #999999 0%, #333333 100%);
 	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#999999), color-stop(100%,#333333));
 	background: -o-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: -ms-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: linear-gradient(90deg,  #999999 0%,#333333 100%);
 	background: -webkit-linear-gradient(90deg,  #999999 0%,#333333 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#333333',GradientType=1 );

	cursor: pointer;
}




h10
{
 display:block;
 float:left;
 margin-top: -48px;
 margin-left: 43px;
 font-family: Century Gothic, Arial;
 font-weight: bold;
 font-size: 18px;
 color:#333333;

 }  
 
 h2
{
 display:block;
 padding-top:25px;
 margin-left: 20px;
 font-family: Century Gothic, Arial;
 font-size: 24px;
font-weight: bold;
 color:#333333;
 }

h3
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
 font-weight: bold;
 font-size: 18px;
 color:#ffffff;
 padding: 12px 18px;

 }  
 
 h4
 {
 display:block;
 float:inherit;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 12px;
 color:#333333;
 text-align:justify;
 padding: 5px 10px;

 }  
 
 h5
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
 font-weight: bold;
 font-size: 14px;
 color:#ffffff;
 padding: 12px 10px;
 text-align:center;


 }  
  
   h6
{
    display:block;
 	float:left;
	margin: 10px 20px;
 	cursor: pointer;
 	text-align:center;
 	font-family:Arial, Helvetica, sans-serif;
 	font-size: 14px;
 	font-weight:inherit;
 	color:#669900;
 	text-decoration:none;
	 }  
  
 h11
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
 text-align:center;
font-weight: bold;
 font-size: 18px;
 color:#333333;

 } 
 
  h12
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
 text-align:center;
 font-weight:bold;
 font-size: 12px;
 color:#669900;

 }   

 h13
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
font-weight: bold;
 font-size: 13px;
 color:#333333;
 padding: 23px 6px;

 }   
 
 h14
{
 display:block;
 float:inherit;
 font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
 font-size: 11px;
 color:#ffffff;
 padding: 9px 6px;

 }   

 h15
{
 display:block;
 float:inherit;
 font-family:Arial, Helvetica, sans-serif;
font-weight: bold;
 font-size: 12px;
 color:#ffffff;
 padding: 9px 10px;

 }   
 

 h16
{
 display:block;
 float:inherit;
 font-family: Century Gothic, Arial;
 text-align:left;
 font-weight:bold;
 font-size: 12px;
 color:#669900;

 }   

 h17
{
 display:block;
 float:inherit;
 font-family:Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 16px;
 color:#ffffff;
 padding: 9px 10px;
 text-align:center;

 } 

/*
#monmenu {

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:139px;
	height:64px;
	margin-left:0px;
}




#monmenu ul {
   
   list-style:none;
   	margin-left:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-top:0px;
	padding:0px;
    
	/*PADDING-RIGHT: 0px; 
	DISPLAY:none; 
	PADDING-LEFT: 0px;  
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px;
	PADDING-TOP: 64px; 
	POSITION: absolute; 
	TOP: 0px;

	
}

#monmenu li {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	PADDING-BOTTOM: 5px; 
	MARGIN: 0px; 
	WIDTH: 139px; 
	PADDING-TOP: 0px; 
	LIST-STYLE-TYPE: none; 
	POSITION: relative;
	BACKGROUND-COLOR:#333333;
}

/*#monmenu.niveau1 li {
width:228px;
height:33px;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
}

#monmenu li:hover {
	BACKGROUND-COLOR: #679a00;
	

}
#monmenu li.sfhover {
	BACKGROUND-COLOR: #679a00;
}
#monmenu li A {
    color:#FFFFFF;
	TEXT-DECORATION: none;
}
#monmenu li:hover ul.niveau2 {
	DISPLAY: block;
}
#monmenu li li:hover ul.niveau3 {
	DISPLAY: block
}
#monmenu li.sfhover ul.niveau2 {
	DISPLAY: block
}
#monmenu li li.sfhover ul.niveau3 {
	DISPLAY: block
}
#monmenu li.plus {
	BORDER-BOTTOM: #b0b0b0 1px solid; BACKGROUND-REPEAT: no-repeat
}


#menu_gauche {

width:228px;
height:397px;
margin:0
}*/


/* 

Menu Produits

*/
#menu_vertical {
width: 139px;
height: 64px;
margin-left:533px;
margin-top:0px;
}

#menu_vertical ul {
list-style:none;
margin:0px;
padding:0px;
z-index: 1;

}

#menu_vertical .niveau1 li {
width:190px;
height:33px;
}

#menu_vertical a {
height:33px;
display:block;
text-decoration:none;
border-top:0px solid #666666;
}

/*
#menu_vertical .niveau1 a {
height:33px;
color:#fff;
background-color:#3366cc;
padding-left:10px;
padding-top:10px;
}
*/
#menu_vertical .niveau2 li {
height:25px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
clear:left;
}

#menu_vertical .niveau2 a {
height:25px;
color:#fff;
background-color:#333333;
padding-left:10px;
padding-top:5px;
border-top:1px solid #666666;

}

#menu_vertical .niveau3 a {
height:25px;
color:#fff;
background-color:#333333;
padding-left:10px;
padding-top:5px;
border-top:1px solid #666666;

}

#menu_vertical .niveau1 a:hover,.niveau2 a:hover,.niveau3 a:hover{
background-color:#669900;
}

#menu .niveau1 li.niveau2:hover,#menu_vertical li:hover .niveau2,#menu_vertical .niveau2 {
top:auto;
margin: 64px 0 0 0px;
}

#menu_vertical .niveau2 li:hover .niveau3,#menu .niveau2 .niveau3 li.niveau2:hover {
top:auto;
margin: -31px 0 0 190px;
}

/*.niveau3,.niveau2 {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}*/

#menu_vertical .niveau2,#menu_vertical .niveau1 .niveau2 .niveau3 {
position:absolute;
top:-9999em;
}
/*-----------------------------------------*/

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
}

/*-----------------------------------------*/
#menu_vertical1 {
	width:270px; 
	height:39px; 
	margin: 0px 0px;
	background: -moz-linear-gradient(90deg,  #cccccc 0%, #ffffff 100%);
	background: -webkit-gradient(linear, bottom, top, color-stop(0%,#cccccc), color-stop(100%,#ffffff));
 	background: -o-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	background: -ms-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	background: linear-gradient(0deg, #cccccc 0%,#ffffff 100%);
 	background: -webkit-linear-gradient(90deg,  #cccccc 0%,#ffffff 100%);
 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff',GradientType=1 );
}

#menu_vertical1 ul {
list-style:none;
margin:0px;
padding:0px;

}

#menu_vertical1 .niveau4 li {
width:270px;
height:39px;
}

#menu_vertical1 a {
height:39px;
display:block;
text-decoration:none;
border-top:0px solid #666666;
}

#menu_vertical1 .niveau4 li {
width:180px;
height:39px;
}

#menu_vertical1 .niveau4 a {
height:25px;
color:#fff;
background-color:#333333;
padding-left:10px;
padding-top:5px;
border-top:1px solid #666666;

}

#menu_vertical1 .niveau5 li {
height:25px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
clear:left;
}

#menu_vertical1 .niveau5 a {
height:25px;
color:#333333;
background-color:#CCCCCC;
padding-left:10px;
padding-top:5px;
border-top:1px solid #666666;

}

#menu_vertical1 .niveau4 a:hover,.niveau5 a:hover,.niveau3 a:hover{
color:#FFFFFF;
background-color:#333333;
}

#menu .niveau4 li.niveau5:hover,#menu_vertical1 li:hover .niveau5,#menu_vertical .niveau5 {
top:auto;
margin: -60px 0 0 200px;
}

#menu_vertical1 .niveau5 li:hover .niveau3,#menu .niveau5 .niveau3 li.niveau5:hover {
top:auto;
margin: -39px 0 0 270px;
}

/*.niveau3,.niveau2 {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}*/

#menu_vertical1 .niveau5,#menu_vertical1 .niveau4 .niveau5 .niveau3 {
position:absolute;
top:-9999em;
}

/*animation*/

img {
  transition: .1s ease-in-out;
}



#box1, #box2, #box3, #box4 {
  width: auto;
  height: 389px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}



#slideshow-container {
  width: 1167px;
  height: 389px;
  position:relative;
  overflow: hidden;
  margin: auto;
  margin-top: 2px;
  border: 1px solid #669900;


}

#slideshow {
  width: 1000%;
  -webkit-animation: slideshow 30s infinite;
  -moz-animation: slideshow 30s infinite;
  -o-animation: slideshow 30s infinite;
  -ms-animation: slideshow 30s infinite;
}

/* Animation
=============================*/

@-webkit-keyframes slideshow {
   0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -1166px; }
  50%, 80% {margin-left: -2334px;}
  85% {margin-left: 1px;}
}

@-moz-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -1166px; }
  50%, 80% {margin-left: -2334px;}
  85% {margin-left: 1px;}
}

@-o-keyframes slideshow {
    0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -1166px; }
  50%, 80% {margin-left: -2334px;}
  85% {margin-left: 1px;}
}

@-ms-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -1166px; }
  50%, 80% {margin-left: -2334px;}
  85% {margin-left: 1px;}
}


/*---------Photo Animation Salon-------*/

.diy-slideshow{
  position:absolute;
  display: block;
  overflow: hidden;
  width:247px;
  height:155px;
  margin: 0px 0px;

 }
figure{
  position:absolute;
  opacity: 0;
  transition: 1s opacity;
  width:247px;
  height:155px;
  margin-left:0px;
  margin-top:0px;
}
figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .0em;
  bottom: .0em;
  right: .0em;
  padding: .0em;
  color: #fff;
  background: rgba(0,0,0, .25);
  border-radius: 0px;
}
figcaption a{
  color: #fff;
}
figure.show{
  opacity: 1;
  position: static;
  transition: 1s opacity;
}
.next, .prev{
  color: #fff;
  position:absolute;
  background: #669900;
  top: 50%;
  z-index: 1;
  font-size: 1em;
  margin-top: -.75em;
  opacity: .5;
  user-select: none;
}
.next:hover, .prev:hover{
  cursor: pointer;
  opacity: 1;
}
.next{
  right: 0;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  
}
.prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  
}

 @media (max-width: 767px) {
 img {
   transition: .1s ease-in-out;
}

.imga {
  width:446px;
  height:149px;
}

#box1, #box2, #box3, #box4 {
  width:446px;
  height:149px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}



#slideshow-container {
  width:446px;
  height: 149px;
  position:relative;
  overflow: hidden;
  margin: auto;
  margin-top: 2px;
  border: 1px solid #669900;


}

#slideshow {
  width: 1000%;
  -webkit-animation: slideshow 30s infinite;
  -moz-animation: slideshow 30s infinite;
  -o-animation: slideshow 30s infinite;
  -ms-animation: slideshow 30s infinite;
}

/* Animation
=============================*/
@-webkit-keyframes slideshow {
   0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -446px; }
  50%, 80% {margin-left: -892px;}
  85% {margin-left: 1px;}
}

@-moz-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -446px; }
  50%, 80% {margin-left: -892px;}
  85% {margin-left: 1px;}
}

@-o-keyframes slideshow {
    0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -446px; }
  50%, 80% {margin-left: -892px;}
  85% {margin-left: 1px;}
}

@-ms-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -446px; }
  50%, 80% {margin-left: -892px;}
  85% {margin-left: 1px;}
}


 }

@media (max-width: 446px) {
img {
   transition: .1s ease-in-out;
}

.imga {
  width:340px;
  height: 114px;
}

#box1, #box2, #box3, #box4 {
  width:340px;
  height: 114px;
  float: left;
  background-repeat: no-repeat;
  background-position: center;
}



#slideshow-container {
  width:340px;
  height: 114px;
  position:relative;
  overflow: hidden;
  margin: auto;
  margin-top: 2px;
  border: 1px solid #669900;


}

#slideshow {
  width: 1000%;
  -webkit-animation: slideshow 30s infinite;
  -moz-animation: slideshow 30s infinite;
  -o-animation: slideshow 30s infinite;
  -ms-animation: slideshow 30s infinite;
}

/* Animation
=============================*/
@-webkit-keyframes slideshow {
   0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -340px; }
  50%, 80% {margin-left: -680px;}
  85% {margin-left: 1px;}
}

@-moz-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -340px; }
  50%, 80% {margin-left: -680px;}
  85% {margin-left: 1px;}
}

@-o-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -340px; }
  50%, 80% {margin-left: -680px;}
  85% {margin-left: 1px;}
}

@-ms-keyframes slideshow {
  0%, 10%, 100% {margin-left: 1px; }
  20%, 45% {margin-left: -340px; }
  50%, 80% {margin-left: -680px;}
  85% {margin-left: 1px;}
}


}