body {top:0px; left:0px; margin:0px; padding:0px;font-family: 'Droid Sans', arial, serif;}



#compreignac {width:333px; height:333px; background-image:url("../gifs/compreignac.gif");border:0px solid #000;}
#parischant {width:333px; height:333px; background-image:url("../gifs/carre-parischant.jpg");border:0px solid #000;}
#boogaert {width:333px; height:333px; background-image:url("http://www.paris-danse.com/gifs/boogaert-2012-ts.jpg");border:0px solid #000;}
#toussaint12 {width:333px; height:333px; background-image:url("http://www.paris-danse.com/gifs/toussaint12-a.jpg");border:0px solid #000;}
#toussaint12b {width:333px; height:333px; background-image:url("http://www.paris-danse.com/gifs/toussaint12-b.jpg");border:0px solid #000;}
#360 {width:333px; height:333px; background-image:url("../gifs/CDM360.jpg");border:0px solid #000;}
#concours {width:333px; height:333px; background-image:url("http://www.paris-danse.com/concours-choregraphique-2013/Ilrevient-carre.png");border:0px solid #000;}
/*#boogaert {width:333px; height:333px; background-image:url("http://www.paris-danse.com/gifs/stage122.jpg");border:0px solid #000;}*/


.inv {width:333px; height:333px;}

.scrollable {



	/* required settings */

	position:relative;

	overflow:hidden;

	width: 333px;

	height:333px;



	/* custom decorations */

	

}



/*

	root element for scrollable items. Must be absolutely positioned

	and it should have a extremely large width to accomodate scrollable items.

	it's enough that you set the width and height for the root element and

	not for this element.

*/

.scrollable .items {

	/* this cannot be too large */

	width:20000em;

	position:absolute;

	clear:both;

}



.items div {

	float:left;

	width:333px;

}



/* single scrollable item 

.scrollable img {

	float:left;

	margin:20px 5px 20px 21px;

	background-color:#fff;

	padding:2px;

	border:1px solid #ccc;

	width:100px;

	height:75px;

	

	-moz-border-radius:4px;

	-webkit-border-radius:4px;

}

*/

/* active item */

.scrollable .active {

	border:2px solid #000;

	position:relative;

	cursor:default;

}





/* this makes it possible to add next button beside scrollable */

.scrollable {

	float:left;	

}


#twitter {width:200px; display:block; margin-left:15px;}
#facebook{width:120px; background-color:#3B5998; display:block; color:#FFFFFF; padding:5px; text-align:center;}
#facebook a{color:#FFFFFF;}
#cliquezici{float:right; height:100px; width:320px;}