










@CHARSET "UTF-8";



	html, body {
			font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
			
			
	}
	
	html{
		background-color:#fcfcfc;
		background-position:center top;
		background-repeat:no-repeat;
		background-image:url(http://134.214.128.139/videoStream/streams/lyon1/modules/801f1/7af7/siteBackgroundImage);
		background-position:center top;
	}
	#content_view{
		background-color:#fff;
		-webkit-overflow-scrolling:touch;
	}
	
	#content_cell{-webkit-overflow-scrolling:touch;}
	
	#vertical_menu_wrap {border-spacing: 0; border-collapse: collapse;}
	#menu_cell {padding:0;}
	/*#content_cell {padding: 10px;}*/
	
	
	
		#site_view{
			margin:auto;
			width:980px;
			height:830px;
			margin-top:0px;
			
			/*-moz-box-shadow: 3px 0px 8px rgba(0, 0, 0, .3),-3px 0px 8px rgba(0, 0, 0, .3) ;
			-webkit-box-shadow: 3px 0px 8px rgba(0, 0, 0, .3),-3px 0px 8px rgba(0, 0, 0, .3) ;
			box-shadow: 3px 0px 8px rgba(0, 0, 0, .3),-3px 0px 8px rgba(0, 0, 0, .3) ;
			-o-box-shadow:  3px 0px 8px rgba(0, 0, 0, .3),-3px 0px 8px rgba(0, 0, 0, .3) ;*/			
		}
		
		#content_view{
			width:100%;
			height:600px;
			margin-top:0px;
			/*padding-top:0px;*/
			/*overflow:auto;*/
		}
		
	
	
	#banner_view{
		width:100%;
		height:170px;
		background-color:transparent;
		
		background-repeat:repeat;
	}
	
	#banner_image_view{
		background-position:left top;
		background-repeat:no-repeat;
		background-image:url();
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
	}
	
	#footer_view{
		width:100%;
		height:60px;
		
		background-repeat:repeat;
		overflow:hidden;
	}
	
	#footer_image_view{
		background-position:left top;
		background-repeat:no-repeat;
		
		position:relative;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		-webkit-overflow-scrolling:touch;
	}
	
	#copyright_view{
		position:absolute;
		margin-top:30px;
		margin-left:20px;
		color:#d4d4d4;
	}
	
	#footer_view_image_frame{
		width:100%;
		height:100%;
	}
	
	#content_page_frame,#content_page{
		height:100%;
	}
	
	#content_page_frame{
		width:100%;
		position:relative;
		z-index:1;
	}
	
	#content_page{
		padding:15px;
		width:96%;
	}
	
	#menu_view{
		position:relative;
		z-index:100;
	}
	
	#suggest_mobile_banner {
		color: #454545;
		width: 100%;
		height: 23px;
		z-index: 99;
		position: fixed;
		opacity:0.7;
	}
		#suggest_mobile_banner a, #suggest_mobile_banner a:visited {
			background-color:#e0e0e0;
			color: #454545;
			text-align: center;
			font-family: verdana;
			font-size: 12px;
			text-decoration: none;
			display: block;
			height: 100%;
			width: 180px;
			margin-left: auto; margin-right: auto;
			-webkit-border-bottom-right-radius: 5px;
			-webkit-border-bottom-left-radius: 5px;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			-webkit-box-shadow: 0px 3px 3px 1px rgba(50, 50, 50, 0.3);
			-moz-box-shadow:    0px 3px 3px 1px rgba(50, 50, 50, 0.3);
			box-shadow:         0px 3px 3px 1px rgba(50, 50, 50, 0.3);
		}
	
	ul.menu a{
		white-space:nowrap;
		word-wrap:break-word;
	}
	ul.menu {list-style:none; margin:0; padding:0;}
	ul.menu * {margin:0; padding:0}
	ul.menu a {display:block; color:#454545; text-decoration:none; font-size:14px; font-family:Arial;
		
		
	}
	ul.menu li {position:relative; margin-right:0px; background-color:#ffffff;}
	ul.menu ul {position:absolute; display:none; opacity:0; list-style:none; width:auto; height:auto;}
	ul.menu .topline {border-top:1px solid #e0e0e0}
	ul.menu li.section{background-color:#ffffff;}
	ul.menu li.section > a{cursor:default; color:#330000}
	
	
		
		#menu{
			margin:0 auto auto;
		}
		
		#menu_view{
			display:inline-block;
			width:100%;
		}
		
		#content_page_frame{
			width:100%;
		}
		
		ul.menu li {float:left}
		ul.menu ul {left:-1px;}
		ul.menu > li:first-child > ul {left:0px !important;}
		ul.menu ul li {position:relative; border:1px solid #e0e0e0; border-top:none; width:100%; margin:0}
		ul.menu > li > ul > li:first-child{border-top: 1px solid #e0e0e0;}
		ul.menu > li > ul{margin-top:-1px;}
		ul.menu ul li a {display:block; padding:3px 7px 5px;}
		ul.menu li a:hover ,ul.menu .menuhover a{
			opacity : 0.5;
		    -moz-opacity : 0.5;
		    filter : alpha(opacity=50);
		    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
		    
		}
		ul.menu li.section > a:hover{
			opacity : 1;
		    -moz-opacity : 1;
		    filter : alpha(opacity=100);
		    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
		}
		ul.menu ul ul {left:100%; top:-1px}
		ul.menu .menulink {
			border-top:1px solid #e0e0e0;
			border-right:1px solid #e0e0e0;
			border-bottom:1px solid #e0e0e0;
			padding:5px 14px 5px 7px; 
			font:14px !important;
			width:auto;}
		ul.menu .sub {background-image:url(images/right_arrow_light.png); background-position: 98% 50%;  background-repeat: no-repeat;}
		ul.menu li.dark .sub {background-image:url(images/right_arrow_dark.png); background-position: 98% 50%;  background-repeat: no-repeat;}
		ul.menu .menulink.sub {background-image:url(images/arrow_down_light.png); background-position: 98% 50%;  background-repeat: no-repeat;}
		ul.menu li.dark .menulink.sub {background-image:url(images/arrow_down_dark.png); background-position: 98% 50%;  background-repeat: no-repeat;}
		ul.menu li:first-child .menulink{
			border-left:1px solid #e0e0e0;
		}
	
	ul.menu li.cur_webpage{
		background-color:#e0e0e0;
	}
