/* Reset css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0px;
  padding:0px;
  border:0px;
  outline:0px;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ok go */

.disapear {
  display: none;
}

.clearer {
	clear: both;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-color: #ffffff;
}

a {
  text-decoration: underline;
  color: #008DDF;
}

a:hover {
  color: #FF0085;
}

h3 {
  font-size: 130%;
    color: #ff0185;
    margin-bottom: 0.5em;
}

p {
	margin: 1em 0 1em 0;
}

p.txt
{
	text-align:center;
	font:14px Arial, Helvetica, sans-serif;
}

/* ============ STRUCTURE START ============*/
#landing
{
	margin: 0px auto 0px auto;
	width: 1000px;
	height: 900px;
	background-color:#116aa6;
	overflow:hidden
}

#header
{
	width: 1000px;
	height: 180px;
	background:url('./sprite.jpg') 0px 0px no-repeat;
	
	overflow:hidden
}

#content
{
	width: 1000px;
	height: 580px;
	background:url('./sprite.jpg') 0px -180px no-repeat;
	text-align: justify;
	overflow:hidden
}

#left
{
	width: 450px;
	height: 580px;
	float: left;
	overflow:hidden
}

#right
{
	width: 550px;
	height: 580px;
	font:12px Arial, Helvetica, sans-serif;
	float: right;
	overflow:hidden
}

#footer
{
	width: 1000px;
	height: 140px;
	background:url('./sprite.jpg') 0px -760px no-repeat;
	overflow:hidden
}
/* ============ STRUCTURE END ============*/

/* ============ ANIMBOX START ============*/
div#animation
{
	width:352px;
	height:308px;
	position:relative;
	left:32px;
	overflow:hidden
}

div#anim_text
{
	width:352px;
	height:92px;
	line-height:1.5em;
	text-align:left;
	color:#FFF;
	font-size:130%;
	overflow:hidden
}

div#anim_button_header
{
	width:352px;
	height:48px;
	overflow:hidden
}

div#anim_button
{
	width:352px;
	height:120px;
	overflow:hidden
}

#anim_button a
{
	display: block;
	width:352px;
	height:120px;
	background:url('./content.jpg') 0px -168px no-repeat;
}

#anim_button a:hover
{
	background:url('./content.jpg') 0px 0px no-repeat;
}

div#anim_button_footer
{
	width:352px;
	height:48px;
	overflow:hidden
}

/* ============ ANIMBOX END ============*/

#tv
{
	width:300px;
	height:170px;
	position:relative;
	top:54px;
	left:60px;
	overflow:hidden
}

#form_page
{
	width:412px;
	margin:8px;
}

#nbrKdo {
  margin: 0 0 0 120px;
  width: 680px;
  padding: 27px 0 0 0;
  text-align: center;
}

.smallTitle
{
	font-size: 70%;
}

.xbox
{
  font-weight: bold;
  color: #60E310;
  text-decoration: underline;
  cursor: pointer;
}

.xbox span
{
  position: absolute;
  top: -2000em;
  left: -2000em;
  width: 1px;
  height: 1px;
  overflow: hidden;
  color: #000000;
  background: #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
  border: 1px solid #6699FF; /* Définition des bordures */
  font-weight: normal;
  text-decoration: none;
}

.xbox:hover span 
{
  top: auto;
  left: auto;
  width: 300px;
  height: auto;
  overflow: visible;
  margin: -60px 0 0 -140px;
  padding: 15px;
  text-decoration: none;
}

.xboxinfo
{
  text-decoration: inherit;
  text-decoration: none;
}

a.footer_link
{
	color:#FFF;
	text-decoration:none
}

p.text_small_j
{
	text-align:justify;
	font-size:11px;
	color:#777
}

p.text_small_j a
{
	text-align:justify;
	font-size:11px;
	color:#377;
	text-decoration:none
}