Bonsoir,
Mes pages peuvent être courtes ou longues......
Pour les courtes pas de problème le pied de page reste coller sous le menu de gauche.
Pour les pages longues rien à faire j'arrive pas à le coincer en bas alors il arrive en plein milieu
des texte ....et ca fait un bout de temps que je cherche.
[/code]
Modifié par Ajimu_Yasuna (11 Mar 2011 - 14:23)
Mes pages peuvent être courtes ou longues......
Pour les courtes pas de problème le pied de page reste coller sous le menu de gauche.
Pour les pages longues rien à faire j'arrive pas à le coincer en bas alors il arrive en plein milieu
des texte ....et ca fait un bout de temps que je cherche.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"><head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>L'histoire de Yasushi Akimoto</title>
<meta name="description" content="La fabuleuse histoire de Yasushi Akimoto père et créateur des akb48, sdn48,ske48 et nmb48." />
<link rel="stylesheet" media="screen" type="text/css" title="P3_style" href="P3_style.css" />
</head>
<body>
<div id="banniere"><a target="_blank" href="http://www.hostingpics.net" title="Hebergeur d'image">
<img src="http://img4.hostingpics.net/pics/998596BANNakb482fond2.png" alt="Hebergeur d'image" border="0" /></a></div>
<div id="menu"><!-- Ici on mettra le menu et le Cadre englobant tous les sous-menus -->
<div class="element_menu">
<h4>L'histoire d'Yasushi Akimoto</h4>
<ul>
<li><a target="_blank" href="../index.html%20&%20index_style.css/index.html">Retour à l'Acceuil</a></li>
<br />
<li><a target="_blank" href="P2_Yasushi_Akimoto.html">L'histoire d'Yasushi Akimoto</a></li>
<br />
<li><a target="_blank" href="../AKB48/P30_akb48_JPop%20%C3%A0%20Akihabara.html">Les AKB48 de Tokyö</a></li>
<br />
<li><a target="_blank" href="../SDN48/P60_sdn48_Saturnay_Night.html">Les SDN48 de Tokyö</a></li>
<br />
<li><a target="_blank" href="../SKE48/P40_ske48_JPop%20%C3%A0%20Nagoya.html">Les SKE48 de Nagoya</a></li>
<br />
<li><a target="_blank" href="../NMB48/P50_nmb48_JPop_a_Osaka.html">Les NMB48 d'Osaka</a></li>
</ul>
</div>
<div class="element_liens"><!-- Ici second menu -->
<h4>Les Liens externes du Sîte</h4>
<ul>
<li><a target="_blank" href="http://japanese-school.forumactif.com/">La Japanese-school</a></li>
<br />
<li><a href="page12.html">Blog1</a></li>
<br />
<li><a href="page13.html">Blog2</a></li>
<br />
<li><a href="page14.html">Blog3</a></li>
<br />
<li><a href="page15.html">Japan Expo (photos)</a></li>
<br />
</ul>
</div>
<div class="element_partenaires"><!-- Ici troisième menu -->
<h4>Nos Partenaires</h4>
<ul>
<li><a target="_blank" href="http://www.hostingpics.net/">HostingPics.net</a></li>
<br />
<li><a target="_blank" href="http://www.siteduzero.com/">Le sîte du zéro.com</a></li>
<br />
<li><a target="_blank" href="http://www.planethoster.net/">PlanetHoster.net</a></li>
<br />
<li><a href="page23.html">?</a></li>
<br />
<li><a href="page24.html">?</a></li>
<br />
</ul>
</div>
</div>
<!-- Le menu horizontal -->
<ul id="menu_horizontal">
<li class="bouton_gauche"><a target="_blank" href="../index.html%20&%20index_style.css/index.html">Accueil</a></li>
<li class="bouton_gauche"><a target="_blank" href="newsletter.html">La newsletter</a></li>
<li class="bouton_gauche"><a target="_blank" href="lactudesgirls.html">L'actu des Girls</a></li>
<li class="bouton_gauche"><a target="_blank" href="forum.html">Forum</a></li>
<li class="bouton_gauche"><a href="chat.php">Chat</a></li>
<li class="bouton_gauche"><a target="_blank" href="livredor.html">Le Livre d'or</a></li>
<li class="bouton_gauche"><a target="_blank" href="contact.html">Nous Contacter</a></li>
<li class="bouton_gauche"><a target="_blank" href="enregistrement.html">Vous enregistrer</a></li>
<li class="bouton_gauche"><a target="_blank" href="connexion.html">Connexion</a></li>
</ul>
<div id="corps">
<h2>Yasushi Akimoto</h2>
<br />
Yasushi Akimoto, Grand Gourou de l'Idol Music<br />
<br />
Sur la chaîne de montage des idoles japonaises existe une multitude de
métiers dont<br />
certains demeurent peu connus et sous-estimés.<br />
<br />
Prenons celui de parolier par exemple.<br />
A écouter les âneries débitées à longueur de disques par certaines
vocalistes pop, <br />
on pourrait même douter de l'existence d'un tel poste au sein d'une
maison de production musicale au Japon.<br />
<br />
Et pourtant, c'est en écrivant des paroles pour singles de seconde zone
que Yasushi Akimoto<br />
a débuté une longue et fructueuse carrière dans le monde de la pop.<br />
<a target="_blank" href="http://www.hostingpics.net" title="Hébergeur d'image">
<img src="http://img4.hostingpics.net/pics/916054Yasushiakimoto.jpg" alt="Upload images" border="0" /></a><br />
<br />
<p>Yasushi Akimoto</p>
« Avant d'être un gros à lunettes, je suis Yasushi Akimoto ». <br />
<br />
<b>Prénom/Nom</b> : Yasushi Akimoto <b>Nationalité</b> : Japonaise<br />
<b>Métiers : </b>Producteur, Scénariste, Compositeur<br />
<b>Date de naissance</b> : 02 Mai 1956 (55 ans)<br />
<b>Informations supplémentaires :</b><br />
- Ancien compositeur de : <a href="http://www.total-manga.com/kat%C5%8D-kazue-misora-hibari,%0A-la-reine-de-l-enka,-la-callas-japonaise-pi10550.html" title="Katō Kazue">Katō Kazue</a><br />
- Producteur de : <a href="http://www.total-manga.com/akb48-akiba48,-akb-48-pi5287.html" title=" AKB48"> AKB48</a><br />
- Producteur de : <a href="http://www.total-manga.com/onyanko-kurabu-le-club-des-chatons-pi10574.html" title=" Onyanko Kurabu"> Onyanko Kurabu</a><br />
<p>Il est actuellement à la tête du cartel AKB-48, le super-groupe de
JPop<br />
le plus vendeur dans le paysage japonais d'aujourd'hui.<br />
L'histoire de Yasushi Akimoto couvre 20 ans d'Histoire du J-Pop Game <br />
et croise le destin de nombreuses célébrités éphémères et éternelles.<br />
Des face-B aux chansons mémorables, des bacs à soldes aux cimes de
l'Oricon,<br />
C'est un peu tout ça l'histoire d'Akimoto.<br />
Il ne reste plus qu'à ajouter la rivalité l'opposant à Tsunku (chef du
cartel Hello!Project).</p>
<br />
<a href="http://www.hostingpics.net/viewer.php?id=365855tsunku.jpg"> <img src="http://img4.hostingpics.net/pics/365855tsunku.jpg" alt="hostingpics.net" border="0" /></a>
<p>« Avant d'avoir la peau orange et des ongles de femmes, je suis
"Tsunku". »<br />
Rivalité virile et romanesque qui ne pourra évidemment se conclure que
dans <br />
le sang et les larmes.<br />
***************<br />
</p>
<p>Notre histoire commence en 1981, à l'aube de cette décennie bénie
des dieux <br />
pour tout amateur de pop insouciante et plastifiée.<br />
Akimoto fait alors partie du staff de l'émission de variété <br />
« All Night Nippon ».<br />
Il noue beaucoup de contacts avec le gotha chantant et dansant de
l'époque. <br />
Ce qui lui permet de rapidement changer de boulot.<br />
Il commence en tant que parolier avec la face-B de « Toori Ame » par
Alfee puis, en 1982, <br />
il obtient son premier hit en signant « Dramatic Rain », troisième
single pour Inagaki Junichi.<br />
Par la suite, Akimoto se fait la main sur à peu près tout et n'importe
quoi. <br />
Principalement en devenant le parolier attitré de "Tunnels", un duo<br />
comique à la longévité surprenante quand on prend en considération <br />
leur manque flagrant de talent humoristique.<br />
Mais ce qui propulse Akimoto au rang de Grand Gourou des Idols <br />
est bien entendu le Onyanko Club.<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=405495onyanko1.jpg"> <img src="http://img4.hostingpics.net/pics/405495onyanko1.jpg" alt="hostingpics.net" border="0" /></a>
<p>Pour ceux qui n'ont pas tout suivi, il s'agit du premier
super-groupe d'idols où les membres <br />
(tellement nombreuses qu'elles sont numérotées!) vont et viennent entre
le Club principal, <br />
les sous-groupes, les carrières solos et parfois aussi l'anonymat.<br />
La base du modèle ayant permis le succès des Morning Musume et de
AKB-48 donc.<br />
Nous y reviendrons plus tard.<br />
Le Club Des Châtons comptera 54 membres au total et ne quittera pas le
haut du classement <br />
Oricon en 1985/1986/1987.<br />
Le fonctionnement novateur du Onyanko Club a insufflé l'énergie
nécessaire à l'idol music pour traverser la fin des années 80 la tête
haute.<br />
<br />
Mais c'est aussi et surtout le génie de parolier d'Akimoto <br />
qui a permis au groupe d'imposer son homogénie totale.<br />
Bien que principalement producteur/manager du groupe, Akimoto trouve
quand même <br />
le temps de signer quelques titres pour le Onyanko Club.<br />
<br />
Il est derrière le fameux « Sailor Fuku Wo Nugasanaide »<br />
(« Ne me fais pas enlever mon uniforme marin »), <br />
véritable hymne à l'innocence sur le point d'être déflorée <br />
qui joue intelligemment sur le boom du lolita-complex.<br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=369803onyankoclub1986600x367.jpg">
<img src="http://img4.hostingpics.net/pics/369803onyankoclub1986600x367.jpg" alt="hostingpics.net" border="0" /></a>
<p>D'ailleurs, le Maître ayant montré la voie à suivre, l'essentiel du
répertoire <br />
de ce super-groupe continuera sur cette lignée.<br />
Dès lors, tout le monde veut la Akimoto Touch, celle qui transforme le
vynile en or. <br />
Oginome Youko, Honda Minako et Koizumi Kyouko font partie des heureuses
élues <br />
(hors-Club Des Châtons) avec qui il accepte de collaborer.<br />
<br />
******************<br />
Il serait tentant de réduire Yasushi Akimoto au rôle primordial <br />
qu'il a tenu dans l'histoire des idols au Japon.<br />
Il s'agirait là d'une grave erreur!<br />
Car Akimoto s'est aussi frotté à d'autres genres musicaux plus
inattendus. <br />
<br />
Comme cette collaboration étroite avec Kera, leader d'Uchoten et
fondateur du label <br />
Nagomu Records, pour son premier album solo sur une major.<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=966165DrinkCold.jpg">
<img src="http://img4.hostingpics.net/pics/966165DrinkCold.jpg" alt="hostingpics.net" border="0" /></a>
<p>« oui c'est moi le génie musical que vous avez signé pour trois
albums <br />
M. Le Directeur »<br />
D'après ses dires, Akimoto a été « très surpris d'être contacté par
Kera »<br />
puis s'être « beaucoup amusé lors de ce projet ». <br />
Parce que « Kera est un artiste hors-normes ».<br />
Il en résulte un morceau improbable et réussi. <br />
Mais ce n'est pas tout! <br />
Les hardos qui porte le cuir moule seront heureux d'apprendre que <br />
Yasushi est également responsable des paroles d'un single de SHOW-YA!<br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=405311showya.jpg"> <img src="http://img4.hostingpics.net/pics/405311showya.jpg" alt="hostingpics.net" border="0" /></a>
<p>« mais puisqu'on vous dit que nous sommes toutes des filles! »<br />
« Sono Ato De Koroshitai » <br />
est un bon vieux hard-rock comme-on-en-fait-plus.<br />
*************<br />
1988. Tournant décisif dans la carrière et la vie privée d'Akimoto.<br />
Yasushi Akimoto est définitivement adoubé lorsqu'on lui propose
d'écrire les paroles d'une chanson pour La Grande Dame, la plus
indéboulonnable des institutions musicales du pays :<br />
MISORA HIBARI <br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=586724MISORAHIBARI.jpg">
<img src="http://img4.hostingpics.net/pics/586724MISORAHIBARI.jpg" alt="hostingpics.net" border="0" /></a>
<p>A la base, « Kawa No Nagare No You Ni » devait être la face-B <br />
du nouveau single de la grande prêtresse de l'enka.<br />
<br />
Mais, selon la petite histoire, Misora Hibari serait tombée sous le
charme des paroles d'Akimoto <br />
au point de faire son premier caprice de star en 40 ans de carrière.<br />
<br />
Elle exige que « Kawa No Nagare No You Ni » soit le nouveau single <br />
et que le morceau « Ha Ha Ha » devienne la face-B.<br />
Et la chanson devient le plus grand succès de La Grande Dame,<br />
trésor national vivant.<br />
<br />
Yasushi Akimoto vient d'écrire un morceau d'Histoire, <br />
consécration absolue.<br />
« Kawa No Nagare No You Ni » sera même élu « meilleure chanson de tous
les temps » par un échantillon représentatif de la population japonais
à la fin du siècle dernier.<br />
****************<br />
Alors qu'aucune ombre ne semble pouvoir ternir l'ascension fulgurante
et irrésistible de ce Vito Corleone de la pop-music, il commet une
grave erreur en enfreignant une règle d'or du milieu.<br />
En effet, l'annonce de son mariage éclair avec Takai Mamiko (Châton
N°16) <br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=124429TakaiMamiko.jpg">
<img src="http://img4.hostingpics.net/pics/124429TakaiMamiko.jpg" alt="hostingpics.net" border="0" /></a>
<p>provoque un tollé chez les fans du Onyanko Club et même au delà.<br />
Même si le Club Des Châtons est déjà dissout en 1988, <br />
une large partie du public s'offusquera de ce mariage. <br />
Les remous provoqués par cette union inattendue oblige même <br />
Takai Mamiko à se retirer du show-business.<br />
La carrière d'Akimoto entame également un sérieux déclin à partir
de1989.<br />
Avec une large partie des consommateurs d'Idol Music lui ayant
tourné le dos après l'épisode du mariage, <br />
les années 90 ressemblent à une longue traversée du désert.<br />
Une poignée de titres peuvent être retenus de ces années de vache
maigre <br />
mais quasiment aucun n'a rencontré de véritable succès.<br />
<br />
Soit il écrit pour des idols de seconde division <br />
(« Genki! Genki! Genki! » pour Takahashi Yumiko) <br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=246072takahashiyumiko.jpg">
<img src="http://img4.hostingpics.net/pics/246072takahashiyumiko.jpg" alt="hostingpics.net" border="0" /></a><br />
(« Genki! Genki! Genki! » pour Takahashi Yumiko) <br />
<br />
<a href="http://www.hostingpics.net/viewer.php?id=848444wink.jpg"> <img src="http://img4.hostingpics.net/pics/848444wink.jpg" alt="hostingpics.net" border="0" /></a>
<div>soit pour d'autres qui sont en bout de course (trois singles
anecdotiques pour Wink).<br />
<br />
Au mieux, on peut citer « Koi suru Velfarre Dance » (premier single de
Max) <br />
ou « Music For The People » pour V6 .<br />
Ca fait peu pour un parolier ayant largement participé à façonner
l'image de Honda Minako, Shizuka Kudo, Koizumi Kyouko et d'autres
figures inoubliables de la décennie précédente.<br />
****************<br />
Pendant ce temps, des petits malins tentent péniblement de remettre le
modèle <br />
Onyanko Club au goût du jour.<br />
<br />
<a href="http://www.hostingpics.net/viewer.php?id=242595TokyoPerformanceDolls.jpg">
<img src="http://img4.hostingpics.net/pics/242595TokyoPerformanceDolls.jpg" alt="hostingpics.net" border="0" /></a><br />
<p>
L'histoire retiendra à peine les Tokyo Performance Dolls qui, malgré 6
ans de carrière acharnée (1990-1996) et une multitude de sous-groupes,
ne connaissent qu'un succès restreint <br />
et ne décrochent aucun hit significatif.<br />
<br />
Alors que l'idol music et le concept de super-groupe semblent
définitivement enterrés, <br />
Tsunku prouve qu'on peut encore brasser énormément d'argent en mettant <br />
en scène de fraîches jeunes filles au talent vocal très relatif <br />
mais à la « slutitude » hautement perceptible.<br />
<br />
Toutes les inventions d' Akimoto sont pillés par ce nouveau-venu dans
la cour des grands.<br />
<br />
Il multiplie les sous-groupes à concepts foireux, les chansons sans
saveur et les clips multicolores. Sans vergogne, il extrait patiemment
les dernières gouttes d'originalité et de candeur du corps agonisant de
Idol Music.<br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=553628LeHelloProject.jpg">
<img src="http://img4.hostingpics.net/pics/553628LeHelloProject.jpg" alt="hostingpics.net" border="0" /></a>
<p>Le Hello!Project et son groupe phare Morning Musume règnent ainsi
sur les décombres <br />
de l'idol-pop pendant la seconde moitié des 90s et le début du nouveau
millénaire.<br />
Durant la même période, Johnny s' Entertainement asseoit son hégémonie
de manière incontestable dans le domaine des boys-bands imberbes et de
la musique pour collégiennes à boutons.<br />
<br />
************<br />
Mais Yasushi Akimoto n'a pas encore fini de faire parler de lui.<br />
Tandis que le Hello!Project commence à s'essoufler sérieusement, <br />
il prépare dans l'ombre sa dernière contre-attaque,<br />
un baroud d(honneur appelé AKB-48.<br />
<br />
</p>
<a href="http://www.hostingpics.net/viewer.php?id=2807681sakuranohanabiratachi2.jpg">
<img src="http://img4.hostingpics.net/pics/2807681sakuranohanabiratachi2.jpg" alt="hostingpics.net" border="0" /></a>
<p>Et contre toute attente, ce groupe parvient péniblement à survivre
puis, surpasser <br />
l'implacable armée mise en place par Tsunku le producteur à la peau
orangée.<br />
Même si le succès de AKB-48 reste longtemps confiné au seul quartier
d'Akihabara, <br />
quelques singles commencent à se frayer un chemin dans le top des
ventes.<br />
<br />
AKB-48 est lancé pour notre plus grand bonheur<br />
***************<br />
</p>
</div>
<!-- Le pied de la page -->
<ul id="footer_horizontal">
<li class="bouton_gauche"><a href="sites_officiel.php">Sîtes officiel :</a></li>
<li class="bouton_gauche"><a href="http://www.akb48.co.jp/">AKB48.jp</a></li>
<li class="bouton_gauche"><a href="http://www.akb48.co.jp/english/index.html">AKB48.en</a></li>
<li class="bouton_gauche"><a href="http://www.ske48.co.jp/">SKE48.jp</a></li>
<li class="bouton_gauche"><a href="http://www.nmb48.com/">NMB48.jp</a></li>
<li class="bouton_gauche"><a href="http://www.sdn48.co.jp/">SDN48.jp</a></li>
<li class="bouton_gauche"><a href="bug.php">Signaler un bug</a></li>
<li class="bouton gauche"><a target="_blank" href="../index.html%20&%20index_style.css/Lequipe_du_site.html">L'équipe du sîte</a></li>
<li class="bouton_gauche"><a href="copyright.php">
Toutes les illustrations sont sous © Copyright donc propriétées de leurs auteurs et éditeurs respectifs.</a></li>
</ul>
<div class="nettoyeur">
</div>
</body></html>[code=html][/code]
body {
width: 1200px; /*largeur de la page "body" */
height: auto;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. */
margin-bottom: 10px; /* Pour éviter de coller avec le bas du navigateur */
background-image: url ("image/fond.jpg") /* Une petite image de fond pour éviter d'avoir un vieux fond blanc [langue] */
}
/* L'en-tête */
#banniere
{
width: 1200px; /*Largeur de la bannière*/
height: 384px; /*Hauteur de la bannière*/
margin-left: 0px; /* Une marge à gauche pour centrer la bannière en attendant son dessin définitif */
background-position: center;
background-image: url("..images/bannière.png");
background-repeat: no-repeat; /*Pour que l'image de fond "la bannière" ne se répéte pas */
margin-bottom:10px; /* Evite que la banniere soit trop collé au menu et au corps*/
}
/* Le menu */
#menu
{
width: 250px; /*Largeur du cadre du menu*/
height: auto; /* Hauteur du menu */
float: left; /*Le menu flotera à gauche*/
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
}
a
{
text-decoration: none; /* les liens ne seront plus soulignés */
color: black;
}
.element_menu
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png");
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_disco
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png");
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_liens
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png");
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
.element_partenaires
{
background-color: #FFFFFF; /* une couleur de fond pour le menu */
background-image: url("images/puce.png");
background-repeat: repeat-x; /*se repetera horizontalement*/
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 14px; /* Taille de la police */
font-style: italic;
font-weight: bold;
color: black;
list-style-type: none;
text-align: left; /* Alignement du texte */
padding-top: 10px; /* marge intérieure en haut*/
padding-bottom: 10px; /* marge intérieure en bas */
padding-left: 10px; /* marge intérieure de gauche */
padding-right: 10px; /* marge intérieure de droite */
margin-bottom: 20px; /* marge extérieure en bas */
}
/* Quelques effets sur les menus */
.element_menu h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre*/
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #FF66FF;
color: ;
}
.element_disco h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre */
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_disco ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_disco a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #CD853F;
color: ;
}
.element_liens h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* Alignement du texte au centre*/
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_liens ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_liens a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #66CC00;
color: ;
}
.element_partenaires h4 /* Tous les titres de menus */
{
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
text-align: center; /* pour alignement le texte au centre */
color: black; /* couleur du texte */
text-decoration: underline; /* Pour souligner le lien */
}
.element_partenaires ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style-image: url("images/puce.png"); /* On change l'apparence des puces */
padding: ; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
}
.element_partenaires a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #87CEF3;
color: ;
}
/* Menu horizontal */
ul#menu_horizontal {
width: 875px; /* largeur du cadre*/
height: 20px; /*Hauteur du cadre*/
background-color: #FFA07A;
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: ;
margin-left: 300px; /* Une marge à gauche pour pousser le corps, afin qu'il soit centré */
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-style: italic;
font-weight: bold;
color: ;
background: url (image/pied.png);
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#menu_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float : left;
}
#corps /* Le corps de la page */
{
width: 875px; /* largeur du cadre */
height: 100%; /* Hauteur du cadre */
border: 4px double black; /* Pour faite un encadrement du menu de 4px, double et en noir */
border: 100%;
margin-left: 300px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-right: 0px; /* /*marche extérieure droite */
margin-bottom: 20px; /* Marge extérieure bas */
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: #000000;
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-style: italic;
font-weight: bold;
text-align: center;
background-color: #FFFFFF; /* Une couleur de fond pour le corps */
background-image: url('http://img10.hostingpics.net/pics/739599fondcorpspng600x912.png'); /* Une petite image de fond */
background-position: center;
background-repeat: no-repeat; /* Une petite image de fond qui ne se répètera pas */
}
#corps h2
{
color: red;
text-decoration: underline;
text-align: center;
}
#corps h3
{
color: #000000;
text-decoration: underline;
text-align: center;
}
/* Le pied de la page */
/* Je séléctionne mes <li> par les sélecteurs (<li> est contenu par le <ul>), inutile de lui rajouter une class */
ul#footer_horizontal {
clear: left;/* stopper l'effet du menu flottant */
width: 1200px; /* largeur du cadre*/
height: 30px; /*Hauteur du cadre*/
margin-top: 30px;
background: url (..../image.png)
background-repeat: no-repeat; /* Une petite image de fond qui ne se répètera pas */
background-color: #FFFFFF;
border: 4px double black; /*Pour faite un encadrement du menu de 2px en noir*/
padding: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
color: ;
font-family: "Times New Roman", Arial, "Arial Black", "Comic Sans MS", Georgia, Impact, Times, "Trebuchet MS", verdana, serif;
font-size: 12px;
font-style: italic;
font-weight: bold;
background: url (image/pied.png);
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
ul#footer_horizontal li {
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
}
li.bouton_gauche {
float: left;
}
.nettoyeur {
clear: both;
}
[code=css]Modifié par Ajimu_Yasuna (11 Mar 2011 - 14:23)
