html{height: 100%;}
img{border: 0px;}
a{outline: none;}
form{margin-top: 0px;}

/* Colors */
body, .menu2, .liste_container_top li a, .menu2 a{
	color: #FFF;
}

#col2 h1, #col2 h2, #news.h2, body#tinyMCE h1, body#tinyMCE h2, #foot, #foot a, #menu1 li a, .menu2 h2{
	color:#FFF;
}

#col2 a, body#tinyMCE a, #col1 a:hover, body#tinyMCE a:hover, #menu1 li a:hover, 
#menu1 li a#selected, #menu1 li a#selected:hover, .menu2 ul li a:hover{
	color:#FF4;
}

#col2.header , #col2.tinyMCE a.news{
	color:#CCC;
}

#col2.header a{
	color:#999;
}

/* body */
body{
	font-family: verdana, arial, sans-serif;
	padding: 0px;
	margin: 0px;
	font-size: .68em;
	background-color: #000;
	line-height: 1.6em;
	min-height:100%;
	text-align:center;
}

h1{
	font-size: 120%;
	background: transparent;
	border-color: #E1E1E1;
	margin-top: 5px;
}

h2{
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-size:104%;
}

h3{
	margin-left:20px;
	margin-bottom:-20px;
	padding: 0px 0px 4px 0px;
	margin-top:0px;
	font-size:102%;
}

h6{
	margin: 0px;
	padding: 0px 0px 4px 0px;
	font-weight:bold;
	font-size: small;
	text-decoration:underline;
}

ul{
	margin: 8px 0px 0px 16px;
	padding: 0px;
}

#container_master, #container_top, #foot, #banner, #menu1, #contents{
	margin-left: auto; 
	margin-right: auto;
}

#container_master{
	width:1024px;
	height: 768px;
	background: #000 url('../img/bg.png') no-repeat;
	text-align:left;
	position:absolute;
	top:50%;
	margin-top:-384px;
	left:50%;
	margin-left:-512px;
	border: 1px solid #FFF;
}

#container_top{
	width:900px;
	height:120px;
}

#contents{
	margin-top: 0px;
	background-position:0;
}

/* columns */

#col1{
	width:180px;
	margin-left:0px;
	float:left;
	position:absolute;
	padding:8px 10px 15px 10px;

}

#col1.hidden{
	display:none;
}

#col1 ul li{
	margin: 0px 0px 0px 0px;
	margin-left:10px;
	padding: 0px;
	list-style-type:none;
}

#col2 ul li{
	list-style-type:square;
	margin: 0px 0px 0px 0px;
	margin-left:0px;
	padding: 0px;
}
#vid.gallery ul li{
	list-style-type:circle;
	margin: 0px 0px 0px 0px;
	margin-left:0px;
	padding: 0px;
	display:list-item;
}

#img.gallery ul li{
	list-style-type:none;
	margin: 0px 0px 0px 0px;
	margin-left:0px;
	padding: 0px;
	display:inline;
}

div.slide{
	
}

#col2{
	width:750px;
	height:620px;
	padding-right:10px;
	margin-left:260px;
	position:absolute;
	overflow-y:scroll;
	overflow-x:none;
}
#col2.hidden{
	display:none;
}

#col2 h1, body#tinyMCE h1{
	padding-top:5px;
	margin-left:56px;
	width:598px;
	height:20px;
	text-align: center;
	background:url('../img/h1.png');
}

#col2 h2, body#tinyMCE h2{
	font-weight:normal;
	text-align:center;
	width:300px;
	background:url(../img/menu2_h2.png) no-repeat;
	margin-left:20px;
	margin-bottom:5px;
}

#col2 a, body#tinyMCE a{
	padding: 0px 0px 2px 0px;
	text-decoration:none;

}

#col2 a:hover, body#tinyMCE a:hover{
	text-decoration:underline;
}

#col2 table{
	width: 100%;
}

/*tinyMCE*/
body#tinyMCE{
	background-image:none;
	width:98%;
	background:#000;
	text-align:inherit;
	padding-left:10px;
}

#col2 textarea.tinyMCE{
	width: 700px;
	height: 480px;
}

#col2 textarea.tinyMCE_news{
	width: 700px;
	height: 200px;
}

#col2.mceToolbar{

}

#col2.tinyMCE{
	margin-top:10px;
}

#col2.tinyMCE a{
	color:#000;
}

#col2 table#content_tbl tbody tr td{
	padding: 0 0 0 0px;
}

#col2 table tbody tr td{
	padding: 0 5px 0 5px;
}

#col2 table tbody tr th{
	font-weight:bold;
	border: 1px solid #AAA;
	padding: 0 5px 0 5px;
}

#col2 ul li{
	margin-bottom: 10px;
}


#news{
}

