@charset "utf-8";
/* CSS Document */
html , body {
	width:100%;
	margin:0;
	padding:0;
	background-color:#000;
	color:white;
}

#login {
	position:relative;
	width:100%;
	height:100%;
	margin:auto;
	color:#FFF;
	max-width:1024px;
	max-height:680px;
	overflow:hidden;
}
#login #formulaire {
	width: 50%;
	margin:auto;
	text-align: center;
}
#login form {
	width: 50%;
	margin:auto;
	background:url(../images/bg_login_form.png) no-repeat;
	position:absolute;
	top:50%;
	left:50%;
	padding-top:30px;
	margin-top:-150px;
	margin-left:-150px;
	width:300px;
	height:200px;
	border:none;
}
#login form img.titre_log {
	margin-top:-10px;
	margin-bottom:0px;
	font-size:18px;
	font-weight:bold;
	line-height:24px;
}
#login form table {
	margin: auto;
}
#login form tr {
	height:30px;
}
#login form td.entete {
	text-align:right;
}
#login form input[type="submit"] {
	margin-top:10px;
}

#menu_admin {
	margin:0 auto;
	padding:0 25px;
	width:1024px;
	height:50px;
}
#menu_admin a {
}
	
.admin {
	margin:0 auto;
	padding:0;
	list-style:none;
}
.admin li {
	float:left;
	display:inline;
	height:45px;
	background-color:#172322;
	width:120px;
	text-align:center;
	line-height:42px;
}
.admin li ul{
	display:block;
	background-color:#172322;
	text-align:center;
	position:absolute; 
	top:0px; 
	margin-top:45px; 
	line-height:16px; 
	color:#0395CC; 
	/* for IE */ 
	display:none;
	padding-left:0;
}
.admin li ul.calendrier {
	width:200px;
	margin-left:-15px;
}
.admin li ul.calendrier li {
	width:200px;
}
.admin li ul.galerie {
	width:80px;
}
.admin li ul.news {
	width:180px;
}
.admin li ul.news li {
	width:180px;
	text-align:center;
}
.admin li ul.message {
	width:160px;
	margin-left:-35px;
}
.admin li ul.message li {
	width:160px;
	text-align:left;
	text-indent:30px;
}
.admin li:hover ul { 
	display:block;
}
.admin li ul li{ 
	display:block; 
	list-style-type:none;
	line-height:35px;
	height:35px;

}
.admin li ul li a { 
	font-size:16px;
}
.admin li a {
	color:#FFF;
	text-decoration:none;
	font-size:18px;
}
.admin li a:hover {
	color:#F93;
}

.admin li.accueil {
	background:transparent url(../images/vimeo_navigation/menu_left.png) no-repeat;
	width:150px;
}
.admin li.accueil a {
	color:#FF0;
	font-weight:bold;
}
.admin li.fin {
}
.admin .corner_inset_left { position:absolute; top:0px; left:-12px;}
.admin ul.calendrier .corner_inset_right { position:absolute; top:0px; left:200px;}
.admin ul.galerie .corner_inset_right { position:absolute; top:0px; left:100px;}
.admin ul.news .corner_inset_right { position:absolute; top:0px; left:180px;}
.admin ul.message .corner_inset_right { position:absolute; top:0px; left:160px;}

.admin .fin { background:transparent none repeat scroll 0% 0%; margin:0px; padding:0px; border:none; position:relative; border:none; height:0px;}
.admin .corner_left { position:absolute; left:0px; top:0px;}
.admin ul.galerie .corner_right { position:absolute; left:82px; top:0px;}
.admin ul.galerie .middle { position:absolute; left:18px; height: 20px; width: 64px; top:0px;}
.admin ul.calendrier .corner_right { position:absolute; left:182px; top:0px;}
.admin ul.calendrier .middle { position:absolute; left:18px; height: 20px; width: 164px; top:0px;}
.admin ul.news .corner_right { position:absolute; left:162px; top:0px;}
.admin ul.news .middle { position:absolute; left:18px; height: 20px; width: 144px; top:0px;}
.admin ul.message .corner_right { position:absolute; left:142px; top:0px;}
.admin ul.message .middle { position:absolute; left:18px; height: 20px; width: 124px; top:0px;}

span.mess {
	background:url(../images/mess.png) no-repeat center center;
	width:25px;
	height:25px;
	padding:0 10px;
	color:#fff;
	font-weight:bold;
	line-height:30px;
}
span.mess:hover {
	color:#fff;
}

p.com {
}
#contenu li a{color:#ffcc00;}
#comm a{color:#ffcc00;}

#mailing {
	width:600px;
	min-height:350px;
	margin:10px auto;
	padding:25px;
	border:#FFF double 2px;
}
#mailing form label{
	width:85px;
	text-align:left;
	padding-right:10px;
}