@charset "UTF-8";
/* CSS Document */

/*initialisation*/
body,ul,li,a,table,td,tr,th,img,form {
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 border:0;}
 
body{
	background-color:#c0c0c0;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: top center;
	font-family:Geneva, Arial, Helvetica, sans-serif;}

#container {
	width:1000px; /* la largeur du site */
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;}

table.sample {
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;}
	
table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;}
	
table.sample td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 3px 3px 3px 3px;}

a:link, a:visited{
	color:#000;
	text-decoration:none;}
a:hover{color:#999999;
	text-decoration:underline;}


ul {
	padding:20px}

.opac { 
opacity:0.4;
filter : alpha(opacity=40);   }
.clair { 
opacity:1;
filter : alpha(opacity=100);  }


#reste{
	height:310px;
	
	margin-top:20px;
	background-color:#F8F8F8;
	overflow:auto;}
div#reste strong{
	font-size:12px;
	}

div#reste ul
{
    margin: 0;
    padding: 0 0 0 2px;
}

div#reste ul li
{
    list-style-type: none;
    height: auto;
    width: 220px;
    margin: 0px;
    padding: 2px 0 5px 5px;
    font-size: 11px;

	color:#000;
}



	
/************************************************
*	Header     								*
************************************************/

#header{
	width:1000px;
	height:323px;
	background-repeat:no-repeat;}

#barreHaut{
	
	height:31px;
	padding:3px 5px 3px 5px;
	color:#FFFFFF;
	font-size:10px;
}

#login{
	font-size:10px;
	padding-left:586px;
	padding-top:13px;}

#login .submit{border:1px solid #666666;background-color:#eb470c; font-size:10px; color:#FFFFFF}

#login .log {border:1px solid #666666; height:15px; width:117px; background-color:#ececec; font-size:10px}


#login a, #header a:visited {
	color:#e00112;
	text-decoration:none;}
	
#login a:hover {
	color:#e00112;
	text-decoration:underline;}



#navbar {
	background: #222222;;
	width: 1000px;
	height: 27px;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px auto 0px;
	padding: 0px;
	overflow: hidden;}
	
#navbar a, #navbar a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 0px 0px 3px;}
	
#navbar a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding: 0px 0px 0px 3px;}
	
#navbarleft {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;}
	
#nav {
	margin: 0px;
	padding: 0px;
	list-style: none;}
	
#nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;}

#nav a, #nav a:visited {
	color:#000000;
	display: block;
    font-weight: bold;
    margin: 0px;
	padding: 8px 0 0 0;
	text-align:center;
	height:36px;}
	
#nav a:hover,#nav a.actif {
	padding: 8px 0 0 0;
	color:#8A0810;
    margin: 0px;
	text-decoration: none;}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	width:124px;}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 124px;}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	width: 124px;
	float: none;
	margin: 0px;}
	
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;}

#nav li:hover ul {
	left: auto;
	display: block;}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;}

/************************************************
*	Info 		    	                    * 
************************************************/
#info{
	width:1000px; 
	min-height:578px

}


	/************************************************
	*	Homepage 		    	                    * 
	************************************************/
	#barreDVD{
		width:1000px; 
		height:293px
	}
	
	/************************************************
	*	programs		    	                    * 
	************************************************/
	#programs{
		height:578px; 
		width:1000px;
		background-repeat:no-repeat;
	}
	
	/************************************************
	*	products		    	                    * 
	************************************************/
	#products{
		height:762px; 
		width:1000px;
		background-repeat:no-repeat;
	}

	/************************************************
	*	tools		    	                    * 
	************************************************/
	#tools{
		height:577px; 
		width:1000px;
		background-repeat:no-repeat;
	}

	/************************************************
	*	faq		    	              		        * 
	************************************************/
	#faq{
		min-height:577px;
		
		height:auto; 
		width:1000px;
		background-repeat:no-repeat;
		background-color:#ebebeb;
		
	}
	#faq li{
		font-size:12px;
		}
		
	.affFaq{background-color:#333;width:550px;height:auto;margin:10px;padding:10px; display:none; font-size:12px; text-align:justify; color:#FFF; border:1px solid #666}
	 #faq span:hover{
		 cursor:pointer;}
	
	
	/************************************************
	*	about			    	                    * 
	************************************************/
	#about{
		height:578px; 
		width:1000px;
		background-repeat:no-repeat;
	}
	
	/************************************************
	*	signup    	                            * 
	************************************************/
	#signup #form{
		height:400px; 
		width:1000px;
		background-repeat:no-repeat;
		padding:178px 0 0 250px;
	}
	
	#signup .log {border:1px solid #666666; height:19px; width:308px; background-color:#ececec; font-size:12px}
	
	#player{}
	
	
	/************************************************
	*	sitemap			    	                    * 
	************************************************/
	#map{
		height:577px; 
		width:1000px;
		background-repeat:no-repeat;
	}
	
	
	
	/************************************************
	*	contact		    	                    * 
	************************************************/
	#contact{
		height:577px; 
		width:1000px;
		background-repeat:no-repeat;
	}
	
	
	
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	width: 1000px;
	height: 25px;
	background-color:#000000;

	}