/************************************************************* 
		Elements des actualites defilantes 
***************************************************************/ 
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
#maincolumn_full{
	padding-right:0px;
	width:862px;
	min-height:268px;
	padding-bottom:0px;
} 
#pathway{
	display:none;
} 

.componentheading{
	display:none;
} 
.content_footer{
	background:none;
}
.contenuprincipal{padding-left:2px}



.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: 860px;
    height: 268px;
}

.carousel_number{
	padding-top:168px;
	color:#fff;
	width:405px;
	float:right;
}
.icone_number{
	float:right;
	border:1px solid #ccc;
	background:#bbb;
	width:16px;
	text-align:center;
	margin-right:5px;
}

.icone_number_active{
	float:right;
	border:1px solid #fff;
	width:16px;
	text-align:center;
	margin-right:5px;
}


.carousel_info{	
	width:100%;
}

.carousel_info_marge{
	width:190px;
	height:215px;
	padding-top:15px;
	padding-left:23px;
	float:left;
}
.carousel_info_marge h1{
	color:#031a36;
	text-align: left;	
	font-size:18px;
	font-family: "Helvetica";
	font-weight: normal;
	padding-bottom: 15px;
}

.carousel_info_marge p{
	width:165px;
	text-align: left;
	color:#153862;
	text-transform: uppercase;
	font-size:10px;
	font-family: "Helvetica";
}

.carousel_link{
	background:#edf1f7;
	width:660px;
	height:56px;
}

.carousel_link-a{
	color:#031a36;
	cursor:pointer;	
}

.carousel_link-a a{

}

.carousel_fleche{
	padding-left:10px
}
	
.carousel_nav{
	padding-top:5px;	
	width:150px;
	height:20px;
	display:inline-block;
}	
.carousel_nav div{	
	display:inline;
	width:14px;
	height:14px;
	background: url('../images/hp-flash-nonactif.png') no-repeat;	
	cursor:pointer;
}
.carousel_nav   .actif{	
	display:inline;
	width:24px;
	height:14px;
	background: url('../images/hp-flash-actif.png') no-repeat;	
	cursor:pointer;
}	
	
.carousel_menu{
	background-color:#fff;
	width:150px;
	height:44px;
	cursor: pointer;
}

.carousel_menu p{
	padding:15px;
	padding-right:10px;
	padding-left:10px;
	font-size:15px;
	color:#153862;
	font-family: "Helvetica";
	text-transform: uppercase;
	
}
/**
 * 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;
} 

.jcarousel-skin-tango .jcarousel-container {
	
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    clear:both;
    width: 860px; /* Taille du conteneur d'item a recopier juste en dessous */
    height:268px;
    padding-left:0px; /* au lieu de 20 40 */
    padding-right:0px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {

}

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

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

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

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 3px;
    width: 32px;
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/next-horizontal.png) no-repeat 0 0;
    
    width: 0px;
    display:none;
}

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

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

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

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 0px;
    width: 0px; /*au lieu de 32 pour le bouton*/
    height: 50px;
    cursor: pointer;
    background: transparent url(../images/prev-horizontal.png) no-repeat 0 0;
    display:none;
}

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

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

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


/* Debut css diapo 2 */

.block {
	float:left;
	height:265px;
}

.blocImage {
	width:660px;
	height:266px;
}

#blocImage1{
	background: url(../../../images/stories/hp_diapo/img_produit.jpg) no-repeat 0 0;
}
#blocImage2{
	background: url(../../../images/stories/hp_diapo/img_service.jpg) no-repeat 0 0;
}
#blocImage3{
	background: url(../../../images/stories/hp_diapo/img_offre_globale.jpg) no-repeat 0 0;
}
#blocImage4{
	background: url(../../../images/stories/hp_diapo/img_marche.jpg) no-repeat 0 0;
}

#carousel_info1{
	display:block;
}

#carousel_info2{
	display:block;
}

#carousel_info3{
	display:block;
}

#carousel_info4{
	display:block;
}


.texte-milieu {
	width:215px;
	height:60px;
	background-color: #fff;
	position:relative;
	bottom:60px;
}

.texte-milieu p, .texte-milieu a {
	color:black;
	font-weight:bold;
	font-size:1.3em;
	position:relative;
	left:25px;
	top:40px; 
}

.overtext {
	display:none;
	text-align:left;
	font-size:0.8em;
	text-transform: uppercase;
	color:#5A6D8E;
	background-color: #fff;
	opacity:0.9;
	height:245px;
	position:relative;
	z-index:3;
	padding-top:22px;
	padding-left:28px;	
}

.titreOver {
	color:black;
	font-weight:bold;
	font-size:1.7em;	
}

.carousel_menufiltre{
	filter:alpha(opacity=80);
	opacity:0.8;
}
.carousel_menufiltre:hover{
	/*filter:alpha(opacity=90);
	opacity:0.9;*/
}