body{
	background-color:white;
/*	background:url("degrade.jpg") repeat-x;
	background-attachment:fixed;*/
	font-family:"Times New Roman",Serif;
	color:black;
}

h1{
	text-align:center;
	color:#003358;
	font-size:3em;
}
h1 a, h1 a:visited{color:#003358;}

a{cursor: pointer;}

#login{
	width:200px;
	padding:20px;
	margin:auto;
	color:white;
	border:5px solid #005B9E;
	border-radius:10px;
	background:#005B9E;
}

.input{
	width:180px;
	margin:5px;
}

.submit{
	width:100%;
	height:30px;
	margin-top:10px;
	margin-bottom:10px;
}

#bad{
	border:5px solid purple;
	border-radius:7px;
	background:purple;
}

#index, #logout{
	text-decoration:none;
	position:relative;
	display:block;
	color:white;
	font-weight:bold;
	border:10px solid #005B9E;
	border-radius:10px;
	background:#005B9E;
}
#index:hover, #logout:hover{
	background:#D9E9F6;
	border:10px solid #D9E9F6;
	color:#005B9E;
}
#logout{
	float:right;
}
#index{
	float:left;
}

#output{width:400px;margin:auto;top:0px;left:50%;position:fixed;background:none repeat scroll 0% 0% #F9EDBE;border:1px solid #F0C36D;border-radius:0px 0px 8px 8px;padding:5px;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.2);text-align:center;display:none;margin-left:-200px}

.menu{
	width:700px;
	padding-bottom:5px;
	margin:auto;
	background:#D9E9F6;
	border-radius:10px;
}

.menu h2{
	color:white;
	border:5px solid #005B9E;
	border-radius:10px;
	background:#005B9E;
}

.menu table{
	width:95%;
	margin:auto;
	border:medium solid #005B9E;
	border-collapse:collapse;
}
.menu table td{
	border:thin solid #005B9E;
	text-align:center;
	max-width:300px;
	white-space:nowrap;
	overflow:hidden;
	-o-text-overflow:ellipsis; /* pour Opera 9 */
	text-overflow:ellipsis; 
}
.menu table tr:nth-child(odd){
	background:white;
}

.action{
	width:100%;
	margin:auto;
	text-align:center;
}
.action h3{
	color:#003358;
	font-size:1em;
	margin-bottom:-10px;
}
.action hr{
	color:#005B9E;
	height:1px;
	background:currentColor;
	width:90%;
}
.action a{
	/*http://www.bloggerswatch.com/internet/css-trick-submit-button-should-look-same-everywhere/*/
	display:inline-block;
    margin:0 7px 0 0;
	width:150px;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
	border-radius:8px;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:12px;
    line-height:130%;
    text-decoration:none;
	text-align:center;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px;
}
.action a:hover{
	background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#005B9E;
}
.action a:active{
	background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

.editor{
	width:50%;
	min-width:700px;
	margin:auto;
}

.editor textarea{
	width:100%;
	min-width:700px;
}

.editor input{
	max-width:50%;
}


.credit{
	width:400px;
	margin:auto;
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
}