/* CSS Document */

#overlay{
	display:none;
	z-index:40;
	position:fixed;
	left:0;top:0;
	width:100%;
	height:100%;
	background:black;
}

/*----Greybox structure----*/

#greyBox{
	display:none;
	z-index:41;
	position:absolute;
	left:-384px;
	top:50px;
	margin:0 0 0 50%;
	width:768px;
}
#greyBox .top, #greyBox .bottom{
	float:left;
	height:18px;
	width:768px;
	font-size:0;
}
#greyBox .top{
	background:url(../medias/img/greybox/top.png) no-repeat left top;
}
#greyBox .bottom{
	bottom:-18px;
	background:url(../medias/img/greybox/bottom.png) no-repeat left top;
}
#greyBox .content{
	float:left;
	width:724px;
	padding:4px 22px;
	background:url(../medias/img/greybox/main.png) repeat-y left top;
}

#greyBox .title{
	position:relative;
	height:24px;
	padding:8px 0 0 12px;
	margin:0 0 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	background:url(../medias/img/greybox/title_blue.gif) no-repeat left top;
}
#greyBox .title.icon{
	padding-left:65px;
}
#greyBox .title.icon .pngFix{
	position:absolute;
	left:9px;top:-5px;
}
#greyBox .title.blue{background-image:url(../medias/img/greybox/title_blue.gif);}
#greyBox .title.black{background-image:url(../medias/img/greybox/title_black.gif);}
#greyBox .title.red{background-image:url(../medias/img/greybox/title_red.gif);}
#greyBox .title.green{background-image:url(../medias/img/greybox/title_green.gif);}
#greyBox .title.grey{background-image:url(../medias/img/greybox/title_grey.gif);color:#d71020;font-weight:normal;}

#greyBox .close{
	cursor:pointer;
	position:absolute;
	right:38px;top:29px;
}
#greyBox .close img{display:block;}

#greyBox .innerTop{
	height:3px;
	font-size:0;
	background:url(../medias/img/greybox/inner_top.gif) no-repeat left top;
}

#greyBox .innerBottom{
	height:3px;
	font-size:0;
	background:url(../medias/img/greybox/inner_bottom.gif) no-repeat left top;
}

#greyBox .loading{
	text-align:center;
	color:#0b529b;
	padding:25px 0 30px 0;
}
#greyBox .loading img{vertical-align:middle;}

/*----Intérieurs de la Greybox----*/

#greyBox .classicContent{
	border-left:1px solid #dce1e7;
	border-right:1px solid #dce1e7;
	padding:0 9px;
}
#greyBox p{padding:4px 0 5px 0;}
#greyBox p a{color:#0f569e;}

#greyBox .imgRight{
	float:right;
	padding:12px 0 0 12px;
}

#comments{
	border-left:1px solid #dce1e7;
	border-right:1px solid #dce1e7;
}
#comments dl{padding:0 9px;}
#comments img{vertical-align:middle;padding:0 10px 0 0;}
#comments dt{
	padding:3px 0 4px 0;
	font-size:11px;
	font-weight:bold;
	background:url(../medias/img/blockinfos_border.gif) repeat-x left bottom;
}
#comments dd{
	padding:5px 0 10px 94px;
	background:url(../medias/img/blockinfos_border.gif) repeat-x left bottom;
}
#comments dl.lastChild dd{background:none;}

#greyBox .titre1{
	font-size:18px;
	font-weight:normal;
	padding:0 0 14px 0;
}

#greyBox .titre2{
	font-size:11px;
	font-weight:bold;
	padding:4px 0;
}

#greyBox ul.list{
	padding:4px 0 5px 0;
	list-style-type:none;
}
#greyBox ul.list li{
	padding:1px 0 2px 6px;
	background:url(../medias/img/greybox/packdesc_list_puce.gif) no-repeat left 6px;
}


#packDesc{
	float:left;
	width:714px;
	padding:0 0 8px 10px;
}
#packDesc .level{
	float:right;
	width:239px;
	font-size:10px;
	margin:0 0 8px 16px;
}
#packDesc .level img{display:block;padding:0 0 4px 0;}
#packDesc .level .left{float:left;}
#packDesc .level .right{float:right;}

#packDesc .level img.illustration{padding-bottom:3px;}
#packDesc .level.beginner img.illustration{background:url(../medias/img/prodlist_level_beginner_large.gif) no-repeat left bottom;}
#packDesc .level.low img.illustration{background:url(../medias/img/prodlist_level_low_large.gif) no-repeat left bottom;}
#packDesc .level.medium img.illustration{background:url(../medias/img/prodlist_level_medium_large.gif) no-repeat left bottom;}
#packDesc .level.high img.illustration{background:url(../medias/img/prodlist_level_high_large.gif) no-repeat left bottom;}


#packPreview{
	float:left;
	width:722px;
	border-left:1px solid #dce1e7;
	border-right:1px solid #dce1e7;
}
#packPreview .prodTitle{
	font-size:12px;
	font-weight:bold;
	background:none;
	padding:9px 17px 0 17px;
}
#packPreview .item{
	float:left;
	width:722px;
}
#packPreview .item.half{
	width:360px;
	padding-right:1px;
	border-top:1px solid #dce1e7;
}
#packPreview .half.lastChild{
	width:361px;
	padding-right:0;
}
#packPreview .prod{
	float:right;
	display:block;
	padding:12px 36px 3px 24px;
}
#packPreview .item p{
	padding:3px 17px;
}

#packPreview .division{
	float:left;
	width:722px;
	background:url(../medias/img/packpreview_item_half_borde.gif) repeat-y 361px top;
}