@CHARSET "UTF-8";
@import url('page_main.css');

.invisible{
	display: none;
}
* {
	margin:0;
	padding:0;
	border:0;
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
	color: #000;
}
a:hover{
	text-decoration: underline;
}
a.link{
	display: block;
	padding: 0 0 0 9px;
	background: transparent url(../img/global/puce.gif) no-repeat left center;			
}
div{
	position: relative;
}
h1{
	
	color:#fff;
	margin: 0 0 8px 0; 
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
}

/* Suppression de la visibilite des H1 pour remplacement par une image */
.leftcolumn h1{
	font-size: 0;
	line-height: 0;
}
/* Suppression de la visibilite des H1 pour remplacement par une image */
.rightcolumn h1{
	font-size: 0;
	line-height: 0;
}

body{
	background-color: #fff;
	font-size: 0.7em;
	font-family: Arial;
	font-weight: normal;  
}
.page{
	width:1003px;
	height:583px;
	margin: 0 auto;
	padding-left:10px;
}
	.contact_language{
		position: absolute;
		top: 0;
		right: 0;		
	}
	.header{
		height: 91px;
		padding: 13px 0 0 49px;					
	}

	
	.english .logo{
		display: block;
		height: 91px;
		width: 523px;
		background: transparent url(../img/home/en/logo.gif) no-repeat top left;				
	}
	.french .logo,
	.english .logo{
					
	}
	.contact{
		float: right;
		display: block;
		width: 71px;
		height: 27px;
		background: transparent url(../img/global/contact.gif) no-repeat top left;			
	}
	.change_to_english,
	.change_to_french{
		display: block;
		width: 83px;
		height: 27px;
		float: right;
		margin-right:44px!important;
		margin-right:24px;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: top left;
	}
	.change_to_english{
		background-image: url(../img/global/english.gif);
	}
	.change_to_french{
		background-image: url(../img/global/french.gif);
	}
	.english .change_to_english,
	.french .change_to_french{
		display: none;
	}
	.contact:hover,
	.change_to_english:hover,
	.change_to_french:hover{
		background-position: bottom left;
	}
	.leftcolumn{
		float: left;
		width: 170px;
		height: 486px;
		background: transparent url(../img/global/left_column/background.gif) no-repeat top right;
		margin: 97px 0 0 0;		
	}

		.leftcolumn a.current,
		.rightcolumn a.current{
			color: #5f5f5f;
		}
		.leftcolumn ul
		{
			padding: 0 0 20px 0;
			margin: 0 0 20px 0;			
			background: transparent url(../img/global/dot.gif) no-repeat right bottom;					
		}
		.leftcolumn ul li{
			_height: 11px;
			_line-height: 0.7em;			
		}							
	
		.opportunites_et_services{
			height: 29px;
			width: 92px;
			background-image: url(../img/global/left_column/en/opportunites_et_services.gif);		
		}
		.les_atouts_de_lyon{
			height: 11px;
			width: 116px;
			background-image: url(../img/global/left_column/en/lyons_assets.gif);		
		}
		.annuaire{
			height: 11px;
			width: 104px;
			background-image: url(../img/global/left_column/en/directory.gif);				
		}
		.ils_ont_choisis_lyon{
			height: 11px;
			width: 112px;
			background-image: url(../img/global/left_column/en/they_choose_lyon.gif);				
		}
		.nos_partenaires{
			height: 11px;
			width: 101px;
			background-image: url(../img/global/left_column/en/partners.gif);				
		}
		.nos_partenaires_swf{
			position: relative;
			right: 10px;
		}
/**
 * START MAIN CONTENT
 */	
	.content{		
		width: 642px;
		height: 493px;	
		float: left;				
	}
		 .main{
			height: 451px;
		 }
		 .main{
		 	
		 }				 
		 .trame{
		 	height: 0px;
			width: 642px; 
			clear:both;	
		 }
		 .french .trame{
		 	background: transparent url(../img/global/main_menu/en/trame.gif) repeat-y top left ;		 
		 }
