﻿/* Mise en forme de l'image de fond du site */

body {
background-color: black;
background-image: url('../Images/d4.jpg');
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
}


/* Mise en forme de l'entête */

#entete {
text-align: center;
margin-bottom: 50px;
padding-top: 10px;
}

/* Bannière */
#fond-im {
width: 750px;
height: 150px;
background-image: url('../Images/Design/bandeau.png');
background-repeat: no-repeat;
text-align: center;
}

/* Mise en forme du menu du haut */

#menu_haut {
margin-left:auto;
margin-right:auto;
border: 0px;
background-image:url(../Images/Design/menu_horizon.png);
text-align:center;
width:940;
height:40px;
}

/* Insertion des images des liens du menu du haut en tant que balises div (seule solution trouvée au problème d'interprétation 
des images par SPIP...) */

#d1 {
width: 150px;
height: 50px;
background-image: url('../Images/Design/acceuil_selection3.png');
background-repeat: no-repeat;
text-align: center;
}

#d2 {
width: 150px;
height: 50px;
background-image: url('../Images/Design/recherche2.png');
background-repeat: no-repeat;
}

#d3 {
width: 150px;
height: 50px;
background-image: url('../Images/Design/forum2.png');
background-repeat: no-repeat;
}

#d4 {
width: 150px;
height: 50px;
background-image: url('../Images/Design/downloads2.png');
background-repeat: no-repeat;
}

#d5 {
width: 200px;
height: 50px;
background-image: url('../Images/Design/galerie2.png');
background-repeat: no-repeat;
}




/* Menu principal */

#menu {
float: left;
width: 250px;
height: 830px;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}

/*

.sous-menu1 {
padding: 0px;
background-repeat: no-repeat;
margin-bottom: 10px;
text-align:center;
}

*/

/* Insertion de l'image personnalisée de la date */

#date{
background-image:url(../Images/Design/date.png);
height:20px;
}


/* Insertion des images des liens du sous-menu des jeux (dans le menu à gauche) en tant que balises div (toujours à cause du 
problème d'interprétation des images par SPIP...) */

#m-gta4 {
width: 230px;
height: 40px;
background-image: url('../Images/Design/gta.png');
background-repeat: no-repeat;
}

#m-mgs4 {
width: 230px;
height: 40px;
background-image: url('../Images/Design/mgs.png');
background-repeat: no-repeat;
}

#m-kof {
width: 230px;
height: 40px;
background-image: url('../Images/Design/kof.png');
background-repeat: no-repeat;
}

#m-nfs {
width: 230px;
height: 40px;
background-image: url('../Images/Design/nfs.png');
background-repeat: no-repeat;
}

#m-sf4 {
width: 230px;
height: 40px;
background-image: url('../Images/Design/sf.png');
background-repeat: no-repeat;
}


/* Idem pour les images logos du sous-menu des consoles */

#f1 {
width: 240px;
height: 40px;
background-image: url('../Images/logos/logops32.jpg');
background-repeat: no-repeat;
}

#f2 {
width: 240px;
height: 40px;
background-image: url('../Images/logos/logopsp32.jpg');
background-repeat: no-repeat;
}


#f3 {
width: 240px;
height: 40px;
background-image: url('../Images/logos/logox36032.jpg');
background-repeat: no-repeat;
}

#f4 {
width: 240px;
height: 40px;
background-image: url('../Images/logos/logopsp32.jpg');
background-repeat: no-repeat;
}

#f5 {
width: 240px;
height: 40px;
background-image: url('../Images/logos/logopsp32.jpg');
background-repeat: no-repeat;
}

.contenu-menu
{
background:url(../Images/Design/contenu1.png);
padding-top:20px;
padding-right:15px;
}

#list_type
{
list-style-image:url(../Images/Design/dicered.ico);
}

#list_type2
{
list-style-image:url(../Images/Design/dicegreen.ico);
}


/* Mise en forme du contenu principal */ 

#pageprincipale {
float: right;
width: 600px;
height: 880px;
margin-bottom: 50px;
margin-right: 20px;
}

