/* Feuille CSS de base qu'on aura plus du tout à retoucher*/

/*------------------------------------------------------------------------------------------------------------------------
	Partie globale
--------------------------------------------------------------------------------------------------------------------------
	-> La partie globale comprend tout ce qui touche à la page HTML, sans distinction du tableau et des autres elements.
	Elle comprend le background, l'affichage lie aux textes et aux liens (a completer)
------------------------------------------------------------------------------------------------------------------------*/

html, body{
  font-family: Helvetica,Arial,sans-serif;
  background-image: url(fondbleu.gif);
  color: #002558;
  font-size: 14px;
}

h2{
	margin-left: 150px;
	color: #0983c9;
	font-size: 28px;
}

h3{
	margin-left: 60px;
	color: #0e2b3b;
	font-size: 20px;
}

p{
	margin-left : 5px;
}

p.miniban {
	margin-left : 20px;
}

a:hover {
	color:#539fe0;
}

a:visited {
	color:#720000;
}

a:hover:visited {
	color:#539fe0;
}

/*------------------------------------------------------------------------------------------------------------------------
	Partie Tableau
--------------------------------------------------------------------------------------------------------------------------
	-> Cette partie comprend toutes les modifications du tableau inclu dans la balise body de l'html
	Les valeurs sont en pixels.
------------------------------------------------------------------------------------------------------------------------*/


#cellule_principale{
  width: 779px;
  padding: 5px 5px 5px 5px;
}

#cellule_petit_logo{
	height: 70px;
	width: 171px;
}

#cellule_title{
	height: 70px;
	width: 900px;
}

#cellule_drapeau{
	height: 70px;
	width: 100px;
}

#bordure_gauche{
	height: 17px;
	width: 171px;
}

#bordure_milieu{
	height: 17px;
	width: 628px;
}


div.menu{
	height: 0;
	width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

div#news{
	font-weight: bold;
	color: #91a5b1;
	margin-left : 20px;
}

div#attention{
	font-weight: bold;
	color: #0e2b3b;
}

div#ecriture{
	margin-left : 5px;
}

li.liste{
	margin-left : 10px;
}


/*------------------------------------------------------------------------------------------------------------------------
	Partie Menu
--------------------------------------------------------------------------------------------------------------------------
	-> Cette partie comprend les positions des images du menu
------------------------------------------------------------------------------------------------------------------------*/

#image_accueil {
  position: absolute;
  top: 95px;
}
#image_introduction {
  position: absolute;
  top: 130px;
}
#image_LEJEU {
  position: absolute;
  top: 165px;
}
#image_histoire {
  position: absolute;
  top: 190px;
}
#image_protagoniste {
  position: absolute;
  top: 209px;
}
#image_gameplay {
  position: absolute;
  top: 228px;
}
#image_annexes {
  position: absolute;
  top: 247px;
}
#image_communication {
  position: absolute;
  top: 266px;
}
#image_ARTWORKS {
  position: absolute;
  top: 294px;
}
#image_par_Canelle {
  position: absolute;
  top: 318px;
}
#image_par_Mik {
  position: absolute;
  top: 337px;
}
#image_autres_dessinateurs {
  position: absolute;
  top: 356px;
}
#image_scenes {
  position: absolute;
  top: 375px;
}
#image_divers {
  position: absolute;
  top: 394px;
}
#image_SPRITES {
  position: absolute;
  top: 422px;
}
#image_battler {
  position: absolute;
  top: 443px;
}
#image_charset {
  position: absolute;
  top: 462px;
}
#image_map {
  position: absolute;
  top: 481px;
}
#image_INGAME {
  position: absolute;
  top: 510px;
}
#image_screens {
  position: absolute;
  top: 534px;
}
#image_faq {
  position: absolute;
  top: 553px;
}
#image_MULTIMEDIA {
  position: absolute;
  top: 582px;
}
#image_video {
  position: absolute;
  top: 606px;
}
#image_musique {
  position: absolute;
  top: 625px;
}
#image_STAFF {
  position: absolute;
  top: 656px;
}
#image_LIENS {
  position: absolute;
  top: 691px;
}