/* ----- CSS ----- */
/* GESTION DU BANDEAU **************************************************/
.produits{
	background:url(../media/produits/bandeau.jpg);
}
.produits a{
	color:#6A6698;
}

/* AJOUTS DIV MAIN **************************************************/
#main h1{
	clear:both;
	margin:0 0 0 10px;
	padding:0 0 0 2px;
	font-size:22px;
	font-weight:normal;
	color:#6A6698;
}
#main h2{
	display:block;
	margin:0;
	padding:5px 5px 5px 20px;
	font-size:12px;
	font-weight:bold;
	color:#6A6698;
	background:#E6E6E6 url(../media/produits/puce_violet.gif) left no-repeat;
	background-position: 10px;
}
#main .legendH1{
	margin:0 0 10px 10px;
	padding:0 0 0 2px;
	font-style:oblique;
	font-weight:normal;
	color:#999;
	font-size:12px;
}
#main .legendH1 a{
	color:#437BC6;
}
/* AJOUTS DIV SOUS MENU **************************************************/
#liensConnexes ul li{
	background:url(../media/produits/puce_violet.gif) top left no-repeat;
	background-position:0 7px;
	display:block;
	line-height:14px;
	margin-bottom:2px;
}
#liensConnexes .active{
	color:#6A6698;
	background:url(../media/support/bg_sous_menu.gif) top left no-repeat;
}
#liensConnexes a{
	color:#6A6698;
}

