@charset "utf-8";
body {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size:11px; 
	background: #ffffff url(../Images/index_bg2.jpg); 	
	background-repeat: repeat-x;
	background-attachment:fixed;
	background-position: top; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

td img {display: block; border:0px; }
img { border:0px; }

#wrap {
    margin:0 auto;
    width:997px; height:574px; 
	text-align:left;
	background: #ffffff url(../Images/page_bg.jpg); 	
	background-repeat: no-repeat;
	
    }

#inner_wrap { width:997px;  text-align:left; 
z-index:-12; }

#main_menu { position:absolute; top:105px; margin-left:90px; border:0px;
padding:0px;  }

#video_player { text-align:center;}
#main_content { position:absolute; top:194px; margin-left:90px; padding-left:128px; border:0px; 
padding:0px; width:822px; height:315px; font-size:12px; overflow:auto; font-family:verdana; font-size:1.2em; }

#main_content a { text-decoration:none; color:#186215; font-weight:bold;   }

#main_content img {  padding:5px;  }
#side_caption img{float:left; padding:5px; }
#side_caption { display:block; width:780px; }

#main_content .sous { font-size:120%; height:50px; }
#main_content .sous img { vertical-align:middle; }
.sous img { vertical-align:middle; }
#textes {}
#texte {}

#footer { position:absolute; top:530px; margin-left:835px; 
border:0px; font-size:14px;  font-weight:bold;   
}
#footer a { text-decoration: none; color:#F219AD;}
#rights { position:absolute; top:545px; border:0px; width:997px; font-size:12px; 
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color:#006600; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	}
titre, h1 { font-weight:bold; font-size:18px; color:#F219AD; }
h2 { font-weight:400; font-size:14px; color:#009900 }

.page_controls { text-align:center; }
.page_controls a { color:blue;  } 
.active_control { color:#0033FF; font-weight:bold; font-size:14px; cursor:pointer;  }
.inactive_control {  color:#999999;  font-weight:bold; font-size:14px; }

.controls { position:absolute; width:83px; }

#back_button {cursor:pointer; }
/*Drop down menu*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

 
#nav a {
	display: block;
	width: 5em; text-decoration: none;
	
}

#nav li { /* all list items */
	float: left;
	width: 129px;  /* width needed or else Opera goes nuts */ font-size:1em;
	
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto; background-color:#008F00;
}

#nav li a { height:40px; width:129px; color:#ffffff; font-size:18px; text-align:center;  
 	padding-top: 6px;  
	background: url(../Images/main_up.jpg); 	
	background-repeat: no-repeat; 
	background-position:100% -0px;  
	}
	
#nav li a.last { height:40px; width:129px; color:#ffffff; font-size:18px; text-align:center;  
 	padding-top: 6px;  
	background: url(../Images/main_up.jpg); 	
	background-repeat: no-repeat; 
	background-position:100% 100px;  
	}
	
#nav li a:hover { height:40px; width:129px; color:#ffffff; 
 	padding-top: 6px; 
	
	background: url(../Images/main_hover.jpg); 	
	background-repeat: no-repeat; 
	background-position:right; 

	}
	
	
#nav li ul { /* second-level lists */
	position: absolute;
	background: #49b128;
	width: 10em; color:#000000;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	
}

#nav li ul li a{ /* second-level lists */
	background: #99FF00; /*green */ 
	width: 10em; font-size:14px; color:#000000;
	
	margin-left:5px;
	}

#nav li ul ul { /* third-and-above-level lists */ 
	margin: -30px 0 0 140px; /*moves t he third leve list upwards */
}


#nav li ul a { height:20px; width:140px; color:#ffffff; font-size:18px; text-align:center;  
 	padding-top: 6px;  
	
	background: url(../Images/main_up.jpg); 	
	background-repeat: no-repeat; 
	background-position:100% -0px;  
	}
	
#nav li ul a:hover { height:28px; width:140px; color:#ffffff; 
 	padding-top: 6px; 
	
	background: url(../Images/main_hover.jpg); 	
	background-repeat: no-repeat; 
	background-position:right; 

	}

#content { 
	clear: left;
	color: #ccc;
}