/**
 * START MAIN MENU
 */
			ul.mainmenu{
				float: left;
				padding: 18px  0 0px 0px;
			}
				.mainmenu li{
				float: left;
				display: block;							
			}
				.mainmenu li a,
				.mainmenu li a:link,
				.mainmenu li a:visited{
					display: block;
					background-position: top left;
					background-color: transparent;
					background-repeat: no-repeat;
					height: 35px;
				}
				.mainmenu li a:hover{
					background-position: center left;
				}
				.mainmenu li a:active{					
					background-position: bottom left;
				}
				.mainmenu li a.etablir_des_partenariats{
					width: 117px;					
					background-image: url(../img/global/main_menu/en/etablir_des_partenariats.gif);	
				}
				.mainmenu li a.financer_ses_projets{					
					width: 119px;					
					background-image: url(../img/global/main_menu/en/financer_ses_projets.gif);
				}
				.mainmenu li a.valoriser_ses_travaux{	
					width: 119px;					
					background-image: url(../img/global/main_menu/en/valoriser_ses_travaux.gif);	
				}
				.mainmenu li a.creer_sa_societe{	
					width: 123px;					
					background-image: url(../img/global/main_menu/en/creer_sa_societe.gif);
				}
				.mainmenu li a.developper_sa_societe{	
					width: 103px;					
					background-image: url(../img/global/main_menu/en/developper_sa_societe.gif);
				}
/**
 * END MAIN MENU
 */
	 			
	/**
	 *  FOOTER
	 */
	 .footer{
	 	margin: 0!important;
	 	margin: -4px 0 0 0;
	 	height: 28px;
	 	width: 642px!important;
	 	width: 622px;	 	
		background: transparent url(../img/global/footer/background.gif) no-repeat top left;
	 	padding: 10px;
	 	color: #5f5f5f;
	 }
	 .footer p{
	 	float: left;
	 	display: inline;
	 	line-height: 1em;
	 }
	 .footer ul li{
	 	float: left;
	 	background: transparent url(../img/global/v_separator.gif) no-repeat left center;
	 	line-height: 1em;
	 	padding: 0 10px;
	 	list-style-image: none;	 	
	 }
	 .footer ul li.firstly{
	 	background: none;
	 	margin: 0px 0 0 50px;
	 }
	 .footer ul li a{
	 	color: #20add7;
	 }
 				
/**
 * END MAIN CONTENT
 */
 
 
	.rightcolumn{
		margin-top: 97px;
		float: left;
		width: 182px;
		height: 486px;
		line-height:1.2em;
		background: transparent url(../img/global/right_column/background.gif) no-repeat top left;		
	}
		.rightcolumn p{
			background: transparent url(../img/global/dot.gif) no-repeat bottom left;
			padding: 0 0 20px 20px;		
		}
		
		p.spacer{
			background: transparent url(../img/global/dot.gif) no-repeat bottom left;
			margin-bottom: 20px;
		}
		.rightcolumn p.last{
			background: none;				
		}
		.rightcolumn p strong{
			font-weight: bold;
			color: #20add7;
			display: block;			
		}
			.rightcolumn p a.link{
				margin: 10px 0 0 0;
			}
		
		.bioinnovation_day{
			background-image: url(../img/global/right_column/en/biosquare.gif);
			height: 11px;
			width: 123px;
			margin-left: 20px;
			margin-top: 20px;		
		}
		.biovision{
			background-image: url(../img/global/right_column/en/biovision.gif);
			height: 11px;
			width: 53px;
			margin-left: 20px;
			margin-top: 20px;		
		}
		.biotuesday{
			background-image: url(../img/global/right_column/en/biotuesday.gif);
			height: 11px;
			width: 70px;
			margin-left: 20px;
			margin-top: 20px;		
		}
	

/**
 *  PORTLET ACTUALITE
 */
 .actualites{
	background-image: url(../img/global/right_column/en/actualites.gif);
	width: 78px;
	height: 14px;
	margin-left: 20px; 			
}

.actualites_dyn {
	height: 60px; 
	position: relative;
}

.actualites_dyn_hidden{
	display:none;
}

.actualites_dyn a.link{
	position: absolute;
	bottom: 20px;
}

span.actualites_title{
	font-weight: bold;
	color: #20add7;
	display: block;		
}
p.actualites_dyn{
	background: none;
	padding: 0 0 0px 20px;
	margin:0;
}

p.actualites_dyn p{
	background: none;
	padding: 0;		
}

/**
 *  PORTLET ACTUALITE
 */
.agenda{
	background-image: url(../img/global/right_column/en/agenda.gif);
	width: 78px;
	height: 14px;
	margin-left: 20px; 			
}

.agenda_dyn {
	height: 60px; 
	position: relative;
}

