/* Special Event */
#hadopi {
	display:block;
	width:468px;
	margin:0 auto 15px auto;
}

/* General */
*
{
      padding:0;
      margin:0;
}

body
{
      background-color:#000;
      text-align:center;
      font-family:verdana, sans-serif;
      font-size:12px;
      color:#333;
}

ul, li
{
      padding:0;
      margin:0;
      list-style:none;
}

li
{
      padding-left:25px;
      background:url('../images/accept.png') no-repeat left center;
}

li
{
      margin-bottom:10px;
}

ul,p,h2
{
	margin-bottom:20px;
}

a
{
      color:#000;
      text-decoration:underline;
}

a:hover
{
      text-decoration:none;
}

/* Bloc généraux */

#header,#main,#footer
{
      width:650px;
      margin-left:auto;
      margin-right:auto;
      text-align:left;
      padding:15px;
      padding-bottom:5px;
}

/* En-tête */

#header
{
      background-color:#222;
      color:#fff;
      margin-top:5px;
}

#header h1
{
      font-size:22px;
}

#header ul, #header li
{
      margin:0;
      padding:0;
      list-style:0;
      background-image:none;
}

#header li
{
      display:inline;
}

#header ul
{
      text-align:right;
      float:right;
}

#header a
{
      color:#888;
      text-decoration:none;
}

#header a:hover
{
      text-decoration:underline;
}

/* Bloc principal */

#main
{
      background-color:#fff;
      border-top:3px solid;
      border-bottom:3px solid;
}

#main h2 a
{
	text-decoration:none;
	color:#333;
}

#main h2
{
      padding:3px;
      font-weight:bold;
      font-size:14px;
      border-top:1px solid;
      border-bottom:1px solid;
      background-repeat:no-repeat;
      background-position:5px center;
      padding-left:26px;
}

/* Icones titres */
#actu h2 { background-image:url('../images/bell.png') }
#uptime h2 { background-image:url('../images/clock.png') }
#quote h2 { background-image:url('../images/comment.png') }
#link h2 { background-image:url('../images/link.png') }

/* Pied de page */

#footer
{
      margin-bottom:5px;
      padding-top:7px;
      background-color:#222;
}

#footer p
{
      margin:0;
      color:#fff;
      text-align:center;
}

#footer a
{
	color:#fff;
}

/* Tool tips Mootools */

.tool-tip {
	color: #fff;
	width: 159px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url('../images/bubble.png') top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url('../images/bubble.png') bottom right;
}

#splnk a
{
	border:1px solid #c0c0c0;
	padding:5px;
	margin-left:8px;
	text-decoration:none;
        padding-left:24px;
        background: url('../images/link.png') no-repeat 5px center;
}

#splnk a:hover, #splnk #bfrlink:hover
{
	background-color:#e8e8e8;
}

#splnk
{
        text-align:right;
	margin-bottom:15px;
}

#splnk #bfrlink
{
        padding-left:24px;
        background: url('../images/redo.png') no-repeat 5px center;
}