/*

.p2 {
float: right;
width: 600px;
height: 880px;
margin-bottom: 50px;
margin-right: 20px;
}
.sous_p2 {
 width: 550px;
 height: 850px; 
 background-color: white;
 border: 2px solid black;
 }^M
 
 */


 .visiteur
 {
 background-image:url(../images/Design/visiteur.png);
 width:550px;
 height:50px;
 }
 
 #titre_principale
 {
 background-image:url(../Images/Design/dernier_article.png);
 width:550px;
 height:60px;
 text-align:center;
 font-size:30px;
 }
  #titre_principale1
 {
 background-image:url(../Images/Design/recherche_titre.png);
 width:550px;
 height:60px;
 text-align:center;
 font-size:30px;
 }
 
   #titre_principale2
 {
 background-image:url(../Images/Design/forum_titre.png);
 width:550px;
 height:60px;
 text-align:center;
 font-size:30px;
 }
 
 
   #titre_principale3
 {
 background-image:url(../Images/Design/downloads_titre.png);
 width:550px;
 height:60px;
 text-align:center;
 font-size:30px;
 }
 
#titre_principale4
 {
 background-color:white;
 background-image:url(../Images/Design/date.png);
 text-align:center;
 }
 
 .contenu_principale
 {

width:500px;
 padding:20px;
 background-image:url(../Images/Design/contenu_principale.png);
 }

.news
 {
 width:228px;
 height:40px;
 background:url(../Images/Design/news.png);
 background-repeat:no-repeat;
 text-align:center;
 }

.jeux_recents
 {
 width:228px;
 height:40px;
 background:url(../Images/Design/derniers_jeux.png);
 background-repeat:no-repeat;
 text-align:center;
 }
 
.consoles
 {
 width:228px;
 height:40px;
 background:url(../Images/Design/consoles.png);
 background-repeat:no-repeat;
 text-align:center;
 }

/*

#pageprincipale-gta4 {
float: right;
width: 600px;
height: 760px;
padding: 20px;
margin-bottom: 50px;
margin-right: 50px;
background-image: url('../Images/etoiles.jpg');
}
 #sous_pageprincipale-gta4 {
 width: 550px;
 height: 710px; 
 background-image: url('../Images/gtafond.jpg'); background-position: center; background-attachment: fixed; 
 }

#pageprincipale-mgs4 {
float: right;
width: 1800px;
height: 760px;
padding: 20px;
margin-bottom: 50px;
margin-right: 50px;
background-image: url('../Images/etoiles.jpg');
}
 #sous_pageprincipale-mgs4 {
 width: 1700px;
 height: 710px; 
 background-image: url('../Images/mgs4.jpg'); background-position: center; background-attachment: fixed;
 }

#pageprincipale-kof {
float: right;
width: 600px;
height: 760px;
padding: 20px;
margin-bottom: 50px;
margin-right: 50px;
background-image: url('../Images/etoiles.jpg');
}
 #sous_pageprincipale-kof {
 width: 550px;
 height: 710px; 
 background-image: url('../Images/kof-logo.gif'); background-position: center; background-attachment: fixed;
 }
 

#pageprincipale-nfs {
float: right;
width: 600px;
height: 760px;
padding: 20px;
margin-bottom: 50px;
margin-right: 50px;
background-image: url('../Images/etoiles.jpg');
}
 #sous_pageprincipale-nfs {
 width: 550px;
 height: 710px; 
 background-image: url('../Images/nfs-logo.gif'); background-position: center; background-attachment: fixed;
 }

#pageprincipale-sf4 {
float: right;
width: 600px;
height: 760px;
padding: 20px;
margin-bottom: 50px;
margin-right: 50px;
background-image: url('../Images/etoiles.jpg');
}
 #sous_pageprincipale-sf4 {
 width: 550px;
 height: 710px; 
 background-image: url('../Images/sf4.jpg'); background-position: center; background-attachment: fixed;
 }

 */
 
 
 /* Mise en forme du pied de page */
 
#pieddepage {
background-image:url(../Images/Design/menu_pied_de_page.png);
clear: both;
height: 15px;
width:970px;
text-align: center;
font-size:15px;
}


a:link { color:#990000; text-decoration:none; } /* cibles non encore visitées */
a:visited {color:#000080; text-decoration:none; } /* cibles visitées */
a:hover { color:#E00000; text-decoration:underline; }/* Liens au passage de la souris */
a:active { color:#FFFF00; text-decoration:underline;} /* Liens cliqués */



/* Style du texte */

h1 {
size: 20px;
text-align: center;
color: red;
}