#news.title{
	width:360px;
	float:left;
	position:relative;
	text-align:left;
	padding-left:5px;
	font-weight:bold;
	font-size:110%;	
}

#news.author{
	width:230px;
	float:right;
	position:relative;
}

#news_bottom{
	width:870px;
}

#news_bottom.prev{
	display:inline;
	margin-right:534px;
}

#news_bottom.next{
	display:inline;
}

#news.h2{
	padding-top:5px;
	margin-left:51px;
	width:598px;
	height:20px;
	text-align: center;
	background:url('../img/h1.png');
	
}

/* banner-headings */

#banner{
	width: 920px;
	height:250px;
	z-index:10;
}

#banner h1{
	margin: 0px;
	letter-spacing: .2em;
	padding: 28px 0px 0px 19px;
	font-size:250%;
}

#banner h2{
	margin: 0px;
	letter-spacing: .2em;
	padding:5px 0px 0px 19px;
	font-size: 150%;
}

#foot{
	width:920px;
	height:60px;
	text-align: center; 
	position: absolute;
    bottom: 0;
}

#foot.w3c{
	float:right;
	padding-right: 20px;
	margin-top:-23px;
}

div.float_right {
	float:right;
}

#container_top a, #foot a{text-decoration: none;}

#container_top a, #foot a, #container_top a:hover, #foot a:hover
{
	background:transparent;
}

#container_top a:hover, #foot a:hover{text-decoration: underline;}

/* menus */

#menu1{
	height: 30px;
	margin-top: -244px;
}

#menu1 ul{
margin: 0px auto;
} 

#menu1 li{
	display:inline;
	margin: 0px 5px 0px 0px; 
	padding: 0px;
	list-style: none;
} 

#menu1 li a{
	margin-right:10px;
	width:102px;
	height:22px;
	float:right;
	text-align:center;
	background:url('../img/menu1.png');
} 

#menu1 li a:hover, #menu1 li a#selected, #menu1 li a#selected:hover{
	height:27px;
	background:url('../img/menu1_hover.png');
	border:0px;
	text-decoration:none;
}

.menu2{
	text-align:left;
	width:180px;
	margin:0px 10px 10px 10px;
	overflow:hidden;
}

.menu2 h2{
	text-align:left;
	width:140px;
	background:url(../img/menu2_h2.png) no-repeat;
	margin-bottom:5px;
}

.menu2 ul li a,.menu2 ul li a:hover{
	padding:0 0 0 5px;
	text-decoration: none;
}

.menu2 ul li.title{
	border-bottom: 1px solid;
	font-weight:bold;
	list-style:none;
	margin-left:-10px;
	padding-top:5px;
}
.menu2 ul li.title a,.menu2 ul li.title a:hover{
	padding-left:0px;
}


.menu2 img, form{
	text-align:center;
}

#contents, #colonne2, #colonne2 a{
	border-color: #656F57;
}

.liste_container_top li a,.menu2 a{
	background: transparent url('../img/fleche_grise.png') no-repeat left center;
}

.liste_container_top li a:hover,.menu2 a:hover{
	background: transparent url('../img/fleche_jaune.png') no-repeat left center;
}

/*
form.css
tout ce qui concerne les formulaires
*/

#ldo form legend{ 	/* Bug IE */
	color:#FFF;
}

input, textarea{
	padding:0px;
	border:1px solid;
	background: #FFF;
	border-color: #FCC;
	max-width:600px;
}

label{
	display:inline;
	float:left;
}

label.error{
	color: red; 
	padding-left: .5em; 
	vertical-align: bottom; 
}

#code{
	height:50px;
}

#code img{
	padding-left:10px;
	position:absolute;
}

#menu_edit table{
	width:750px;
	text-align: left;
}

#menu_edit table tbody tr td.menu_edit_pos{
	width:200px;
}

#menu_edit table tbody tr td.menu_edit_name{
	width:300px;
}

#menu_edit table tbody tr td.menu_edit_del{
	width:80px;
}

#menu_edit table tbody tr td.menu_edit_title{
	width:80px;
}


/* Admin */

#admin_login{
	width:400px;
	height:245px;
	background:url(../img/admin/bg_lock2.gif);
	text-align:right;
	top:50%;
	margin-top:50px;
	margin-left:180px;
}

#admin_login div.credentials{
	float:right;
	margin-top: 160px;
	margin-right:15px;
	width:300px;
	height:50px;
}

#admin_login a.cancel{
	float:left;
	margin-top: 210px;
	margin-left: 15px;
	width:22px;
	height:20px;
	background:url(../img/admin/cancel.gif);
}

#admin_login input.enter{
	float:right;
	margin: 0px 15px 10px 50px;
	width:26px;
	height:23px;
	background:url(../img/admin/enter.gif);
	border: 0px;
}