/* 
	Resets defualt browser settings
	reset.css
*/

/*
	Slideshow
*/

body#page-chef #slides {
	position:absolute;
	top:45px;
	left:50px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

body#page-chef .slides_container {
	width:439px;
	overflow:hidden;
	position:relative;
	display:none;
	border: 3px solid #662164;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

body#page-chef .slides_container a {
	width:439px;
	height:305px;
	display:block;
}

body#page-chef .slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

body#page-chef #slides .next,body#page-chef #slides .prev {
	position:absolute;
	top: 140px;
	width:25px;
	height:25px;
	display:block;
	z-index:101;
	background-image: url(../img/sprite.png);
	background-repeat: none;
	
	-moz-transition: background-position 0.2s ease;
	-o-transform: background-position 0.2s ease;
	-webkit-transition: background-position 0.2s ease;
	transition: background-position 0.2s ease;
}

body#page-chef #slides .prev {
	left: -37px;
	background-position: 0 -318px;
	}
	body#page-chef #slides .prev:hover{background-position: -27px -318px}
	html.ie7 body#page-chef #slides .next{right: 12px}

body#page-chef #slides .next {
	right: -37px;
	background-position: 0 -345px;
	}
	body#page-chef #slides .next:hover {background-position: -27px -345px}

/*
	Pagination
*/

body#page-chef .pagination {
	margin:10px auto 0 auto;
	width: 48px; /*12 x nb photos */
	padding: 0;
}

body#page-chef .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

body#page-chef .pagination li a {
	display:block;
	width:10px;
	height:0;
	padding-top:10px;
	background-image:url(../img/sprite.png);
	background-position:0 -372px;
	float:left;
	overflow:hidden;
}

body#page-chef .pagination li.current a {
	background-position:-12px -372px;
}

/*
	Footer


#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

*/


/******* Service page-traiteur *********/
body#page-traiteur #slides {
	}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

body#page-traiteur .slides_container {
	width:520px;
	overflow:hidden;
	position:relative;
	display:none;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

body#page-traiteur .slides_container div{
	width:520px;
	height:auto;
	display:block;
}

/*
	Next/prev buttons
*/

body#page-traiteur #slides .next, body#page-traiteur #slides .prev {
	position:absolute;
	top: 12px;
	right: 10px;
	width:25px;
	height:25px;
	z-index:101;
	background-image: url(../img/sprite.png);
	background-repeat: none;
	text-indent: -9999px;
	
	-moz-transition: background-position 0.2s ease;
	-o-transform: background-position 0.2s ease;
	-webkit-transition: background-position 0.2s ease;
	transition: background-position 0.2s ease;
}
html.ie7 body#page-traiteur #slides .next{z-index: 1000}

body#page-traiteur #slides .prev {display: none}
body#page-traiteur #slides .next {
	background-position: 0 -345px;
	}
	body#page-traiteur #slides .next:hover {background-position: -27px -345px}
	
/*
	Pagination
*/

body#page-traiteur .pagination {
	position: absolute;
	bottom: 0;
	right: 10px;
	width: 24px; /*12 x nb photos */
	padding: 0;
}

body#page-traiteur .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

body#page-traiteur .pagination li a {
	display:block;
	width:10px;
	padding-top:10px;
	float:left;
	overflow:hidden;
}

body#page-traiteur .pagination li.current a {
	background-position:-12px -372px;
}