/*-----------------------------------------------------------
	Project: SADER
	Date : 	FEB 2010
	Last Update : 15/02/10
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:13px; color:#000; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#000; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #000; }
del { color:#000; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*::::::::::::::: Font ::::::::::::::::*/
@font-face {
	font-family: 'Eurostile';
	src: url('../font/Eurostile_Bold.eot');
	src: local('Eurostile Regular'), local('Eurostile'), url('../font/Eurostile_Bold.woff') format('woff'), url('../font/Eurostile_Bold.ttf') format('truetype');
}

/*:::::::::::  Main layout :::::::::::*/
body {background:#000;}

/*HEADER*/
#header {width:995px;margin:0 auto;padding:13px 0 0;}
#header #logo {float:left;margin-right:50px;}

/*NAV*/
#nav {float:left;margin-top:12px;}
#nav  li {float:left;background:url(../images/common/nav_separator.gif) no-repeat 0 2px;position:relative;z-index:5;}
#nav  li.first {background:none;} 
#nav  li a {color:#fff;font-size:14px;font-weight:bold;display:block;padding:7px 9px 27px;}
#nav  li a:hover , #nav  li.sfhover a , #nav  li a.active  {color:#e32219;}

#nav  li ul {position:absolute;z-index:10;left:-999em;width:200px;background:#fff url(../images/common/bg_submenu.gif) no-repeat 50% -1px;margin-top:-1px;visibility:hidden;padding:20px 0 10px;border:1px solid #bfbfbf;border-top:1px solid #000;}
#nav  li li {float:none;background:url(../images/common/submenu_separator.gif) no-repeat 50% 0;padding:5px 7px;text-align:center;line-height:15px;}
#nav  li li a , #nav  li.sfhover li a {color:#000;font-size:12px;font-weight:normal;padding:0;}
#nav  li li a:hover , #nav  li.sfhover li a:hover {color:#e32219;}
 
#nav  li.sfhover ul  , #nav  li:hover ul {left:50%;margin-left:-100px;visibility:visible;} 

/*CONTENT*/
#wrapperContent {background:#e32219;padding-top:20px;}
#content {width:995px;margin:0 auto;line-height:17px;position:relative;}
#mainVisu {float:left;margin:0 0 0 23px}

#innerContent {background:#fff url(../images/common/bg_innerContent.gif) repeat-y 0 0;float:right;min-height:380px;width:770px;padding:33px 0;}

/*HOME*/
#flashHome {vertical-align:middle;float:right;margin-top:-20px;}

#searchProduct {width:175px;height:155px;padding:10px 5px 0 15px;float:left;clear:left;margin-top:35px;background:url(../images/common/bg_searchProduct.jpg) no-repeat 50% 0;}
#searchProduct label {color:#fff;font-size:18px;font-family: 'Eurostile', Helvetica, Tahoma, serif;display:block;padding-bottom:10px;}
#searchProduct select {width:170px;margin-bottom:15px;}

/*SIDEBAR*/
#sidebar {background:url(../images/common/shadow.png) no-repeat 0 0;min-height:385px;float:left;width:255px;padding:15px 0 0 14px;margin-top:-15px;}
#sidebar  a.btn {float:left;clear:left;margin-left:10px;margin-bottom:0;}
#sidebar h3 {font-size:18px;font-family: 'Eurostile', Helvetica, Tahoma, serif;clear:both;margin:0 15px 1px 15px;padding:35px 0 2px;zoom:1;}

#sidebar .testify {font-size:11px;width:160px;padding:0 0 0 15px;line-height:15px;}
#sidebar .testify .author{display:block;font-weight:bold;font-size:12px;padding-top:4px;}

#sidebar .productForYou {height:215px;}
#sidebar .productForYou  img{display:block;margin:0 0 5px 40px;}
#js #sidebar .productForYou  p.tip{line-height:11px;display:none;background:url(../images/common/bg_tooltip.png) no-repeat 0 0;width:63px;margin:5px 0 0 33px;font-size:9px;text-align:center;padding-top:15px;}
#sidebar .productForYou  p.tip span {display:block;background:url(../images/common/bg_tooltip.png) no-repeat -63px 100%;min-height:38px;padding:0 10px 6px;}

/*SIDEBAR - CAROUSEL PRODUIT*/
#carouselProduit {position:relative;width:160px;margin:0 auto;}
#carouselProduit .innerCarousel {width:160px;margin:0 0 0 0;}
#carouselProduit .innerCarousel ul li  {width:160px;height:550px;background:none;padding:0;}
#js #carouselProduit .innerCarousel ul li p.tip{line-height:11px;visibility:hidden;background:url(../images/common/bg_tooltip_down.png) no-repeat 0 100%;width:63px;margin:0 0 5px 37px;font-size:9px;text-align:center;}
 #carouselProduit .innerCarousel ul li p.tip span {display:block;background:url(../images/common/bg_tooltip_down.png) no-repeat -63px 0;min-height:38px;padding:5px 10px 15px;}
#carouselProduit .innerCarousel ul li img {padding:0;display:block;margin:0 auto;}
#carouselProduit .prev {position:absolute;top:220px;left:-29px;z-index:4;}
#carouselProduit .next {position:absolute;top:220px;right:-22px;z-index:4;}

/*SIDEBAR - NAV APPLICATION*/
#navAppli {position:relative;margin-bottom:15px;}
#navAppli .prev{position:absolute;left:18px;top:70px;z-index:2;}
#navAppli .next{position:absolute;right:20px;top:70px;z-index:2;}
#navAppli .placeholder {display:block;margin:0 auto;width:170px;}

#main {float:left;width:472px;}
#main.noSidebar {width:709px;margin:0 0 0 36px;}
#main h1 {color:#000;text-transform:uppercase;font-weight:bold;font-size:22px;margin-bottom:25px;line-height:23px;}
#main h1 span{color:#E32219;}
#main .chapo {font-size:14px;line-height:25px;margin-bottom:20px;}

/*EDITO*/
#main h2 {clear:both;color:#E32219;font-size:13px;font-weight:bold;margin:25px 0 5px;}
#main h2.fontified {clear:none;color:#000;font-size:18px;font-family: 'Eurostile', Helvetica, Tahoma, serif;margin:0 0 5px;font-weight:normal;} 
#main  p {font-size:11px;padding-bottom:20px;line-height:14px;}
#main  a {color:#E32219;text-decoration:underline;}
#main  a:hover {text-decoration:none;}

#main img.imgLeft {float:left;clear:left;margin:0 12px 5px 0;}
#main img.imgRight {float:right;clear:right;margin:0 0 5px 12px;}
#main img.imgCenter {display:block;margin:12px auto;}

#main .faq {margin:20px 0;border-bottom:1px solid #bfbfbf;}
#main .faq dt{font-weight:bold;color:#E32219;cursor:pointer;padding:8px 18px 8px 0;background:url(../images/common/btn_showHide.gif) no-repeat 100% 11px;border-top:1px solid #bfbfbf;}
#main .faq dt.active {color:#000;background-position:100% -42px;}
#main .faq dt.active  a {color:#000;}
#main .faq dt a {text-decoration:none;}
#main .faq dd{font-size:11px;line-height:14px;padding:0 20px 8px 0;}
#main .faq dd p{padding:0;}
	#js #main .faq dd {display:none;}
#main .faq dd a{color:#E32219;text-decoration:underline;}
#main .faq dd a:hover{text-decoration:none;}

/*FAQ PRINT*/
#main.print h1 {width:700px;margin:20px auto;}
#main.print .chapo {width:700px;margin:20px auto;}
#main.print {background:#fff;width:100%;float:none;padding:20px 0;}
#main.print .faq dt {background:none;}
#main.print .faq {width:700px;margin:20px auto;}

#main.print .btn {display:block;width:200px;background:url(../images/common/bg_btn.png) no-repeat 100% 0;padding:0;font-weight:bold;margin:0 auto 4px;color:#000;text-decoration:none;}
#main.print .btn span{display:block;background:url(../images/common/bg_btn.png) no-repeat 0 -32px;padding:10px 11px 9px;min-width:170px;text-align:center;cursor:pointer; }
#main.print .btn:hover {color:#E32219;} 

/*HOME GAMME*/
#gammeHome {width:100%;padding-bottom:10px;}
#gammeHome  li{float:left;text-align:center;margin-left:26px;}
	#gammeHome li.widthImmediat {width:243px;}
	#gammeHome li.widthInvisible {width:207px;}
	#gammeHome li.widthExterieur {width:160px;}
#gammeHome  li img {display:block;margin:0 auto;}
#gammeHome  li span {display:block;min-height:40px;font-size:11px;padding:5px 0 0 35px;margin:0 auto;text-align:left;line-height:14px;background:url(../images/common/arrow_gamme.png) no-repeat 0 0;width:123px;cursor:pointer;}
#gammeHome  li a , #allAppli li  a {color:#000;text-decoration:none;}

/*HOME APPLI*/
#allAppli {width:100%;}
#allAppli li{float:left;width:177px;height:225px;text-align:center;}
#allAppli li img{display:block;margin:0 auto;width:170px;height:170px;}
#allAppli li span{display:block;min-height:40px;font-size:11px;padding:5px 0 0 35px;margin:10px auto 0;text-align:left;line-height:14px;background:url(../images/common/arrow_gamme.png) no-repeat 0 0;width:127px;cursor:pointer;}

/*FICHE PRODUIT*/
#persoProd {position:absolute;bottom:0;left:-20px;}

#flashSidebar {vertical-align:bottom;margin-left:12px;}
#demoVideo {vertical-align:bottom;float:right;clear:right;margin-bottom:40px;}

.pictoProduit {width:250px;overflow:hidden;margin:5px 0 25px;}
.pictoProduit li{float:left;margin:0 4px 10px 0;text-align:center;width:58px;}
.pictoProduit li img{width:45px;height:45px;display:block;margin:0 auto;}
.pictoProduit li span{display:block;text-align:center;font-size:10px;line-height:11px;padding-top:4px;}

#carouselAppli {position:relative;width:228px;margin:15px 0 15px 0;}
#carouselAppli .innerCarousel {width:228px;margin:0 0 0 0;}
#carouselAppli .innerCarousel ul li  {width:76px;height:120px;background:none;padding:0;text-align:center;font-size:10px;line-height:12px;}
#carouselAppli .innerCarousel ul li  span {display:block;padding:3px;}
#carouselAppli .innerCarousel ul li img {padding:0;display:block;}
#carouselAppli .prev {position:absolute;top:28px;left:-28px;z-index:4;}
#carouselAppli .next {position:absolute;top:28px;right:-27px;z-index:4;}
#carouselAppli .prev.disabled , #carouselAppli .next.disabled   {visibility:hidden;}

/*RETAILER*/
.retailer {width:100%;overflow:hidden;border-top:1px solid #bfbfbf;padding:15px 0;}
.retailer.last {border-bottom:1px solid #bfbfbf;margin-bottom:30px;}
.retailer dt {font-size:15px;text-transform:uppercase;}
.retailer dd.logo {float:left;width:215px;}
.retailer dd.logo img {display:block;}
.retailer dd a {font-weight:bold;text-decoration:none !important;}

/*MEDIA*/
#mediaVideo {vertical-align:bottom;}

#spotRadio {width:100%;overflow:hidden;}
#spotRadio li{float:left;margin-left:30px;}

#spotTv {float:right;width:209px;}
#spotTv  ul {margin-bottom:25px;}
#spotTv  ul li a {text-decoration:none;}
#spotTv  ul li a:hover {text-decoration:underline;}

/*SITEMAP*/
#sitemap {border-bottom:1px solid #bfbfbf;padding:0;}
#sitemap li{padding:6px 0;border-top:1px solid #bfbfbf;width:100%;overflow:hidden;}
#sitemap li h2{margin:0;padding:0 0 2px 5px;clear:both;background:url(../images/common/btn_showHide.gif) no-repeat 100% 3px}
#sitemap li h2 a{text-decoration:none;}
#sitemap li h2.hasSubmenu {background-position:100% -31px;}
#sitemap li p{padding:1px 0 1px 5px;float:left;width:230px;}
#sitemap li p a{color:#000;text-decoration:none;}
#sitemap li p a:hover {color:#E32219;}

/*PAGINATION*/
.pagination {text-align:center;padding:15px 0;clear:both;width:100%;}
.pagination li{display:inline;vertical-align:middle;font-size:14px;font-weight:bold;}
#innerContent .pagination li a{color:#000;margin:0 1px;text-decoration:none;}
#innerContent .pagination li a:hover , #innerContent .pagination li.active a{color:#E32219;}
.pagination li a img{vertical-align:middle;}

/*BTN*/
#innerContent .btn {float:right;clear:right;background:url(../images/common/bg_btn.png) no-repeat 100% 0;padding:0;font-weight:bold;margin-bottom:4px;color:#000;text-decoration:none;}
#innerContent .btn span{display:block;background:url(../images/common/bg_btn.png) no-repeat 0 -32px;padding:9px 11px 6px;min-width:170px;text-align:center;cursor:pointer; }
#innerContent .btn:hover {color:#E32219;} 
#innerContent .gap {margin-top:20px;}

#innerContent .btnWide span{min-width:205px}

/*FOOTER*/
#footer {width:995px;margin:0 auto;padding:13px 0 25px;}

#footerPush {width:100%;}
#footerPush li{float:left;margin-left:15px;}
#footerPush li.logo {float:right;margin:0 44px 0 0;}
#footerPush li a img {display:block;width:215px;height:105px;}
#footerPush li.logo img {width:auto;height:auto;}
#footerPush  .astuceDuJour {background:#fff;width:195px;height:88px;overflow:hidden;padding:7px 10px 10px;}
#footerPush  .astuceDuJour dt a{display:block;text-indent:-999em;background:url(../images/common/title_astuceDuJour.png) no-repeat 0 0;width:100%;height:28px;}
#footerPush  .astuceDuJour dd {font-size:11px;padding-top:5px;line-height:13px;}
#footerPush  .astuceDuJour img {width:auto;height:auto;float:left;margin-right:5px;}

#footerLinks {text-align:center;margin-top:20px;}
#footerLinks li {color:#fff;display:inline;font-size:11px;}
#footerLinks li a {color:#fff;margin:0 3px;}
#footerLinks li a:hover {color:#E32219;}

/*:::::::::::::::: JS PLUGINS ::::::::::::::::*/
/*Selectbox - skinned select*/
div.container_selectbox{ float:left; }
div.selectbox-wrapper { position:absolute; margin:0px; padding:0px; text-align:left; overflow: auto;}
#searchProduct  div.selectbox-wrapper ul { list-style-type:none; margin:0; padding:0;border:1px solid #E32219;border-top:0;border-left:0;background:#fbfbfb;}
#searchProduct  div.selectbox-wrapper ul li {  list-style-type:none; display : block; margin:0; padding:1px 2px 1px 4px; cursor:pointer;background:none;}
.selectbox { margin:0; padding:5px 0 0 2px; display : block; text-align:left; cursor: pointer; border:0;font-size:11px;}
#searchProduct .container_selectbox { z-index:1000; }
#searchProduct   .selectbox  { width:182px;height:20px; border:0;padding:6px 0 0 4px;background: url(../images/common/bg_select.png) no-repeat 100% 0;}	
#searchProduct   .selectbox-wrapper  { margin-top:-6px; background:#ffffff; color:#000; z-index:1002 !important; font-size:11px;}	
#searchProduct   .selectbox-wrapper ul li.selected  { background:#c6c6c6; color:#000;  }
#searchProduct   .selectbox-wrapper ul li.current  { background:#efefef; color:#000; }

#searchProduct   #supports_input.selectbox   {width:167px;color:#000;font-weight:bold;margin-bottom:4px;}
#searchProduct   .selectbox-wrapper.supports   {width:172px !important;}

#searchProduct   #materiaux_input.selectbox   {width:167px;color:#000;font-weight:bold;margin-bottom:4px;}
#searchProduct   .selectbox-wrapper.materiaux   {width:172px !important;}

#searchProduct   #produits_input.selectbox   {width:167px;color:#fff;font-weight:bold;background: url(../images/common/bg_select_black.png) no-repeat 100% 0;margin-top:12px;}
#searchProduct   .selectbox-wrapper.produits   {width:172px !important;}
#produits {font-size:11px;color:#fff}
#produits span{font-size:11px;color:#000;font-weight:bold}
#produits a{font-size:11px;color:#fff}
#produits a:hover{color:#ffea00}
#materiaux_container ul {height:140px;overflow-y:auto;}