/********************************************************************************/
/* ID Solution ©2001-2007 Tous droits réservés, reproduction partiele ou totale interdite. */
/* http://www.id-solution.fr */
/********************************************************************************/
/* body */
html{ overflow-y : scroll;}
body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, sans-serif;
font-size: 70%;
color: #666;
background-color: #FFF;
text-align: center;
}
/********************************************************************************/
/* skin */
 
.haut_droite {background-image: url(../../img/centre_droite.gif);}
.haut_gauche {background-image: url(../../img/centre_gauche.gif);}
 
.centre_droite {background-image: url(../../img/centre_droite.gif);}
.centre_gauche {background-image: url(../../img/centre_gauche.gif);}
 
.bas_droite {background-image: url(../../img/bas_droite.gif); background-position: top; background-repeat: no-repeat;}
.bas_gauche {background-image: url(../../img/bas_gauche.gif); background-position: top; background-repeat: no-repeat;}
/********************************************************************************/
/* header */
.header {}
/********************************************************************************/
/* en tête */
h3 {font:italic 1.5em Georgia, "Times New Roman", Times, serif; padding:0; margin:0;}
 
/********************************************************************************/
.top {text-align:center;}
.center {text-align:center;}
.chevron {font-weight:bold }
 
li { margin-bottom:0.3em;}

.content li {
	background: url(../../img/bullet_side.gif) no-repeat 0 1px;
	list-style:none;
	padding: 0 0 2px 20px;
}

.tab_options {border: 1px solid #C4C4C4;}

input { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
select { padding:0; margin:0; border:#CCCCCC 1px solid; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
form { padding:0; margin:0;}
p { text-align:justify; }
img { border:none;}
/********************************************************************************/
div {
margin: 0;
padding: 0;
display: block;
}
/********************************************************************************/
a:link {color: #666666; text-decoration: none;}
a:visited {color: #666666; text-decoration: none;}
a:hover {color: #666666; text-decoration: underline;}
/********************************************************************************/
.container {
background-color: #FFFFFF;
margin: 0 auto 0 auto;
padding:0;
width: 900px;
}
/********************************************************************************/
ul.navigation {
list-style-type: none;
float: left;
display: block;
width: 900px;
line-height: 0.1em;
clear: both;
margin: 0;
padding: 0;
background-color: White;
border-bottom: 1px solid #C4C4C4;
}
/********************************************************************************/
/* class */
 
.left {
	float: left;
	clear: both;
	width: 20em;
	margin: 0 0 0 0.1em;
	padding: 0;
}
 
.leftcontent {
margin: 0.5em;
padding: 0.3em;
border: 1px solid #EEE;
}
 
/* id */
 
.zone_left {
	clear: right;
	text-align: left;
}
.zone_left dl {
	margin : 0.5em;
	padding : 0.3em;
	border : 1px solid #EEE;
}
.zone_left dt {
	cursor : pointer;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	padding : 2px;
	margin-bottom : 1px;
	color : #000;
}

/* login */
#zone_left_login {
clear: right;
text-align: left;
}
 
#zone_left_login dl {
margin : 0.5em;
padding : 0.3em;
border : 1px solid #EEE;
}
 
#zone_left_login dt {
cursor : pointer;
text-align : center;
font-weight : bold;
font-size : 11px;
padding : 2px;
margin-bottom : 1px;
color : #000;
}
 
 
 
/********************************************************************************/
 
.content {
	clear: right;
	text-align: left;
	margin: 0.5em 0.5em 0 20em;
	padding: 0.3em 1ex 0.3em 1ex;
	border: 1px solid #EEE;
}


.content dd li {
margin-left: 2em;
}
 
.content dt {
	cursor : pointer;
	text-align : center;
	font-weight : bold;
	font-size : 11px;
	padding : 2px;
	margin-bottom : 1px;
	color : #000;
}
 
/********************************************************************************/
.footer {
font-size: 9px;
margin: 0.1em;
padding: 0.3em;
text-align: center;
clear: both;
}
 
.footer p {
border: 1px solid #C4C4C4;
padding: 0.5em;
margin: 0.3em;
}
.footer a { text-decoration:none; color:#666666;}
 
/********************************************************************************/
 
dl, dt, dd, ul, ol, li {
margin : 0;
padding : 0;
 
}
 
dd {
list-style-type : none;
}
 
dd li { margin-left:1.5em;}
/********************************************************************************/
#<html>
<head>
<
<style>
.menulines {border: 2.5px solid #E9E9E9; font: 15 Verdana}
.menulines a {text-decoration: none; color:#000000 ; font: 12 Verdana}
</style>

<script language="JavaScript1.2">
//http://www.dynamicdrive.com
function over_effect(e,state){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
source4.style.borderStyle=state
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
source4.style.borderStyle=state
}
}
}
</script>
<
</head>
<body>

<table border="1" width="200" cellspacing="0" cellpadding="0" onMouseover="over_effect(event,'outset')" onMouseout="over_effect(event,'solid')" onMousedown="over_effect(event,'inset')" onMouseup="over_effect(event,'outset')" style="background-color:'#E9E9E9'">
<tr><td width="100%" class="menulines a" bgcolor="#E9E9E9"><b>
<div align=center>MENU</div></b></font></td></tr><tr><td width=100% class=menulines><a href=>Accueil</a></font></td></tr><tr><td width=100% class=menulines><a href=>Liens</a></font></td></tr><tr><td width=100% class=menulines><a href=>Vidéo</a></font></td></tr><tr><td width=100% class=menulines><a href=>Scénario</a></font></td></tr><tr><td width=100% class=menulines><a href=>Atelier Scénario</a></font></td></tr><tr><td width=100% class=menulines><a href=>Contact</a></font></td></tr><tr><td width=100% class=menulines><a href=>Mail</a></font></td></tr><tr><td width=100% class=menulines><a href=>Archives 2009</a></font></td></tr></table><br>

}
/********************************************************************************/