/* CONTENUS **************************************************/
/*gauche*/
#innerLeft{
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:250px;
	font-size:12px;
}
#innerLeft .texte{
	margin:auto;
	padding:8px 0 21px 7px;
	background:url(../media/top_left.gif) top left no-repeat;
}
#innerLeft .texte p{
	margin:0 0 15px 0;
	padding:0;
	display:block;
	color:#333;
	text-align:justify;
}
#innerLeft ul{
	list-style-type:none;
	padding:5px 10px 30px 20px;
	margin:0;
	border:1px solid #E6E6E6;
	background:#fff url(../media/support/bas_list.gif) bottom left repeat-x; 
}
#innerLeft ul .choixLibelle{
	margin:0;
	padding:0;
	color:#666;
	font-size:9px;
	display:block;
}
#innerLeft ul li{
	padding:0;
	margin:0 0 5px 0;
	color:#333;
	line-height:16px;	
}
#innerLeft a{
	color:#333;
}
#innerLeft ul .current{
	color:#437BC6;
	font-weight:bold;
}
#innerLeft ul .current a{
	color:#437BC6;
}
#innerLeft ol{
	list-style-type:none;
	margin:3px 0 20px 5px; 
	padding:0;
}
#innerLeft ol a, #innerLeft ol a:hover{
	color:#437BC6;
	line-height:16px;	
}
#innerLeft ol li{
	margin:0;
	font-weight:normal;
	padding:0 10px 0 10px;
	background:url(../media/produits/puce_violet_little.gif) top left no-repeat; 
	background-position:2px 6px;
	line-height:14px;
}
#innerLeft ol li .current{
	font-weight:bold;
}
#innerLeft ol li .current a{
	color:#437BC6;
}
/*droite*/
#innerRight{
	float:right;
	margin:10px 0 0 0;
	padding:0 10px 0 0;
	width:530px;
	font-size:12px;
}
#innerRight .content{
	margin:auto;
	padding:8px 0 21px 7px;
	background:url(../media/top_left.gif) top left no-repeat;
}
#innerRight .content p{
	margin:2px 25px 10px 0;
	padding:0;
	color:#333;
	text-align:justify;
}
#innerRight .content ul .legendH1{
	margin:0 0 10px 0;
	padding:0 0 0 2px;
	font-style:oblique;
	font-weight:normal;
	color:#999;
	font-size:12px;
}
#innerRight .homeProduits{
	float:right;
	margin:8px 0 10px 9px;
}
#innerRight .sticker{
	height:214px;
	width:159px;
	background:#fff url(../media/produits/sticker.gif) top left no-repeat;
	margin:0 10px 10px 0;
	padding:0;
	float:left;
}
#innerRight .sticker .imgDisplay{
	width:146px;
	height:143px;
	margin:1px;
}
#innerRight .sticker .imgDisplay td{
	text-align:center;
	vertical-align:middle;
}
#innerRight .sticker .imgDisplay td img{
	border:0;
}
#innerRight .sticker .title{
	line-height:14px;
	width:140px;
	height:39px;
	vertical-align:middle;
	padding-left:3px;
}
#innerRight .sticker .title a{
	color:#fff;
	font-size:12px;
	font-weight:bold;	
	float:left;
	margin:5px 0 0 5px;
}
#innerRight .sousHomeList{
	background:#fff;
	border:0;
	padding:0;
	margin:0;
}
#innerRight .sousHomeList li{
	background:#666690 url(../media/produits/puce_sousHome.gif) top left no-repeat;
	padding:3px 10px 3px 12px;
	height:18px;
}
#innerRight .sousHomeList li a{
	color:#fff;
}
#innerRight .content .produitsList{
	width:100%;
}
#innerRight .content .produitsList td{
	padding:10px 5px 5px 0;
	margin:0;
	vertical-align:top;
}
#innerRight .content form{
	margin:0;
	padding:0;
}
#innerRight .content .produitsList td img{
	border:0;
}
#innerRight .content .produitsList .mainLink{
	font-size:12px;
	font-weight:bold;
	color:#6A659B;
}
#innerRight .content .produitsList .ref{
	font-size:11px;
	margin:0;
	padding:0;
	color:#6A659B;
}
#innerRight .content .produitsList .desc{
	font-size:11px;
	margin:0;
	padding:0;
	color:#333;
}
#innerRight ul{
	list-style-type:none;
	padding:15px 10px 30px 15px;
	margin:0;
	border:1px solid #E6E6E6;
	background:#fff url(../media/support/bas_list.gif) bottom left repeat-x; 
}
#innerRight ul li{
	padding:0 0 0 7px;
	margin:0 0 5px 0;
	color:#333;
	background:#fff url(../media/produits/puce_violet_little.gif) left no-repeat; 
}
#innerRight a{
	color:#333;
	font-weight:normal;
}
#innerRight ul li .current{
	color:#437BC6;
	padding-bottom:5px;
}
#innerRight ol{
	display:block;
	padding:0;
	margin:3px 0 0 0;
	list-style-type:none;
}
#innerRight ol li{
	padding:4px 4px 4px 25px;
	margin:0 10px 0 0;
	background:#F1F1F1 url(../media/support/icone_file.gif) left no-repeat;
	background-position:7px;
}
#innerRight ol .current{
	color:#437BC6;
	padding-bottom:5px;
}
#innerRight ol a, #innerRight span a{
	font-weight:normal;
}
#innerRight span{
	display:block;
	padding:4px 4px 4px 25px;
	margin:0 10px 0 0;
	background:#E6E6E6 url(../media/puce_bleu.gif) left no-repeat;
	background-position:11px;
}
.bottom{
	margin:0 9px 20px 7px;
	padding:0;
	height:16px;
	background:url(../media/support/bottom_img.gif) bottom left repeat-x;
}

