html {
	padding:0px;
}

body {
	margin: 0px auto;
	padding: 0; 
	font: normal 13px/18px Arial, "Trebuchet MS", Tahoma, Verdana, Georgia, sans-serif; 
	color: #1a171b;
	text-align: left;
	background-color: #000;
}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; margin-bottom:7px;}

h1 {font: normal 26px Arial; padding-bottom:7px; color:#333;}
h2 {font: normal 16px Arial; color:#999;  padding-bottom:0px; }
h3 {font: normal 24px Arial; margin:0px 0 10px 0; color:#666;}
h4 {font: normal 17px Arial; margin:0px 0 0px 0; color:#666;}
h5 {font: normal 12px Arial; margin:0px 0 7px 0; color:#7ECF2E;}

ul {list-style:none;}
li {padding:0px;}

#content #right ul {margin:10px 0 0px 0;}
#content #right li {list-style:circle; list-style-type: disc; list-style-position: outside; margin-left:20px; }

hr{	border: none 0; border-top: 1px dotted #ccc; height: 1px;	vertical-align:top; margin:10px 0 10px 0; clear:both;}

img {border:0;}

a:link, a:visited {	text-decoration: none; border:0; background-color:transparent; color:#ffffff; padding:0; outline: none;}
a:active, a:hover {	text-decoration: none; background-color:transparent; }

form {padding:0px; margin:0px;}
p {padding:0px; margin:0px;}
div, ul {padding:0; margin:0;}

#dane, .button, .data
{-webkit-border-radius: 5px; /* Safari, Chrome */
-khtml-border-radius: 5px;    /* Konqueror */
-moz-border-radius: 5px; /* Firefox */
}
.clear {padding:0; margin:0; height:0px; line-height:0px; clear:both;}

/* construction */
#header { z-index:1; width:auto; background:url(../pix/bgheader.jpg) top left repeat-x; height:159px; }
#top { position:relative;  background:url(../pix/bgtop.png) top left no-repeat; position:relative; width:1000px; margin:auto; height:159px; }
#logo { position:absolute; top:30px; left:-110px; }
#corner { position:absolute; z-index:10000000; top:0; left:0; background:transparent url(../pix/bgcorner.png) top left no-repeat; width:280px; height:58px; }
#cornerleft { position:absolute; top:0; left:-500px; background:transparent url(../pix/bgcornerleft.png) top left no-repeat; width:500px; height:328px; }

#menu { position:absolute; left:50%; top:105px; height:45px; background:url(../pix/bgmenu.png) top left no-repeat}


#catalog { font-size:12px; position:absolute; top:15px; left:450px; color:#fff; width:170px; }
#world { font-size:12px; position:absolute; top:15px; left:670px; color:#fff; width:280px; }
#catalog img, #world img { margin-right:10px }

#main {  }
#content { z-index:10;  position:relative;  width:1000px; margin:auto; background-color:#000000; }
#content2 { z-index:10;  position:relative;  width:1000px; margin:auto; background-color:#ffffff; }
#txt {  color: #fff; padding:20px; }
#txt h1 { font-size:33px; color:#fff; font-weight:bold; }

#txt h1.part { font-size:33px; color:#000; margin-left:170px; padding-top:20px; padding-bottom:10px; border-bottom:6px solid #ffed00; margin-bottom:70px; display:inline-block; font-weight:bold; }

.bottom { text-align:center; color:#fff; overflow:hidden; }
.bottom hr { padding-top:20px; display:block; border:0; border-bottom:1px solid #fff }
.footer { width:1000px; margin:auto; margin-top:20px; margin-bottom:20px; }
.footerleft { float:left }
.footerright{ float:right; margin-top:135px;}

#zonebloc { overflow:hidden; }
.bloc:first-child { margin-left:90px }
.bloc { float:left; width:165px; margin:15px; margin-left:0; color:#fff; font-size:17px; line-height:21px }

.promo, .new { z-index:10000; position:absolute; width:257px; height:263px; top:0px; right:0px; }
.promo { background:url(../pix/promo.png) top left no-repeat; }
.new   { background:url(../pix/new.png) top left no-repeat; }

/* SLIDE ACCUEIL */

#slider {z-index:0; margin:auto; width:1010px; height:439px; }

#slider #elem { position:relative; width:1000px; height:439px;  }
#slider #elem .left, #elem .right { float:left; width:500px; height:439px;}
#slider #elem .left { background:url(../pix/bgleft.png) top left no-repeat; float:left; padding:40px; padding-top:60px; width:420px; height:339px }

#slider #elem .left .titre { font-size:29px; font-weight:bold; border-bottom:6px solid #ffed00; line-height:40px; padding-bottom:10px; margin-bottom:20px;}
#slider #elem .left .soustitre { font-size:21px; line-height:28px; margin-bottom:20px;}
#slider #elem .left .texte { font-size:17px; line-height:21px}
#slider #elem .left .prix { float:left; background:url(../pix/blocprix.png) top left no-repeat; width:209px; height:80px; margin:20px 20px 0 0; font-weight:bold; font-size:60px; text-align:center; line-height:80px}
#slider #elem .left .prix sup { font-size:30px;  }
#slider #elem .left .prixpromo { float:left; font-size:22px; font-weight:bold; line-height:26px; margin:50px 20px 0 0;}

#blocslider { position:relative; width:1000px; height:190px; margin:20px 0; }
#bgslide { position:absolute; right:0; width:1500px; height:190px; background: url(../pix/slider.png) bottom right no-repeat; }
#slider2 {position:absolute; left:0; width:1000px; height:190px; }
#slider2 #elem { width:880px; padding:0 60px}
#slider2 #elem b { font-size:24px; }

#blocslider3 { position:relative; width:1000px; height:170px; margin:20px 0; }
#bgslide3 { position:absolute; right:0; width:1500px; height:170px; background: url(../pix/slider.png) bottom right no-repeat; }
#slidertitle { position:absolute; top:15px; left:10px; font-size:37px; font-weight:bold; color:#1a171b; border-bottom:6px solid #ffed00; padding-bottom:10px; margin-bottom:15px; }
#slider3 {position:absolute; top:70px; left:10px; width:1000px; height:150px; }
#slider3 #elem { width:180px; padding:0 10px; text-align:center; height:70px;}

.bx-window { position:relative; overflow:auto;}


.bx-next {
	position:absolute;
	top:40%;
	right:-55px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background:url(../pix/next.png) no-repeat 0 -30px;
}

/*previous button*/
.bx-prev {
	position:absolute;
	top:40%;
	left:-35px;
	z-index:999;
	width: 30px;
	height: 30px;
	text-indent: -999999px;
	background: url(../pix/prev.png) no-repeat 0 -30px;
}

/*pager links*/
.bx-pager a, .bx-pagerref a {
	margin: 0 3px;
	color: #fff;
	padding: 0px 6px 0px 6px;
	font-size: 10px;
	height:13px;
	zoom:1;
	background: url(../pix/pager.png) no-repeat 0 -13px;
}


#blocslide .bx-pager, #blocslide .bx-prev, #blocslide .bx-next { display:none; }

.bx-wrapperref { float:right; margin-right:10px}

/*next/prev button hover state*/
.bx-next:hover,
.bx-prev:hover {
	background-position: 0 0;
}

/*pager links hover and active states*/
.bx-pager .pager-active,
.bx-pager a:hover {
	background-position: 0 0;
}

.bx-pagerref .pager-active,
.bx-pagerref a:hover {
	background-position: 0 0;
}

/*pager wrapper*/
.bx-pager {
	position:relative; 
	bottom:30px;
	text-align:center;
	font-size:12px;
	color:#666;
}

.bx-pagerref {
	position:absolute; 
	bottom:-10px; left:10px;
	text-align:center;
	font-size:12px;
	z-index:10000;
}

/*captions*/
.bx-captions {
	text-align:center;
	font-size: 12px;
	padding: 7px 0;
	color: #666;
}

/*auto controls*/
.bx-auto {
	text-align: center;
	padding-top: 15px;
}

.bx-auto a {
	color: #666;
	font-size: 12px;
}


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	right: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu > li > a { background:url(../pix/separ.png) right 16px no-repeat }
.sf-menu > li:last-child a { background:none }

.sf-menu ul ul {
	top: 0;
	left: 100%;
}


/*** DEMO SKIN ***/
.sf-menu {
	float: left;
	margin-bottom: 1em;
}
.sf-menu ul {
	min-width: 12em; /* allow long menu items to determine submenu width */
}

.sf-menu ul ul {
	min-width: 22em; /* allow long menu items to determine submenu width */
}

.sf-menu a {
	color:#000; 
	font-size:12px; 
	font-weight:bold;
	padding: 11px 0 3px 0;
	text-decoration: none;
	zoom: 1; /* IE7 */
}

.sf-menu ul a { 	
	color:#fff;
	padding: 4px 0;
 }


.sf-menu li {
	white-space: nowrap; /* no need for Supersubs plugin */
	*white-space: normal; /* ...unless you support IE7 (let it wrap) */
	-webkit-transition: background .2s;
	transition: background .2s;
	width:100px;
	text-align:center;
}

.sf-menu ul {
	background:url(../pix/bgsousmenu1.png) top left;	
}

.sf-menu ul > li, .sf-menu ul li.current {
	width:auto;
	padding:0 5px;
	text-align:right;
}

.sf-menu ul ul > li, .sf-menu ul ul li.current {
	width:auto;
	padding:0 5px;
	text-align:left;
}

.sf-menu ul ul li, .sf-menu ul li.current {
	background: #575656;
	width:auto;
}

.sf-menu ul li.current a { color:#fff }

.sf-menu ul ul li:hover,
.sf-menu ul ul li.sfHover, .sf-menu ul ul li.current {
	background:#FFEA00 url(../pix/bgsousmenu2.png) top left ;
	color:#ffed00;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu ul ul li:hover a,
.sf-menu ul ul li.sfHover a, .sf-menu ul ul li.current a {
	color:#000;

}


.sf-menu > li:hover,
.sf-menu > li.sfHover, .sf-menu li.current {
	background: url(../pix/menusel.png) top left;
	color:#ffed00;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu li:hover > a,
.sf-menu li.sfHover > a, .sf-menu li.current > a { color:#ffed00; }

.sf-menu ul > li:hover,
.sf-menu ul > li.sfHover {
	background:#575656;
	color:#fff;
	/* only transition out, not in */
	-webkit-transition: none;
	transition: none;
}

.sf-menu ul li:hover a, .sf-menu ul  a,
.sf-menu ul li.sfHover a { color:#fff; }


/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
	margin-top: -5px;
	margin-right: -3px;
	border-color: transparent;
	border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
	border-left-color: rgba(255,255,255,.5);
}

.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
	border-left-color: white;
}

.bloc_partenaire { float:left; margin-right:72px; margin-bottom:50px; }


.contact { padding:10px; margin-bottom:10px; border-bottom:1px solid #FFFFFF; }
.contact .head { margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #FFFFFF; position:relative; }
.contact .head .ville { font-weight:bold; float:left; color:#ffed00; font-size:24px; width:180px; }
.contact .head .tel { position:absolute; background:url(../pix/tel.png) top left no-repeat; width:173px; height:26px; right:0px; bottom:-17px; color:#231f20; font-size:24px; font-weight:bold; padding-left:40px; padding-top:9px; }
.contact .head .infos { color:#ffffff; padding-top:2px; }
.contact .map { float:left; width:500px; height:350px; margin-right:20px; }
.contact .form { float:left; width:400px; }

.prod_cadre1 { float:left; background-color:#ececec; height:40px; width:500px; border-bottom:1px solid #5e5e5e; border-right:1px solid #5e5e5e; }
.prod_cadre2 { float:left; background-color:#ececec; height:40px; width:499px; border-bottom:1px solid #5e5e5e; }
.prod_cadre3 { background-color:#ffffff; height:50px; width:980px; padding-right:20px; border-bottom:5px solid #ffed00; text-align:right }
.prod_cadre4 { background-color:#ffffff; height:38px; width:980px; padding-right:20px; border-bottom:1px solid #5e5e5e; border-top:1px solid #5e5e5e; text-align:right }
.prod_cadre5 { float:left; background-color:#ffffff; height:80px; width:370px; }
.prod_cadre6 { float:left; background-color:#ececec; min-height:100px; width:609px; border-left:1px solid #5e5e5e; padding:10px; text-align:right;  }
.prod_cadre6 .bton { height:20px; background:#ffed00 url(../pix/btn.png) top left no-repeat; color:#1a171b; font-size:14px; padding:0px 10px; padding-top:3px; display:inline-block; margin-bottom:10px; }
.prod_cadre7 { float:left; background-color:#ececec; height:42px; width:370px;  border-top:1px solid #5e5e5e; border-right:1px solid #5e5e5e; }
.prod_cadre8 { float:left; background-color:#ffffff; height:42px; width:629px;  border-top:1px solid #5e5e5e;  }
