.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 620px;
    padding: 0px 0px;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  620px;
    height: 270px;
    border: 0px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 198px;
    height: 270px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
    margin-left: 0px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 10px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../img/icones/next.png) no-repeat -96px 0;
}

.jcarousel-skin-tango .jcarousel-next:hover {
    background-position: -64px 0;
}


.jcarousel-skin-tango .jcarousel-next-disabled,
.jcarousel-skin-tango .jcarousel-next-disabled:hover {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled:active {
    cursor: default;
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev {
    position: absolute;
    top: 10px;
    right: 30px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../img/icones/prev.png) no-repeat -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -64px 0;
}



.jcarousel-skin-tango .jcarousel-prev-disabled,
.jcarousel-skin-tango .jcarousel-prev-disabled:hover {
    cursor: default;
    background-position: -96px 0;
}


.jcarousel-skin-tango .jcarousel-prev-disabled:active {
    cursor: default;
    background-position: -32px 0;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 198px;
    height: 270px;
}
.jcarousel-itemvideo {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 198px;
    height: 200px;
}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}



.cott_head {border-bottom:1px solid #d1d1d1; overflow:hidden; margin:3px 4px 5px 0; padding:0 0 0 0; height:45px;}
.cott_head #arrows {margin-top:10px;}
.cott_wrap {border:1px solid #d1d1d1; color:#333; margin:0 0 8px 0; padding:0 5px 5px 5px; padding-right:0; width:610px; overflow:hidden; background:white;}
.cott_wrap div.cott_head ul {border:0;border:0;padding:0;margin:0;}
.cott_wrap div.cott_head ul {clear:both;}


.cott_wrap ul li {display:inline;}
/*End former engineer's edits */


.cott_wrap .card {height:270px;text-align:center; width:198px; float:left; margin:4px 0;}
.cott_wrap .card_desc {height:270px;margin-left:5px; padding:0 4px; text-align:left; min-height:120px; height:auto; _height:120; padding-left:0;}
.cott_wrap .card_desc2 {height:270px;margin-left:4px; padding:0 4px; text-align:left; min-height:120px; height:auto; _height:120; padding-left:0;}
.cott_wrap .card_desc {height:270px;border-right:#d1d1d1 solid 1px;}
.cott_wrap img {background:#fff; border:1px solid #ccc; padding:0px;}
.cott_wrap h5 {FONT-WEIGHT: bold;arial, helvetica, sans-serif; font-size:12px; border-bottom:1px solid #ccc; padding:0 0 4px 0; margin:0 0 5px 6px; width:174px; height:2.45em; vertical-align:baseline;}
.cott_wrap p {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: arial, helvetica, sans-serif; margin:0; padding:0; padding-left:5px;}

.cott_wrap .last {border:none;}

.cott_wrap .card:hover{height:auto;}
.cott_wrap img {
background:#333 none repeat scroll 0% 50%;
border:1px solid #ccc;
padding:0px;
margin-top:4px;
}








/**
 *  HOME VIDEOBOX
 */

.jcarousel-skin-video .jcarousel-container-horizontal {
    width: 300px;
    padding: 0px 0px;
}


.jcarousel-skin-video .jcarousel-clip-horizontal {
    width:  300px;
    height: 200px;
    border: 0px;
}

.jcarousel-skin-video .jcarousel-item {
    width: 95px;
    height: 160px;
}

.jcarousel-skin-video .jcarousel-item-horizontal {
    margin-right: 3px;
    margin-left: 3px;
}

.jcarousel-skin-video .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-video .jcarousel-next-horizontal {
    position: absolute;
    top: 160px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../img/icones/right_red_btn2.gif) no-repeat;
}

.jcarousel-skin-video .jcarousel-next-horizontal:hover {
    background: transparent url(../../img/icones/right_red_over_btn2.gif) no-repeat;
}


.jcarousel-skin-video .jcarousel-next-disabled-horizontal,
.jcarousel-skin-video .jcarousel-next-disabled-horizontal:hover {
    cursor: default;
    background: transparent url(../../img/icones/right_gray_btn2.gif) no-repeat;
}

.jcarousel-skin-video .jcarousel-prev-horizontal {
    position: absolute;
    top: 160px;
    right: 35px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../../img/icones/left_red_btn2.gif) no-repeat;
}

.jcarousel-skin-video .jcarousel-prev-horizontal:hover {
    background: transparent url(../../img/icones/left_red_over_btn2.gif) no-repeat;
}



.jcarousel-skin-video .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-video .jcarousel-prev-disabled-horizontal:hover {
    cursor: default;
    background: transparent url(../../img/icones/left_gray_btn2.gif) no-repeat;
}


.cnnVideoBoxHeader {
	PADDING-TOP: 10px; BORDER-TOP: #d9d9d9 1px solid; BACKGROUND: #e6e6e6; FLOAT: left; WIDTH: 298px; HEIGHT: 280px;
}
.cnnVideoBoxtitre {
	padding-bottom: 5px; FONT-SIZE: 11px; text-align : left; FLOAT: left; POSITION: relative; LEFT: 6px; TOP: 2px
}
.cnnMpVideoContent {
	padding-top: 5px; BORDER-TOP: #dfdfdf 1px solid; BACKGROUND: #f2f2f2; OVERFLOW: hidden; WIDTH: 298px; POSITION: relative; HEIGHT: 180px
}
.cnnMpVideoContent .cnnMpVideo {
	BACKGROUND: url(../../img/habillage/video_bg_gray2.gif) no-repeat; PADDING-TOP: 6px;FLOAT: left; MARGIN-BOTTOM: 10px; WIDTH: 95px; HEIGHT: 150px
}

IMG.cnnVidKeyFrame {
	Z-INDEX: 1;border: solid #bbb; border-width: 1px 1px 1px 1px; WIDTH: 80px; HEIGHT: 110px
}
.cnnMpVideoContent .cnnMpVideo P {
	PADDING-RIGHT: 7px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 10px; LEFT: 6px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #949494; LINE-HEIGHT: 11px; PADDING-TOP: 0px;  TOP: 120px
}
/* place video icon */
#videoplay {
	BACKGROUND: url(img/icones/icon-play-over.gif) no-repeat; MARGIN: 100px 0 0 10px;  Z-INDEX: 2; WIDTH: 14px; POSITION: absolute; HEIGHT: 11px
}

#videoplay2 EM {
	Z-INDEX: 1; MARGIN: 73px 0 0 10px; OVERFLOW: hidden; WIDTH: 83px; POSITION: absolute; TEXT-INDENT: 200px; HEIGHT: 17px
}
#videoplay2 EM.16 {
	BACKGROUND: url(img/habillage/play2.png) no-repeat
}