/* CSS Document  GRAVITY STYLE*/

/**********************************STYLE CSS GRAVITY_HOME.CSS********************************************/

/* --- CODAGE DE BASE PERMETTANT DE METTRE LES MARGES À ZÉRO --- */ 
* 
{
 padding:0;
 margin:0;
 outline:none;
}

/* --- STYLES DE BASE --- */ 
 
/* Page */ 
html { 
  font-size: 100%; /* Évite un bug d'IE 6-7*/ 
}

/* Titres */ 
h1, h2, h3, h4, h5, h6 { 
  line-height: 1.2; 
  font-weight: normal; /* Valeur par défaut. */ 
  font-style: normal; 
} 
h1 { 
  font-size: 1.75em; 
} 
h2 { 
  font-size: 1.5em; 
} 
h3 { 
  font-size: 1.25em; 
} 
h4 { 
  font-size: 1em; 
}  

/* Divers éléments de type en-ligne */ 
em { 
  font-style: italic; 
} 
strong { 
  font-weight: bold; 
}

/* --- STYLES DE BASE SUPPLÉMENTAIRES --- */ 
 
/* Met en évidence les abréviations (ayant un attribut title) */ 
abbr[title] { 
  border-bottom: 1px dotted; 
  cursor: help; 
} 
 
/* Met en évidence les citations */ 
blockquote { 
  margin: .75em 0 .75em 20px; 
  padding: 0 0 0 10px; 
  border-left: solid 2px #ddd; 
} 
q, cite { 
  font-style: italic; 
} 
q cite, q q { 
  font-style: normal 
} 
 
/* Supprime les guillemets automatiques (citations courtes) */ 
q { 
  quotes: none; 
} 
q:before, q:after { 
  content: ""; /* Nécessaire pour Safari/Chrome */ 
} 
 
/* Rapproche les paragraphes dans les listes et citations */ 
blockquote p, li p { 
  margin: .5em 0; 
} 
 
/* Styles de base pour les listes de définition */ 
dl { 
  margin: .75em 0; 
} 
dt { 
  margin: .75em 0 0 0; 
  font-weight: bold; 
} 
dd { 
  margin: .25em 0 .25em 32px; 
} 
 
/* Mise en forme simple pour les tableaux */ 
table { 
  margin: 0; 
  border: none; /* Pas de bordure = "none". */ 
  border-collapse: collapse; /* Valeur par défaut: "separate". */ 
  border-spacing: 0; 
} 
table td, table th { 
  padding: 0; /* Pas de retrait autour du texte = "0". */ 
  border: none; /* Pas de bordure = "none". */ 
  vertical-align: top; /* Valeur par défaut: "middle" */ 
} 
 
/* Conteneurs sémantiques de HTML 5 */ 
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section { 
  display: block; 
} 


/* --------- STYLE GÉNÉRAL DU BODY DE LA PAGE GRAVITY --------- */ 

html body 
{
background:url(../img/bg_body.jpg) no-repeat top center #000000;
color: #fff;
font-size: 0.80em;
font-family: Arial, Helvetica, sans-serif;
background-color:#000000;
}

a
{
text-decoration:none;
}

a:link
{
color:#FFFFFF;
text-decoration: none;
}

a:visited
{
color:#FFFFFF;
text-decoration: underline;
}

a:hover
{
color:#000000;
text-decoration: none;
}

a:active
{
color:#000000;
text-decoration: none;
}

#global
{
width: 990px;
height:600px;
margin: 0 auto;
padding: 0;
border: 5px solid white;
position:relative;
top:96px;
}


/*------------- STYLES DU CORPS DE LA HOME PAGE  + VIDEO FLASH -------*/

#conteneur
{
width:990px;
height:559px;
position:absolute;
top:0px;
left:0px;
/*border:1px solid red;*/
}

#flash_gravity
{
width:990px;
height:559px;
background:url(../img/bg_backup_flash.jpg) no-repeat 0 0;
}

/********** css bloc news ***************/

#capsule_news
{
width:272px;
position:absolute;
top:0px;
right:0px;
z-index:2;
}

#button
{
cursor:pointer;
}

#button a img
{
border:0px;
}


.the_menu
{
width:272px;
background:url(../img/news/bg_news.png) repeat 0 0;
display:none;
}

.the_menu h2
{
padding:8px ;
}

.the_menu p
{
padding:8px ;
}

/********** fin de la css bloc news ***************/


#menu
{
width:990px;
padding:0px 0 0 0 ;
position:relative;
top:-10px;
}

#menu li a span
{
display:none;
}

#menu ul
{
width:990px;
height:51px;
display:block;
list-style-type:none;
text-decoration:none;
margin:0;
padding:0;
clear:both;
}

#menu ul li
{
display:inline;
}

#menu ul li a
{
float:left;
text-decoration:none;
}

/*------ Footer -----*/

#footer
{
width:990px;
height:30px;
text-align:left;
margin:0;
padding:0;
position:relative;
left:-6px;
top:-4px;
/*border:1px solid red;*/
}

#footer ul 
{
width:990px;
height:26px;
display:block;
font-size:0.90em;
color:#CCCCCC;
text-decoration:none;
float:left;
}

#footer  ul li 
{
display:inline;
float:left;
}

#footer  span.display_none
{
display:none;
}