body {
	margin : 0;
	padding : 0 0 0 1em;
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 0.8em;
	color: #fff;
	background-color: #000;
	text-align: center;
}

 hr {
 /*IE*/
color:#CACACA;
height:1px;
/* MOZ */
border-bottom: 1px solid #CACACA;
border-top: 0px;
 }

html\:abbr, abbr, acronym {
	cursor: help;
}

p { margin : 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }

h1 { font-size : 1.5em; margin:1em 0;}
h2 { font-size : 1.3em;margin:1em 0; }
h3 { font-size : 1em;margin:1em 0; }
h4 { font-size : 1em;margin:1em 0; }
h5 { font-size : 1em;margin:1em 0; }
h6 { font-size : 1em;margin:1em 0; }

.semnone { display: none;}
a { color: #eee;}
a:hover { color: #ccc; }

/* Template - image
-------------------------------------------------------- */
img.tplimgleft {
float:left;
border: 1px solid #ccc;
}

img.tplimgright {
float:right;
border: 1px solid #ccc;
}

/* Header
-------------------------------------------------------- */
div#header{
	margin : 0;
	padding : 0;
	font-size: 1em;
	background-color: #fff;
}

div#header a {
	color:#86BD32;
}

div#navicons {
float: left;
margin: 0;
width:90px;
}

#menu {
width:730px;
margin-left : 0;
padding: 0;
display:block;
line-height: 2em;
text-align: right;
font-weight: bold;
}

#menu a {
text-decoration: none;
margin: 0 0.5em;
text-transform: capitalize;
}

#menu a:hover {
color:#7CA1C5;
}

#menu a.actif {
	color:#7CA1C5;
}

div#menuhr  {
	display: none;
}


/* Container
-------------------------------------------------------- */
div#container {
margin: 0 auto;
text-align: left;
width: 776px;
background-color: #000;
border: 1px solid #fff;

}

div#page {
display: inline;
background-color: #fff
}

div#main {
background-color:transparent;
min-height:710px;
height:100%!important;
height:720px; /* IE suxxe */
width:540px;
float:right;
margin:0;
}

div#contenu_header {
margin-top: 1em;
text-align: right;
}

div#menu, div#main, div#board, div#navcontainer, div#myaccount  {
	padding: 0 1em;
}

div#navcontainer {
	border-bottom:1px solid #7CA1C5;
	padding: 0 1em;
}

div#navcontainer li {
	display: inline;
}

div#logout, div#tologin {
float: right;margin-right: 1em;
}

#tologin img {
display:none;
}

div#myaccount {
position:relative;
left:0;
top: -1.4em;
font-size: 0.9m;
display:block;
width: 100%;
margin: 0;
padding: 0;
}

div#myaccount a {
	color: #4C7FB0;
	text-decoration: none;
}

div#myaccount a:hover {
	color: #005E8A;
}

div#myaccount a:before {
	content:">> ";
}

div#board {
width:190px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
margin-right: 1em;
font-size: 0.85em;
padding-top:2em;
}

/* Footer
-------------------------------------------------------- */
div#footer{
margin : 1em 0 0 0;
padding : 0;
font-size : 0.8em;
text-align:center;
border-top:1px solid #777;
background-color: #333;
width: 100%;
}

div#footerleft{
color: #eee;
text-align: center;
line-height:20px;
margin-bottom:10px;
font-size: 0.85em;
}
div#footerleft a{
color: #eee;
}
div#footerleft a:hover{
color:  #eee;
}


/* compteur tableau de bord
-------------------------------------------------------- */
.barre{
    position:relative;
    z-index:24; 
    text-decoration:none;
	 }

.cursor {	
position:relative;
top: -22px !important;
top: -16px;
margin-left:112px;
z-index: 100;
}

a.barre:hover {
z-index:110;
}
a.barre span{
display: none;
}
a.barre:hover span{ 
display:block;
position:absolute;
top:2em; left:2em; width:15em;
border:1px solid white;
background-color: black;
color:white;
text-align: center;
}

table {
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 1em;
}