/* DETAILS **************************************************/
#detailsProduit{
	clear:both;
	margin:auto;
	padding:0;
	width:775px;
	font-size:12px;
}
.detailsH2{
	display:block;
	clear:both;
	margin:3px 0 10px 12px;
	padding:0;
	background:none;
	font-size:12px;
	font-weight:bold;
	color:#6A6698;
	float:left;
	width:500px;
}
h1{
	float:left;
	width:500px;
}
#videoPub{
	background:url(../media/produits/video.gif) no-repeat ;
	height:63px;
	width:220px;
	float:right;
	position:relative;
	padding:0;
	margin:0 15px 0 0;
}
#detailsLeft{
	float:left;
	margin:auto;
	padding:0;
	width:270px;
	color:#333;
}
#detailsLeft img {
border:none;
}
#detailsLeft h3{
	clear:left;
	display:block;
	padding:0;
	margin:15px 0 5px 0;
	font-size:12px;
	line-height:16px;
	color:#666;
}
#detailsLeft .docList{
	list-style-type:none;
	padding:0;
	margin:0;
}
#detailsLeft .docList li{
	padding:2px 0 0 15px;
	margin:0 0 5px 0;
	line-height:16px;
	font-size:11px;
	background:url(../media/produits/puce_text.gif) top left no-repeat;
}
#detailsLeft .docList .vid{
	background:url(../media/produits/puce_vid.gif) top left no-repeat;
}
#detailsLeft .docList li a{
	color:#437BC6;
}
/*#detailsLeft img{
	float:left;
	margin:10px 10px 0 0;
	padding:0;
	border:1px solid #ffcc00;
}*/
#detailsLeft table td{
	padding:10px 5px 0px 5px;
	text-align:left;
}
#detailsLeft .vignette{
	clear:left;
	margin:0;
	border:1px solid #333;
}
#detailsRight{
	float:right;
	margin:auto;
	padding:0;
	width:500px;
	background:url(../media/top_left.gif) top left no-repeat;
}
#detailsRight h2{
	margin:0 0 10px 0;
	padding:5px 0 5px 20px;
	text-transform:uppercase;
}
#detailsRight h3{
	margin:0 0 10px 10px;
	padding:5px 0px 0px 0px;
	font-size:12px;
	color:#666;
}
#detailsRight span{
	display:block;
	margin:0 0 10px 10px;
	padding:0;
	width:95%;
	font-weight:normal;
	color:#666;
}
#detailsBack{
	margin:20px 5px 20px 10px;
	padding:0;
	border-top:solid 1px #999;
}
#detailsBack img{
	float:right;
}

#detailsFeatures ul{
	margin-top:15px;	
}

/* Miniatures visuels produits */
#displayMiniatures TR TD A.productMiniature {display:block;width:65px;height:65px;border:1px solid #666666;background-position:50% 50% !important;background-repeat:no-repeat !important;}

/* Popin Visualisation */
/*#popinVisualisation {display:none;border:1px solid #000;background-color:#FFF;padding:39px 21px 39px 39px;}
#popinVisualisation a.close {color:#666;font-size:11px;position:absolute;right:9px;text-decoration:none;top:9px;z-index:900;}
#popinVisualisation a.close:hover {text-decoration:underline;}
#popinVisualisation #grandVisuel IMG {float:left;padding-right:39px;}
#popinVisualisation .miniVisuels {float:left;width:250px;}
#popinVisualisation .miniVisuels DIV {float:left;border:1px solid #666666;margin:0px 18px 18px 0px;_margin:0px 9px 9px 0px;cursor:pointer !important;}
#popinVisualisation .miniVisuels DIV.opacity {opacity:0.2;-moz-opacity:0.2;-ms-filter:"alpha(opacity=20)";filter:alpha(opacity=20);}
#popinVisualisation .miniVisuels .visuelPopin {width:104px;height:100px;background-position:50% 50% !important;background-repeat:no-repeat !important;}*/
#popinVisualisation {display:none;position:absolute;border:1px solid #000;background-color:#FFF;;padding:39px 21px 39px 39px;margin:auto;}
#popinVisualisation a.close {color:#666;font-size:11px;position:absolute;right:9px;text-decoration:none;top:9px;z-index:900;}
#popinVisualisation a.close:hover {text-decoration:underline;}
#popinVisualisation #grandVisuel IMG {float:left;padding-right:39px;}
#popinVisualisation .miniVisuels {float:left;width:250px;}
#popinVisualisation .miniVisuels DIV {float:left;border:1px solid #666666;margin:0px 18px 18px 0px;_margin:0px 9px 9px 0px;cursor:pointer !important;}
#popinVisualisation .miniVisuels DIV.opacity {opacity:0.2;-moz-opacity:0.2;-ms-filter:"alpha(opacity=20)";filter:alpha(opacity=20);}
#popinVisualisation .miniVisuels .visuelPopin {width:104px;height:100px;background-position:50% 50% !important;background-repeat:no-repeat !important;}
