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

figure, figcaption {
display: block;
}

#polaroid{}

#polaroid figure{
padding: 6px 8px 30px 8px;
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
background: #eee6d8;
-webkit-transform:rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
}

#polaroid figure:nth-child(even) {
-webkit-transform:rotate(2deg);
-moz-transform: rotate(2deg);
-o-transform: rotate(2deg);
-ms-transform: rotate(2deg);
transform: rotate(2deg);
-webkit-backface-visibility:hidden; /*prevent rotated text being jagged in Chrome and Safari*/
-webkit-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
-moz-box-shadow: 4px 4px 8px -4px rgba(0, 0, 0, .75);
box-shadow: -4px 4px 8px -4px rgba(0, 0, 0, .75);
}

#polaroid figure:before {
content: '';
display: block;
position: absolute;
left:5px;
top: -15px;
width: 75px;
height: 25px;
z-index:10;
background-color: rgba(222,220,198,0.7);
-webkit-transform: rotate(-12deg);
-moz-transform: rotate(-12deg);
-o-transform: rotate(-12deg);
-ms-transform: rotate(-12deg);
}

#polaroid figure:nth-child(even):before {}

#polaroid figcaption{
text-align:center;
font-family: 'Reenie Beanie', cursive;
font-size:1.8em;
color:#454f40;
letter-spacing:0.09em;
}
/**IE Hacks - see http://css3pie.com/ for more info on how to use CS3Pie and to download the latest version**/
#polaroid figure{
-pie-background: linear-gradient(#ede1c9, #fef8e2 20%, #f2ebde 60%);
behavior: url(assets/pie/PIE.htc);
position:relative; /*required to make PIE work*/
padding-top:10px\9;
padding-right:10px\9;
}

#ecrit {
font-family: 'Reenie Beanie', cursive;;
font-size:2em;
padding-top:30px;
padding-left:30px;
padding-right:30px;
padding-bottom:30px;
-webkit-transform: rotate(4deg);
-moz-transform: rotate(4deg);
-o-transform: rotate(4deg);
-ms-transform: rotate(4deg);
	background-color: rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	border-radius: 300px;

}


.slideshow { position: relative; width:260px; margin-top:0px}
.slideshow li { position: absolute; left: 0; right:0; top: 0; width: 300px; height: 300px; display: none; list-style: none; }
.slideshow li:first-child { display: block; }
.slideshow-2 { margin-top:300px; }
.slideshow-2 li { height: 30px; background: #eee6d8; text-align: center; }