/*---------titre_innovateurs--------*/

#titre_innovateurs {
	position:absolute;
	top:19px;
	left:20px;
}

#titre_innovateurs h1 {
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	line-height:30px;
}

#titre_innovators_plus {
font:bold 11px Arial, Helvetica, sans-serif;
color:#F00;
}

#innovators_link_back {
    font:12px Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	width:300px;
    text-transform:uppercase;
}
	

/*---------visuel_left--------*/

#visuel_left {
	width:432px;
	height:274px;
	background:url(../../pages/_img/communication/fd_left.png) top left no-repeat;
	behavior:url(pages/_css/iepngfix.htc);
	position:absolute;
	top:84px;
	left:12px;
	z-index:1;
}

#visuel_left #photo {
	position:absolute;
	top:14px;
	left:10px;
}



#visuel_left #videoframe{
    position:absolute;
	top:42px;
	left:65px;
	display: none;
	background: #000000;
}

#visuel_left .videoshow {
display:block;
top:32px;
}

/*---------commentaire_visuel--------*/

#commentaire_visuel {
	width:425px;
	height:70px;
	position:absolute;
	top:371px;
	left:13px;
}

#commentaire_visuel #nav_right {
	position:absolute;
	top:0;
	left:0;
}

/*---------legende_visuel--------*/

#commentaire_visuel #legende_visuel {
	position:absolute;
	top:16px;
	left:9px;
}

#commentaire_visuel #legende_visuel h2 {
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#f00;
}

#commentaire_visuel #legende_visuel p {
	font:italic 11px Arial, Helvetica, sans-serif;
	color:#888888;
}

#commentaire_visuel #legende_visuel p.date {
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#858585;
}

/*---------livecam--------*/

#commentaire_visuel #livecam {
	position:absolute;
	top:7px;
	left:211px;
}

#commentaire_visuel #livecam a {
	font:bold 9px Arial, Helvetica, sans-serif;
	color:#858585;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}

#commentaire_visuel #livecam a img {
	float:left;
}

#commentaire_visuel #livecam a span {
	position:relative;
	top:12px;
	left:5px;
}

/*---------informations--------*/

#commentaire_visuel #informations {
	position:absolute;
	top:53px;
	left:9px;
}

#commentaire_visuel #informations .info {
	float:left;
	height:29px;
	border-right:1px solid #1d1d1d;
	padding-right:11px;
	margin-right:11px;
}

#commentaire_visuel #informations .info.last {
	border-right:none;
}

#commentaire_visuel #informations .info h3 {
	color:#c7c7c7;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}

#commentaire_visuel #informations .info p {
	color:#fff;
	font:normal 10px Arial, Helvetica, sans-serif;
}

/*---------content_right--------*/


#communication_right {
    position:absolute;
	top:35px;
	left:425px;
	width:500px;
	height:500px;
	behavior:url(pages/_css/iepngfix.htc);
    background:url(../../pages/_img/communication/communication_right.png) top left no-repeat;
}

#content_right {
	position:absolute;
	top:70px;
	left:474px;
	width:465px;
	height:470px;
}

/*---------sous_menu--------*/

#content_right #sous_menu {
	height:45px;
	width:449px;
}

/*---------top_menu--------*/

#content_right #sous_menu #top_menu {
	width:449px;
	height:24px;
	background:url(../../pages/_img/communication/fd_menu.gif) bottom left repeat-x;
}

#content_right #sous_menu #top_menu a {
	display:block;
	float:left;
	height:23px;
	border-bottom:1px solid #3c3c3c;
	color:#787777;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	margin-right:28px;
	line-height:19px;
}

#content_right #sous_menu #top_menu a.on {
	color:#FFFFFF;
	border-bottom:1px solid #ee3a34;
}

#content_right #sous_menu #top_menu a:hover {
	color:#FFFFFF;
}

/*---------bottom_menu--------*/

#content_right #sous_menu .bottom_menu a {
	display:block;
	float:left;
	color:#686767;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-decoration:none;
	line-height:15px;
	padding-right:10px;
	margin-right:10px;
	background:url(../../pages/_img/communication/fd_bottom_menu.gif) center right no-repeat;
	margin-top:4px;
}

#content_right #sous_menu .bottom_menu a.last {
	background:none;
}

#content_right #sous_menu .bottom_menu a.on, #content_right #sous_menu .bottom_menu a:hover {
	color:#FFFFFF;
}

/*---------content_article--------*/

#content_right #content_article {
	position:relative;
	margin-top:25px;
}

#content_right #content_article2 {
	position:relative;
	margin-top:8px;
}

#article_overflow {
	width:440px;
	height:283px;
	position:absolute;
	top:0;
	left:0;
	clear:both;
}

#article_overflow .article_overflow {
	overflow:auto;
}

#article_overflow #titre_article {
	margin-bottom:14px;
}

#article_overflow h1 {
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#ee3a34;
	text-transform:uppercase;
}

#article_overflow p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#cecece;
	padding-right: 8px;
	margin-bottom:15px;
	text-align: justify;
}

#article_overflow p img {
    margin: 4px;
    vertical-align: middle;
}

#article_overflow .super_bloc p {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#999999;
	padding-right: 8px;
	margin-bottom:15px;
	text-align: left;
	display: inline;
}

#article_overflow .super_bloc p img {
    margin: 4px;
    vertical-align: middle;
}

/* -------------------------- scrollable images ------------------------- */
/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	position:relative;
	overflow:hidden;	 	
	width: 380px;	
	height:150px;
    left:0px;
    float:left;
    margin-top: 25px;
}


div.scrollable div.items, div.scrollable div.items_print {	
	width:20000em;	
	position:absolute;
	clear:both;		
	cursor:pointer;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	text-align:left;
	width:120px;
	height:150px; 
	margin:0px 3px 8px 3px;
	background-color:#00000;
    font:normal 8pt Arial, Helvetica, sans-serif;
	color:#999999;
}

div.scrollable div.items div.image {
	float:left;
	text-align:center;
	width:120px;
	height:150px; 
	margin:0px 2px 8px 2px;
	
	background-color:#00000;
    font:normal 8pt Arial, Helvetica, sans-serif;
	color:#999999;
}

div.super_bloc {
    border-left: 1px solid #222;
    /*border-top:1px solid #000000;*/
     
}

div.super_bloc .title {
    display: block;
    font-size:13pt;
    font-weight: bold;
	color:#CCC
}

div.super_bloc .plus {
color:#ec2c24;
}



div.super_bloc img {
    display: block;
    padding-bottom: 10px;
}

/* active item */
div.scrollable div.items div.active {
	/*border-top:1px solid #ff0000;*/
	background: #222;
}


a.prev, a.next {
    background-repeat:no-repeat;
    display:block;
    float:left;
    height:30px;
    margin-top:85px;
    width:16px;
    cursor:pointer;
}

a.prev {
    background:transparent url(../../pages/_img/general/precedent_noir.gif) repeat scroll 0 0;
    margin-right:0px;
    background-repeat:no-repeat;
}


a.prev:hover {
    background:transparent url(../../pages/_img/general/precedent_noir_on.gif) repeat scroll 0 0;
    background-repeat:no-repeat;
}

a.next {
    background:transparent url(../../pages/_img/general/suivant_noir.gif) repeat scroll 0 0;
    background-repeat:no-repeat;
    margin-left: 6px;
}


a.next:hover {
    background:transparent url(../../pages/_img/general/suivant_noir_on.gif) repeat scroll 0 0;
    background-repeat:no-repeat;
}