/*	-------------------------------------------------------------
	Nom du client
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Structure du site
	Nom fichier:	structure.css
	Version:		1.0
	Date:			29/07/2007
	-------------------------------------------------------------	*/

/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
	
	
	
/*	-------------------------------------------------------------
	General
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

body {
	background-color: #000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	background-image: url(../images/ttu-fond.jpg);
	background-position:top center;
	background-repeat:repeat-y;
	text-align: center;
	padding: 0px;
	margin:0px;
}

td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

/*	-------------------------------------------------------------
	Mise en page
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#container {
	display:block;
	text-align: center;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 960px;
}

/*	-------------------------------------------------------------
	Positionnement
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
#poslogo {position:absolute; left:29px; top:70px;}
#poshautlk {position:absolute; left:11px; top:15px;}
#poshautliv {position:absolute; left:200px; top:15px; width:480px; text-align:center}
#poshautbt {position:absolute; right:5px; top:150px;}
#poshautfrance {position:absolute; left:862px; top:55px;}
#poshautslog {position:absolute; left:500px; top:65px;}
#posflashmail {position:absolute; right:0px; top:0px; width:280px; height:33px; background:url(../images/tt-flashmail.png) left top no-repeat #B19D68; text-align:right;}

/*	-------------------------------------------------------------
	MENU
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#menuhaut {display:block; width:960px; height:27px; background:url(../images/menu.jpg); text-align:left}

ul#nav {
	width:669px;
	height:27px;
	list-style-type:none;
	padding:0;
	margin:auto;
}

ul#nav li{
	height:27px;
	float:left;
}

ul#nav li a{
	height:0;
	text-indent:-3000px;
	float:left;
	overflow:hidden;
	padding-top:27px;
	background-repeat:no-repeat;
}

ul#nav li#mn00 a { width:75px; background:url(../images/mn00.gif) 0px 27px;}
ul#nav li#mn00 a:hover{background-position:0px -0px;}
ul#nav li#mn00.selected a {background-position:0px -0px;}

ul#nav li#mn01 a { width:103px; background:url(../images/mn01.gif) 0px 27px;}
ul#nav li#mn01 a:hover { background-position:0px -0px;}
ul#nav li#mn01.selected a {background-position:0px -0px;}


ul#nav li#mn01b a { width:105px; background:url(../images/mn01b.gif) 0px 27px;}
ul#nav li#mn01b a:hover { background-position:0px -0px;}
ul#nav li#mn01b.selected a {background-position:0px -0px;}


ul#nav li#mn02 a { width:151px; background:url(../images/mn02.gif) 0px 27px;}
ul#nav li#mn02 a:hover {background-position:0px -0px;}
ul#nav li#mn02.selected a {background-position:0px -0px;}

ul#nav li#mn03 a { width:73px;  background:url(../images/mn03.gif) 0px 27px;}
ul#nav li#mn03 a:hover { background-position:0px -0px;}
ul#nav li#mn03.selected a { background-position:0px -0px;}

ul#nav li#mn04 a { width:160px;  background:url(../images/mn04.gif) 0px 27px;}
ul#nav li#mn04 a:hover { background-position:0px -0px;}
ul#nav li#mn04.selected a { background-position:0px -0px;}

ul#nav li#mn05 a { width:107px;  background:url(../images/mn05.gif) 0px 27px;}
ul#nav li#mn05 a:hover { background-position:0px -0px;}
ul#nav li#mn05.selected a { background-position:0px -0px;}

ul#nav li#mn06 a { width:100px;  background:url(../images/mn06.gif) 0px 27px;}
ul#nav li#mn06 a:hover { background-position:0px -0px;}
ul#nav li#mn06.selected a { background-position:0px -0px;}