﻿/*              slider jquery       */


div.wrap{
/*width:710px;*/
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:980px;
height:52px;
margin:22px 0 0;
background:url(Images/Slider/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:980px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;

}
div.headerSlide{

}
div#video-header{
height:980px;
margin:-1px 0 0;
}
div.headerSlide div.wrap{
height:299px;
}
div.headerSlide div#slide-holder{
z-index:40;
height:299px;
position:absolute;
}
div.headerSlide div#slide-holder div#slide-runner{
width:960px;
height:278px;
overflow:hidden;
position:absolute;
background-color:#000;
}
div.headerSlide div#slide-holder img{
margin:0;
/*display:none;*/
position:absolute;
border:0px;
text-decoration:none;
}
/*#slide-controls{
left:0;
bottom:228px;
width:980px;
height:46px;
position:absolute;
background:url(Images/Slider/slide-bg.png) 0 0;
}

div.headerSlide div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div.headerSlide div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div.headerSlide div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
color:#fff;
}
div.headerSlide div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div.headerSlide div#slide-holder div#slide-controls p#slide-nav a
{
background-image:url(Images/Slider/silde-nav.png);

}

div#nav ul li a
{
}*/
/*  fin  slider jquery       */


/****************************************************/
/*               début  carousel  jquery            */
/****************************************************/
#carousel {
	width:100%;
	height:190px;	
	margin:0 auto;
	overflow:hidden;
}

#slides {
	overflow:hidden;
	/* fix ie overflow issue */
	position:relative;
	width:100%;
	height:190px;
}

/* remove the list styles, width : item width * total items */	
#slides ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;	
	width:100%;			
}

/* width of the item, in this case I put 250x250x gif */
#slides li {
	float:left;
}

#slides li img {
	padding:4px;
}

/* Styling for prev and next buttons */
#buttons {
	padding:0 0 5px 0;	
	float:right;
}

#buttons a {
	display:block; 
	width:31px; 
	height:32px;
	text-indent:-999em;
	float:left;
	outline:0;
}

a#prev {
	background:url(arrow.gif) 0 -31px no-repeat; 
}

a#prev:hover {
	background:url(arrow.gif) 0 0 no-repeat;
}

a#next {
	background:url(arrow.gif) -32px -31px no-repeat; 
}

a#next:hover {
	background:url(arrow.gif) -32px 0 no-repeat;
}

.clear {clear:both}	


/****************************************************/
/*               Fin  carousel  jquery              */
/****************************************************/


/*  *   ******      menu deroulant    ******  *     */

/*@media (min-width: 768px) and (max-width: 979px) {
body {
	padding:0 20px;
}
.batch-icon {
	display:none;
}
}
 @media (max-width: 767px) {
body {
	padding:0 20px;
}
.batch-icon {
	display:none;
}
.right-page .bottom .text .inner{
	padding:0;
}
}
 @media (max-width: 480px) {
body {
	padding:0 20px;
}
.right-page {
	margin:24px 0 0 0;
	min-height:406px;
}
.right-page .text h1 {
	font-size:22px;
}
.right-page .text {
	margin:0 3px 0 0;
}
.right-page .bottom .text .inner {
	padding:0;
}
.right-page .bottom .text {
	margin:0 0 0 5px;
}
.cart-price span.cart {
	margin:0 9px 0 6px;
}
.cart-price {
	margin:35px 0 0 0;
}
.batch-icon {
	display:none;
}
.right-page .bottom .text .inner p {
	font-size:9px;
}
.cart-price strong.price {
	font-size:17px;
}
}
 @media (max-width: 979px) {
body {
	padding:0 20px;
}
}*/