#samples {
    width: 510px;
    /*height: 373px;*/
	height: 420px;
    background: #fff url(../../img/ext_actualite/bg1.png) no-repeat;
    position:relative;
	left:0;
	top:0;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:2px;
	font-family:tahoma,arial,sans-serif;
}
#sample-menu {
    position:absolute;
    left:0px;
    top:22px;
    width:90px;
    overflow:visible;
	font-family:arial,tahoma,sans-serif;
	z-index:1;
}
#sample-menu-inner {
    /*border:1px solid;
    border-color:#7095c4 #3e6598 #3e6598 #7095c4;*/
	zoom:1; 
}
#sample-menu a {
	text-align:right;
    color:#000;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size:11px !important;
    /*font-size:12px !important;*/
	line-height:16px;
	padding:5px 0 3px;
    cursor:pointer;
	display:block;
	padding-right:16px;
	-moz-outline:none;
	outline: 0 none;
	zoom:1;
	/*border:1px solid #fff;*/
}

#sample-menu a:hover {
    background: transparent url(../../img/ext_actualite/over-item.png) no-repeat;
	text-decoration: none;
}

.ext-ie #sample-menu a:hover {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/ext_actualite/over-item.png', sizingMethod='scale');
}

#sample-menu a.active {
    background: transparent url(../../img/ext_actualite/active-item.png) no-repeat;
	text-decoration: none;
	/*color:#1860A8;*/
	color:#FF962D;
	font-weight:bold;
}

.ext-ie #sample-menu a.active {
	background:transparent !important;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../img/ext_actualite/active-item.png', sizingMethod='scale') !important;
}

#sample-menu a img {
	background-image: url(../../img/ext_actualite/icons.gif);
	background-repeat: no-repeat;
	width:16px;
	height:16px;
	margin:0 4px 0 0;
	vertical-align:top;
	display:none;
}

#sample-menu h4 {
	display:none;
	font-size:11px !important;
	font-weight:bold;
	font-family:tahoma,arial,sans-serif;
	color:#284F85;
	margin:0;
	padding:4px;
	line-height:16px;
	background:transparent url(../../img/ext_actualite/top-bottom.gif) repeat-x 0 -1px;
	border-bottom:1px solid #89a8cf;
}

.ext-ie #sample-menu a img {
	vertical-align:middle;
}

#sample-menu .sample-inactive-over span {
    text-decoration:underline;
}
#sample-box {
    position:absolute;
    left:90px;
    top:12px;
    line-height:14px;
    font-size:11px;
	background-color:#fff;
    border-style:solid;
    border-color:#fff;
	border-width: 0;
}
#sample-box-inner {
    /*width:400px;*/
	width:415px;
	/*height:280px;*/
	height:400px;
    line-height:14px;
    font-size:11px;
	background-color:#fff;
    border:1px solid;
    /*border-color:#3e6598 #3e6598 #3e6598 #3e6598;*/
    border-color:#ffffff #ffffff #ffffff #ffffff;
	/*overflow:auto;*/
	overflow:hidden;
}


#jscroll
{
	width:415px;
}

#sample-ct {
    padding:1px;
	/*position:absolute; */
	top:0;
}

#sample-ct p i {
    color: #c33;
	font-style:normal;
	font-weight:bold;
}

#sample-ct h2 {
/*    border-bottom: 2px solid #99bbe8;*/
    border-bottom: 2px solid #FF962D;
    cursor:pointer;
    padding-top:1px;
	-moz-user-select:none;
	-khtml-user-select:none;
}
#sample-ct h2 div {/*titre de la rubrique dans le box*/
	background:transparent url(../../img/ext_actualite/group-expand-sprite.gif) no-repeat 3px -47px;
	padding:4px 4px 4px 17px;
	margin-top:2px;
    /*color:#3764a0;*/
	color:#FF962D;
    font:bold 11px tahoma, arial, helvetica, sans-serif;
}
#sample-ct .collapsed h2 div {
    background-position: 3px 3px;
}
#sample-ct .collapsed dl {
    display:none;
}

#sample-ct dd {/* Article d'une rubrique*/
    float:left;
    width:190px;
    height:150px;
    /*margin:5px 5px 5px 10px;*/
	margin:3px 5px 10px 5px;
    cursor:pointer;
    zoom:1;
}
#sample-ct dd img {
    width:80px;
    height:60px;
   margin:2px 2px 0 2px;
    float: left;
}
/*
#sample-ct dd div {
    float:left;
    width:160px;
    margin-left:10px;
}
*/

#sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#555;
    font-size:11px;
    /*font-weight:bold;*/
    padding: 2px 0px 2px 30px;
    margin:0px 5px 0px 10px;
}

#sample-ct dd p {
    color:#777;
	height:auto;
}
#sample-ct dd.over {
    background: #ebf7d2 url(../../img/ext_actualite/sample-over2.gif) no-repeat;
}

.icon-apps {
	background-position: 0 0;
}
.icon-grid {
	background-position: 0 -16px;
}
.icon-tree {
	background-position: 0 -32px;
}
.icon-win {
	background-position: 0 -112px;
}
.icon-misc {
	background-position: 0 -144px;
}
.icon-layout {
	background-position: 0 -48px;
}
.icon-combo {
	background-position: 0 -64px;
}
.icon-form {
	background-position: 0 -80px;
}
.icon-menu {
	background-position: 0 -96px;
}
.icon-tabs {
	background-position: 0 -128px;
}

/* condensed view */

.condensed-view #sample-ct dd {
    float:left;
    width:135px;
    height:114px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.condensed-view #sample-ct dd img {
    width:120px;
    height:90px;
    margin:5px 2px 0;
    float:none;
}

.condensed-view #sample-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.condensed-view #sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:11px;
    font-weight:normal;
	text-align:center;
	margin:0;
}
.condensed-view #sample-ct dd p {
    display:none;
}
.condensed-view #sample-ct dd.over {
	background:transparent url(../../img/ext_actualite/sample-over.gif) no-repeat;
}
.condensed-view #sample-ct dd.over h4 {
	color:#1860A8;
}

/* mini view */

.mini-view #sample-ct dd {
    float:left;
    width:75px;
    height:69px;
    margin:5px 5px 5px 10px;
    cursor:pointer;
    zoom:1;
	text-align:center;
}
.mini-view #sample-ct dd img {
    width:60px;
    height:45px;
    margin:5px 2px 0;
    float:none;
}

.mini-view #sample-ct dd div {
    float:none;
    width:auto;
    margin-left:0;
}

.mini-view #sample-ct dd h4 {
    font-family:tahoma,arial,san-serif;
    color:#666;
    font-size:9px;
    font-weight:normal;
	text-align:center;
	margin:0;
	white-space: nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
}
.mini-view #sample-ct dd p {
    display:none;
}
.mini-view #sample-ct dd.over {
	background:#ebf7d2;
}
.mini-view #sample-ct dd.over h4 {
	color:#1860A8;
}

#samples-cb {
	position:absolute;
	left:775px;
	top:-10px;
	zoom:1;
	width:97px;
	height:24px;
	font-size:11px;
	font-family:tahoma,arial,sans-serif;
	color:#fff;
	background: transparent url(../../img/ext_actualite/details-btn.gif) no-repeat 0 0;
	cursor:pointer;
	white-space:nowrap;
	zoom:1;
	overflow:hidden;
}

.condensed-view #samples-cb {
	background-position: 0 -25px;
}

.mini-view #samples-cb {
	background-position: 0 -50px;
}

#samples-cb img {
	width:32px;
	height:27px;
}