/* CSS Document */
html{

height:100%;
overflow-x:hidden;
}
body{
	color:#333333;
	font-size:13px;
	font-family:"trebuchet MS", arial;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;
	height:100%;
	letter-spacing:1px;
	
}
img {border:0px;}

a{
	color:#006699;
	border-bottom:1px dotted #ff00d2;
	text-decoration:none;
	outline: none;
}
a:focus,input:focus{-moz-outline-style: none;}

a:hover{
	color:#ff00d2;
	border-bottom:1px dotted #006699;
	text-decoration:none;
}
h1{
	font-size:17px;
	letter-spacing:-0.5px;
	color:#1a94ff;
	margin:0px;
	padding:0px;
	margin-top:30px;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
hr{border:1px solid #bbddfb;}


/**** formulaire ***/
input, textarea, select{
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:normal;
	border:1px solid #CCCCCC;
	padding-left:2px;
	width:100%;
	background-color:#FFFFFF;

}
input:hover,input:focus, input:active{
	background-image:url(../img/input.gif);
	background-repeat:no-repeat;
	background-position:right;
}

input.bt{
	background-image:url(../img/btok2.jpg);
	background-repeat:no-repeat;
	width:176px;
	height:31px;
	border:0px;
	cursor:pointer;
	font-weight:bold;
}
input.radio{
	height:15px;
	width:15px;
	cursor:pointer;
	border:0px;
}

input.bt2, input.bt2:hover {
	 background-color:#0066CC;
	 background-image:url(../img/btok2.jpg);
	 cursor:pointer;
	 background-position:center;
	 color:#FFFFFF;
}

input.radio:hover, input.radio:focus,input.radio:focus{
	background-image:none;
}
div.erreur{
	color:#FF0000;
	margin-left:auto;
	margin-right:auto;
	width:300px;
	background-color:#ffe5e5;
	padding:3px;
	border:1px solid #ff0000;
	font-size:11px;
}
div#page {
	width: 100%;
	margin: 0 auto;
	min-height: 100%;
	
}
div#ban{
	height:82px;
	background-image:url(../img/ban-fd.gif);
	width:100%;
	margin:0px;
	padding:0px;
	background-position:right;
}
div#ban h1{display:none;}
div#ban img{
	position:absolute;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;
	z-index:1;
	
}
div#ban ul{
	position:absolute;
	padding:0px;
	margin:0px;
	right:0px;
	top:0px;
	background-image:url(../img/ban2.jpg);
	background-repeat:no-repeat;
	background-position:right;
	color:#FFFFFF;
	height:82px;
	width:640px;
	
}
div#ban div{
position:absolute;
right:25px;
top:0px;
color:#FFFFFF;
font-weight:bold;
font-size:11px;

z-index:3;

}

#ban div.nbr{
	position:absolute;
	top:45px;
	right:12px;
	font-weight:normal;
	font-size:10px;
	color:#8b8b8b;
	letter-spacing:-0.5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#ban div.nbr span{
	color:#ccd8e3;

}

div#ban ul li{
	display:inline;
	margin:0px;
	padding:0px;
}

div.flag{
	position:absolute;
	top:1px;
	z-index:4;
	right:15px;

}
div.flag a{	border-bottom:0px;}

div#ban ul li a{
	padding-top:64px;
	display:block;
	float:left;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:20px;
	text-align:center;
	border:0px;
}
div#ban ul li a:hover{
	color:#00FF00;
	background-image:url(../img/menu.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
}

div#inscription{
	margin-top:10px;
	margin-left:50px;
	padding-top:20px;
	padding-left:10px;
	height:174px;
	width:230px;
	background-image:url(../img/ident_fr.gif);
	background-repeat:no-repeat;

}
div#inscription table{
	width:230px;
	color:#FFFFFF;
	font-weight:bold;

}
div#inscription input{
	width:100px;
}
div#inscription input.bt1{
	background-image:url(../img/btok.jpg);
	background-repeat:no-repeat;
	width:113px;
	height:31px;
	border:0px;
	cursor:pointer;
	font-family:"Trebuchet MS",arial;
	font-size:12px;
	font-weight:bold;
}

div#footer{
	position:absolute;
	bottom:0px;
	text-align:center;
	font-size:10px;
	width:100%;
	background-color:#1a94ff;
	border-top:1px solid #1482e3;
	border-bottom:2px solid #df007f;
	color:#FFFFFF;
}
div.logout{
margin-right:40px;
}
div.logout a{
	color:#FFFFFF;
	font-weight:normal;
	font-style:italic;
	padding-left:20px;

}
div.logout span{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ef018b;
}
div.logout img{
	position:absolute;
}