body {
margin: 5px;
padding:0px;
font-family: Verdana;
font-size: 10px;
background-image: url('image/twitterlan79bg.jpg');
background-position: center top;
background-repeat: no-repeat;
background-color: black;
}

textarea {
font-family: Verdana;
font-size: 12px;
color:#000000;
border: 1px solid black;
padding:3px;
}



a img {
	border: none;
}






/* remove the list style */
	#nav {
		margin:0; 
		padding:0; 
		list-style:none;
	}	
	
		/* make the LI display inline */
		/* it's position relative so that position absolute */
		/* can be used in submenu */
		#nav li {
			float:left; 
			display:block; 
			width:180px; 
			position:relative;
			z-index:500; 
			margin:0 1px;
			
		}
		
		#nav li.alone:hover {
			background-image:url('image/bgul.png');
			background-position: center bottom;
			background-repeat: no-repeat;
		}
		
		#nav li.liste:hover {
			background-image:url('image/bgul2.png');
			background-position: center bottom;
			background-repeat: no-repeat;
		}
		
		#nav li.down {
			background-image: url('image/bgmenuli.jpg');
			background-position: center bottom;
			background-repeat: repeat-x;
		}
		
		#nav li.down:hover {
			background-image:url('image/bgmenuli.jpg');
			background-position: center bottom;
			background-repeat: repeat-x;
		}
		
		
		/* this is the parent menu */
		#nav li a {
			display:block; 
			padding:8px 5px 0 5px; 
			font-weight:700;  
			height:23px; 
			text-decoration:none; 
			color:#000000; 
			text-align:center;
		}

		#nav li a:hover {
			color:#0084ff;
		}
	
		/* you can make a different style for default selected value */
		#nav a.selected {
			color:#f00;
		}
	
		/* submenu, it's hidden by default */
		#nav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:0; 
			list-style:none;
		}
		
		#nav ul li {
			width:180px; 
			float:left;
		}
		
		/* display block will make the link fill the whole area of LI */
		#nav ul a {
			display:block;  
			height:15px;
			padding: 8px 5px; 
			color:#000000;
		}
		
		#nav ul a:hover {
			text-decoration:none;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html #nav ul {
			margin:0 0 0 -2px;
		}




div#slideshow {
   position: relative;
   display: block;
   width: 980px;
   height: 290px;
   overflow: hidden; 
}
div#slideshow br { 
   display: none;
}



.toolsboxlog {
	width: 980px;
	height: 55px;
	background:url('image/bgtools.png');
	background-repeat: no-repeat;
	color: black;
}


/* Pour le header (menu en haut) */


.menu {
height: 100px;
background:url('image/menubg.png');
background-repeat: no-repeat;
background-position: center bottom;
}


.itemmenu {
width: 130px;
color: white;
font-weight: bold;
border: 1px #ff0000 solid;	
}

.header_menu {
color:#03a5f0;
font-family: Verdana;
font-size: 10px;
}

.header_menu_champs {
font-size:13px;
width:127px;
height:17px;
border:1px solid #aeaeae;
background:#ffffff;
}

.header_menu_val {
width:33px;
height:28px;
border:1px solid #0f3546;
background:url('tpl/images/login/validate.png');
cursor: pointer;
}

.header_menu a:link{
font-family: Verdana;
font-size: 10px;
color:#03a5f0;
text-decoration:none;
}

.header_menu  a:visited{
font-family: Verdana;
font-size: 10px;
color:#03a5f0;
text-decoration:none;
}

.header_menu  a:hover{
font-family: Verdana;
font-size: 10px;
color:#FF0000;
text-decoration:none;
}

.header_menu  a:active{
font-family: Verdana;
font-size: 10px;
color:#03a5f0;
text-decoration:none;
}

/* Block central */

.sponsorsright {
	width: 268px; 
	text-align: center; 
	padding:5px; 
	background: white;
	border-left: 1px solid #c3c3c3; 
	border-right: 1px solid #c3c3c3; 
}

.main {
	background: #ffffff;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
}

.sponsorstop{
	height: 12px;
	width: 280px;
	background: url('image/sponsorstop.png');
}

.sponsorsbottom{
	height: 12px;
	width: 280px;
	background: url('image/sponsorsbottom.png');
}


.maintop{
	height: 12px;
	width: 680px;
	background: url('image/maintop.png');
}

.mainbottom{
	height: 12px;
	width: 680px;
	background: url('image/mainbottom.png');
}

.content {
float:none;
width:780px;
}

/* Pour news */
.news_header {
padding-left: 10px;
color:#000000;
font-family: Verdana;
font-size: 15px;
font-weight: bold;
}

.news_contenu {
padding: 5px;
color:#000000;
font-family: Verdana;
font-size: 12px;
}

.news_header_under {
padding-left: 12px;
color:#03a5f0;
font-family: Verdana;
font-size: 9px;
}

.news_commentaire {
font-family: Verdana;
font-size: 12px;
color:#000000;
padding:5px;
}

.partenaire {
margin-left:87px;
float:none;
width: 200px;
background:#ff0000;
}

.header {
height:148px;
}

a:link{
font-family:Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

a:visited{
font-family:Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

a:hover{
font-family:Arial, Sans-serif;
color:#DD0000;
text-decoration:none;
}

a:active{
font-family:Arial, Sans-serif;
color:#000000;
text-decoration:none;
}

select {
color: #000000; 
background-color: #FFFFFF;
font-size: 9px; 
font-family: Tahoma, Arial, Sans-serif; 
border-right: #000000 1px solid; 
border-top: #000000 1px solid;
border-left: #000000 1px solid; 
border-bottom: #000000 1px solid; 
}

div.success, div.failure {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 1em;
	text-align: left;
	padding: 1em;
	background: #CCFFCC url(images/tick.png) 10px top repeat-y;
	border: 1px solid #336600;
}
div.success h4, div.failure h4 {
	border-bottom: 2px solid #336600;
	margin-left: 30px;
}
div.success p, div.failure p {
	color: darkgreen;
	margin-left: 30px;
}
div.failure {
	background: #FFCCCC url(images/cross.png) 10px top repeat-y;
	border-color: #663300;
}
div.failure h4 {
	border-bottom-color: #660000;
}

div.failure p {
	color: darkred;
}

div.failure a {
	text-decoration: underline;
}

div.failure ul {
	margin-left: 30px;
}

div.failure ul li {
	color: darkred;
	margin-left: 2em;
}

div.success a {
	color: green;
}

div.menu{
text-decoration:none;
color: #FFFFFF;
}

.possmenu {
	position:relative;
	top:59px;
	color:#ffffff;
}

.topMenuButton {
	height:27px;
	width:110px;
	background-repeat:no-repeat;
	position: relative;
	float: left;
	z-index: 5;
}
	
.ddcontent {
	color:#FFFFFF;
	font-family:arial,tahoma,verdana,'sans serif';
	font-size:10px;
	text-align:left;
	position: relative;
	z-index: 5;
}



.dditem {
color:#FFFFFF;
}

a.dditem {
	display: block;
	background-color:#c6d2e0;
	margin-top:2px;
	color:#000000;
	padding: 1px;
	text-decoration:none;
	position: relative;
	border: 1px solid #d4e1ea;
	height:15px;
}

a.dditem:visited {
	color:#000000;
}

a.dditem:link {
	color:#000000;
}

a.dditem:hover {
	background-position:5px 5px;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#DD0000;
}

a.dditem:active {
	color:#000000;
}


div.menu:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color:#CECDCD; 
}