.agenda_dyn_hidden{
	display:none;
}

.agenda_dyn a.link{
	position: absolute;
	bottom: 20px;
}

span.agenda_title{
	font-weight: bold;
	color: #20add7;
	display: block;		
}
p.agenda_dyn{
	background: none;
	padding: 0 0 0px 20px;
	margin:0;
}

p.agenda_dyn p{
	background: none;
	padding: 0;		
}
 
/**
 * PARTIE DYNAMIQUE
 */
		.content .dyn_content{
			height:335px;
			position:relative;
			background: transparent url(../img/home/background.jpg) no-repeat 0px 0px;
		}
		
		.content h1{
			text-transform: uppercase;
			font-size: 1.9em;
			font-weight: normal;
			color: #278735;
		}	
		
		.content img.vignette{
			position: absolute;
			bottom: 1px!important;
			bottom: 0px;
			left: 8px;
			height: 190px;
			width: 190px;					 			
		}
		
		.content .normal, { color: #000000;}
		.content .gras, .content rouge_gras {font-weight : bold; font-size: 1.1em;}
		.content .rouge, .content .rouge_gras, .content .titre_rouge{ color: #811453;}
		.petit {font-size: 0.9em;}
		.content .titre_noir, .content .titre_rouge, .content .titre_jaune { 
			font-size: 1.1em;
			font-weight: bold;
			ztext-transform:uppercase;
		}
		.content .gris { color: #999999; }
		.content a, .content .titre_jaune {color: #20add7;}
		.content ol, .content ul{margin:5px 0px 5px 0px;padding-left:14px;}
		.content .footer ul{margin:0px 0px 5px 0px;padding-left:14px;}		
		.content li {
			margin-left:0px;
			padding-left:0px; 
			list-style-image: url(../img/global/puce.gif);
		}
 
/**
* PAGE HOME
*/

		.content.home .dyn_content{
			background:transparent url(../img/home/background.jpg) no-repeat scroll 0 -3px;
			height:350px;
			position:relative;
		}
		
		.content.home h1{
			color: #20add7;
			text-transform: uppercase;
			font-size: 1.4em;
			font-weight: bold;
			bottom:90px;
			ztop:480px;
			position:absolute;
			left:202px;
		}	

		.content.home img.vignette{
			position: absolute;
			bottom: 1px;
			left: 8px;
			height: 190px;
			width: 190px;		 			
		}
		
		.content.home div.container a.link{
		padding: 0 0 10px 0;			
		}
		
		.content.home .scrollmain{
			overflow: hidden;			
			bottom:5px;
			height:80px;
			position:absolute;
			right:15px;
			width:425px;
		}
		
		
/**
 *  PAGE ARTICLE
 */	
 		
 		.content.article .dyn_content{
		 	background: transparent url(../img/articles/background.jpg) no-repeat 0px 84%;	
		}
		
		.content.article h1{
			text-transform: none;
			margin: 10px 0px 19px 202px; 
			text-align: justify;	
			font-size: 1.5em;	
			font-weight: bold;
		}
		
		.content.article h2{
			font-size: 1em;
			color: #278735;
			font-weight: normal;
			margin: 0 0 0 203px;
			padding: 17px 0 0 0;
		}
		
		
		.content.article div.container{
			padding: 0 0 10px 0;
		}
		
		.content.article img.vignette{
			position: absolute;
			top: 14px;
			left: 21px;
			width: 129px;
			height: auto;			
		}		
		
		
		/* Scroll */
		.content.article .scrollmain{
			text-align: justify;
			width: 400px;
			overflow: hidden;			
			padding: 0 20px 0 202px;
			height: 255px;			
		}
		
		.content.article p.reference{
					
		}

		.content.article p.reference .title{
			font-size: 1.2em;
			color: #278735;
			font-weight: normal;
			display:block;
			margin: 5px 0 3px 0;
		}

		.content.article p.reference a.link{
			color:#000;
			display: inline;
			padding: 0 0 0 9px;
		}
		

		.content.article div.contacts {
		}

		.content.article div.contacts div.title{
			font-size: 1.2em;
			color: #278735;
			font-weight: normal;
			display:block;
			margin: 5px 0 0 0;
		}

		.content.article div.contacts div.body{
			position:static;
		}
		
		.content.article div.contacts div.block p{
			margin-top:4px;
		}
		
		.content.article div.contacts div.block{
			float:left;
			width:195px;
			padding:0 5px 5px 0;
		}

		.content.article div.contacts div.body a.link{
			color:#000;
			padding: 0 0 0 16px;
			background: transparent url(../img/global/picto_mail.gif) no-repeat left center;
		}
		
		.content.article div.contacts div.body a.gras{
			color:#000;
			background-image: none;
			padding:0;
		}

		
		.content.article p.ressources{
			
		}
		
		.content.article p.ressources .title{
			font-size: 1.2em;
			color: #278735;
			font-weight: normal;
			display:block;
			margin: 5px 0 3px 0;
		}
		
	.content.article p.ressources a.link{
			color:#000;
			display: inline;
			padding: 0 0 0 9px;
			background: transparent url(../img/global/puce.gif) no-repeat 0px 4px;;
		}
		
		
		.content.article p.place .title{
			font-size: 1.2em;
			color: #278735;
			font-weight: normal;
			display:block;
			margin: 5px 0 3px 0;
		}
		
		.content.article p.address{
			display:block;
			background: transparent url(../img/global/puce.gif) no-repeat left 4px;
			padding: 0 0 0 9px;
		}
		
		.content.article div.info {
		}
		
		.content.article div.info div{
		}
		
		.content.article div.info div.title{
			font-size: 1.2em;
			color: #278735;
			font-weight: normal;
			display:block;
			margin: 5px 0 0 0;
			
		}
		
		.content.article div.info div.body{
			position:static;
		}
		
		.content.article div.info div.block p{
			margin-top:4px;
		}
		
		.content.article div.info div.block p.address{
			margin-top:0px;
		}
		
		.content.article div.info div.block{
			float:left;
			width:195px;
			padding:0 5px 5px 0;
		}
		
		.content.article div.info div.block a.link{
			color:#000;
		}
		
/**
 *  PAGE LISTE
 */	
 		
 		.content.liste .dyn_content{
		 	background: transparent url(../img/liste/background.jpg) no-repeat 0px 84%;	
		}
		
		.content.liste h1{
			text-transform: none;
			margin: 10px 0px 19px 202px; 
			text-align: justify;	
			font-size: 1.5em;	
			font-weight: bold;
		}
		
		.content.liste table.liste{
			width: 562px;
		}
		.content.liste table td.vignette{
			width: 182px;
			padding:1px;
		}
		
		.content.liste table.liste tr td{
			padding-bottom : 10px;	
		}
		
		.content.liste table tr td.vignette img.vignette{	
			position:static;
			width: 129px;
			height: auto;
		}
		.content.liste table td p.titre_jaune{
			margin: 0 0 3px 0;
		}
				
		/* Scroll */
		.content.liste .scrollmain{
			text-align: justify;
			width: 582px;
			overflow: hidden;			
			padding: 0 0px 0 20px;
			height: 276px;;			
		}
				
/		
/**
 *  SCROLL BARS 
 */
 	
		.vScrollbar {
			float: left;			
		}
		
	
		.vTrack {
			height: 300px;
			width: 15px;
			position: relative;			
			overflow: hidden;			
		}
							
		.vThumb{
			position: absolute;
			top: 0;
			left: 0;
			height: 15px;
			width: 15px;
			background: #20ADD7;
			overflow: hidden;
		}
		
		.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
			height: 15px;
			width: 15px;			
			overflow: hidden;						
		}
		.arrowUp{
		 	background: transparent url(../img/global/up.gif) no-repeat center center;				
		}
		.arrowDown{
		 	background: transparent url(../img/global/down.gif) no-repeat center center;				
		}
		
		.arrowLeft, .arrowRight, .corner {
			float: left;
		}					
 
 /* Lien de "modifier cette partie de page" pour l'administrateur */
 .custLink  {
	display:block;
	clear:both;
	margin-top: 1em;
	font-size: 0.7em; 
	font-weight: normal; 
	color: #000; 
	border-top: 1px solid #CCC;
	background-color: #EEE;
}

/* bloc de debug des xsl*/
div.xslDebug:hover {
	border: 1px solid red;
}

div.xslDebugLabel:hover {
	background-color: white;
	width: 100%;
	overflow: visible;
}

div.xslDebugLabel {
	overflow: hidden;
	font-size: xx-small;
	color: red;
	font-family: Arial;
	height: 1,5em;
	width: 15px;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 9999;
	white-space: nowrap;
}