/* Styles généraux */
body {
	background:#000000;
	color:#FFFFFF;
	margin: 0;
	padding: 0;

}

div.Language{
	left:10px;
	top: 10px;
	text-align: center;
	position: absolute;
}

div.French-language{
	left:0px;
	top: 30px;
	position: absolute;
}

div.English-language{
	left:50px;
	top: 30px;
	position: absolute;
}

div.PortraitMenu{
	left:10px;
	top: 90px;
	position: absolute;
	font-size:1em;
	display:block;
	text-align: center;
	z-index:3001;
}

.ddsmoothmenu-v ul{
margin: 0;
padding: 0;
width: 130px; /* Main Menu Item widths */
list-style-type: none;
/*font: bold 12px Verdana;*/
}



div.ImagesScroll{
	width: 100%;
	height: 15%;
	margin: 0 auto ;
    text-align: center;
	position: absolute;
	max-height:130px;	
    bottom: 5px; 
}


.scroll{
  width:79%;
  left:10%;
  height:100%;
  /*border:solid yellow 1px;*/
  overflow:hidden;
  position:absolute;
}

.scroll img{
  	height:100%;
	width:auto;
	/*margin-Left:20px;*/
	position:absolute;
	display=block;
}

h2{
	color: #C5C5C5;
}

/*
#text
{
    z-index:100;
	border:solid yellow 1px;
    position:absolute;    
    color:white;
    font-size:24px;
    font-weight:bold;
}
*/




#TEXT
{
    /*z-index:100;*/
    position:absolute;    
    color:red;
	top:0px;
	z-index:20;
	text-align: center;
}
	
div.Scroll-Left {
	left:0;
	width: 10%;
	height: 100%;
	position: absolute;
}

div.Scroll-Left img {
	left:0px;
	width: 50%;
	height: auto;
	max-width:54px;
	max-height:57px;
	position: absolute;
}
	
div.Scroll-Right {
	left:89%;
	width: 10%;
	height: 100%;
	position: absolute;
}

div.Scroll-Right img {
	right:0px;
	width: 50%;
	height: auto;
	max-width:54px;
	max-height:57px;
	position: absolute;
}

div.overlay{
	top:0px;
	left:4%;
	width:92%;
	height:82%;
	position:absolute;
	text-align:center;
	z-index:1000;
}

div.overlay image{
	height: 100%;
	
}


div.pub768-90{
	height: 90px;
	left:260px;
	right:1px;
	text-align: center;
	position: absolute;
}

div.BoardRight{
	top: 90px;
	left:260px;
	right:1px;
	bottom:1px;
	position: absolute;
}

div.Tutorialoverthrow{
	top: 0px;
	left:0px;
	right:0px;
	overflow: auto;
	height:78%;
    border: 1px solid black;
    text-align: center;
	font-size:1.2em;
	position: absolute;
}	

div.Explain{
	height:4%;
	left:0px;
	right:0px;
	bottom:16%;
	color:orange;
	text-align: center;
	font-size:100%;
	position: absolute;
}

div.pub250-250{
	height: 250px;
	width:250px;
	left:5px;
	top:180px;
	text-align: center;
	position: absolute;
	display:block;
}

div.MyCopyright{
	left:10px;
	bottom:1px;
	font-size:0.8em;
	text-align:center;
	position: absolute;
	z-index:500;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.toplevelshadow{
margin: 5px 0 0 5px; /* in NON CSS3 capable browsers gives the offset of the shadow */
opacity: 0.8; /* shadow opacity mostly for NON CSS3 capable browsers. Doesn't work in IE */
}

.ddcss3support .ddshadow.toplevelshadow {
margin: 0; /* in CSS3 capable browsers overrides offset from NON CSS3 capable browsers, allowing the box-shadow values in the next selector to govern that */
/* opacity: 1; */ /* optionally uncomment this to remove partial opacity for browsers supporting a box-shadow property which has its own slight gradient opacity */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
-moz-box-shadow: 5px 5px 5px #aaa;
-webkit-box-shadow: 5px 5px 5px #aaa;
}


 .ddsmoothmenu-v ul li{
position: relative;
float: none;
}

/* Top level menu links style */
.ddsmoothmenu-v ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px 23px 6px 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
/*top:-500px;*/

}

.ddsmoothmenu-v ul li a:link, .ddsmoothmenu-v ul li a:visited, .ddsmoothmenu-v ul li a:active{
background: #1c5a80; /*background of menu items (default state)*/
color: white;
top:0px;
}


.ddsmoothmenu-v ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: #5c5c5c !important; 
color: white;
}

.ddsmoothmenu-v ul li a:hover{
background: #5c5c5c; /*background of menu items during onmouseover (hover state)*/
color: white;
/*top:-500px;*/
}

/*Sub level menu items */
.ddsmoothmenu-v ul li ul{
position: absolute;
width: 250px; /*Sub Menu Items width */
top: -500px;
/*font-weight: normal;*/
visibility: hidden;
}
 
/* Holly Hack for IE \*/
* html .ddsmoothmenu-v ul li { float: left; height: 1%; }
* html .ddsmoothmenu-v ul li a { height: 1%;}
/* End */