Bonjour,
Touchant des visiteurs de tous les continent j'ai rajouté le traducteur google bien en vue au dessus du menu vertical gauche.
Depuis j'ai un décalage avec le menu horizontal et je trouve pas la solution, ni sur le site du zero non plus.
J'ai essayé de rajouter web developper mais il est incompatible avec firefox 10.0.2
Un oeil neuf peut-il m'aider à trouver l'erreur ?
Le site pour voir la page : http://akb48-le-site.fr
Merci d'avance
Touchant des visiteurs de tous les continent j'ai rajouté le traducteur google bien en vue au dessus du menu vertical gauche.
Depuis j'ai un décalage avec le menu horizontal et je trouve pas la solution, ni sur le site du zero non plus.
J'ai essayé de rajouter web developper mais il est incompatible avec firefox 10.0.2
Un oeil neuf peut-il m'aider à trouver l'erreur ?
Le site pour voir la page : http://akb48-le-site.fr
Merci d'avance
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xml lang="fr" xmlns="http://www.w3.org/1999/xhtml" ><head>
<!-- Table de caractères -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Mots-clés de la page -->
<meta name="keywords" content="AKB48,SDN48,Akihabara,SKE48,Nagoya,NMB48,Osaka,HKT48,Fukuoka,JKT48,Djakarta. />
<!-- Description de la page -->
<meta name="description" content="AKB48 leur histoire, la composition des équipes,
leur discographie, concert, une grande variété d'informations." />
<!-- Empêcher la mise en cache de la page par le navigateur -->
<meta http-equiv="pragma" content="no-cache" />
<!-- Titre du sîte -->
<title>Les School Girls de la JPop - JPOPのガールズ·スクール</title>
<link rel="stylesheet" media="screen" type="text/css" title="index_style" href="index_style.css" />
</head><body>
<a id="top"></a>
<div id="banniere">
<img src="http://img11.hostingpics.net/pics/484885Bannakb481200x400noms.png" alt="" />
</div>
<div id="defilant">
<marquee behavior="scroll" direction="left" scrolldelay="100">
Les SDN48 doivent toutes quitter le groupe le 31 mars 2012 lors d’un concert d’adieu au NHK Hall.
Mais il ne faut pas les enterrer trop vite, pour preuve, le site officiel des SDN48 vient de mettre à jour les profils des 39 membres,
je me mets au travail pour vous les rajouter ainsi que certaines carrières en cours pour ces anciennes et vous verrez il y a des surprises</marquee>
</div>
<!-- Menu de traduction -->
<div id="menu_traduction">
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'fr',
multilanguagePage: true,
gaTrack: true,
gaId: 'UA-24533803-3'
}, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</div>
<!--le menu general-->
<div id="menu">
<div class="element_menu">
<h4>Menu Général</h4>
<ul>
<li><a href="../Papy_Aki/Yasushi_Akimoto.php"><img src="http://img11.hostingpics.net/pics/633821Papyakibann.jpg" alt="" /></a></li>
<li><a href="../akb48/akb48_Bienvenue_a_Akihabara.php"><img src="http://img11.hostingpics.net/pics/523126akb48menu.jpg" alt="" /></a></li>
<li><a href="../ske48/ske48_Bienvenue_a_Nagoya.php"><img src="http://img11.hostingpics.net/pics/945711ske48bann.jpg" alt="" /></a></li>
<li><a href="../nmb48/nmb48_Bienvenue_a_Osaka.php"><img src="http://img11.hostingpics.net/pics/290728nmb48menubann.jpg" alt="" /></a></li>
<li><a href="../sdn48/sdn48_Les_Saturnay_Night.php"><img src="http://img11.hostingpics.net/pics/822313sdn48menubann.jpg" alt="" /></a></li>
<li><a href="../hkt48/hkt48_Bienvenue_a_Fukuoka.php"><img src="http://img15.hostingpics.net/pics/681431HKT48003.jpg" alt="" /></a></li>
<li><a href="../jkt48/jkt48_Bienvenue_a_Djakarta.php"><img src="http://img4.hostingpics.net/pics/883316jkt48menu3.jpg" alt="" /></li>
</ul>
</div>
<!--Menu liens externes-->
<div class="element_liens">
<h4>Les Liens du Site</h4>
<ul>
<li><a href="http://akb48.forumactif.net/"><img src="http://img4.hostingpics.net/pics/587251akblesitforum165x45.jpg" alt="" /></a></li>
<li><a href="http://www.japanese-school.forumactif.com"><img src="http://img4.hostingpics.net/pics/859043akblesitJapaneseschool.jpg" alt="" /></a></li>
<li><a href="http://maya-akblesit.skyrock.com/"><img src="http://img4.hostingpics.net/pics/475490akblesitMayasky.jpg" alt="" /></a></li>
<li><a href="http://chikako-akblesit.skyrock.com"/><img src="http://img4.hostingpics.net/pics/165847akblesitLeJaponavecChikako.jpg" alt="" /></a></li>
</ul>
<h4>Les Liens annexes</h4>
<ul>
<li><a href="http://akb48-le-site.fr/gallery_photo/index.php/"><img src="http://img4.hostingpics.net/pics/291724akblesitPhotosduJapon.jpg" alt="" /></a></li>
<li><a href="../admin/chat.php"><img src="http://img4.hostingpics.net/pics/533169akblesitTutchat.jpg" alt="" /></a></li>
<li><a href="../admin/bug_contact.php"><img src="http://img4.hostingpics.net/pics/202157akblesitAdmincontactbug.jpg" alt="" /></a></li>
<li><a href="http://akb48-le-site.fr/agb/"><img src="http://img4.hostingpics.net/pics/628374akblesitLivredor.jpg" alt="" /></a></li>
</ul>
</div>
<div class="element_perso">
<h4>Mes Liens perso</h4>
<ul>
<li><a href="http://ajimu1609.skyrock.com/"><img src="http://img4.hostingpics.net/pics/765023Ajimuyasuna.jpg" alt="" /></a></li>
<br />
<li><a href="http://japanours2011.skyrock.com/"><img src="http://img4.hostingpics.net/pics/423425Japanours2011.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2010.skyrock.com/"><img src="http://img4.hostingpics.net/pics/734380Japanours2010.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2009.skyrock.com/"><img src="http://img4.hostingpics.net/pics/700234Japanours2009.jpg" alt="" /></a></li>
<br>
<li><a href="http://japanours2008.skyrock.com/"><img src="http://img4.hostingpics.net/pics/275916Japanours2008.jpg" alt="" /></a></li>
</ul>
</div>
<!--menu partenaires-->
<div class="element_partenaires">
<h4>Nos Partenaires</h4>
<ul>
<li><a href="http://www.hostingpics.net/"><img src="http://img4.hostingpics.net/pics/583838logohosting88x21.gif" alt="" /></a></li>
<br />
<li><a href="http://www.planethoster.net/?a_aid=4ede1aef7421a&a_bid=de9a8992"><img src="http://cdn.planethoster.net/images/bannieres/Fbutton-88x31-02.gif" border="0" alt="Hébergé par PlanetHoster" title="Hébergé par PlanetHoster" width="88" height="31" /></a><img style="border:0" src="http://affiliation.planethoster.info/scripts/imp.php?a_aid=4ede1aef7421a&a_bid=de9a8992" width="1" height="1" alt="" /></a></li>
<br />
<li><a href="http://www.siteduzero.com/"><img src="http://img4.hostingpics.net/pics/649809logosdzfr88x25.png" alt="" /></a></li>
<br />
<li><a href="http://jeuma-groupe.franceserv.com/"><img src="http://img11.hostingpics.net/pics/378920iconejeuma.png" alt="" /></a></li>
<ul>
</div>
</div>
<!-- Le menu horizontal -->
<ul id="menu_horizontal">
<li class="bouton_gauche"><a href="index1.html">Retour à l'accueil</a></li>
<li class="bouton_gauche"><a href="admin/newsletter.php">La newsletter - Inscription</a></li>
<li class="bouton_gauche"><a href="http://akb48.forumactif.net">Le Forum</a></li>
<li class="bouton_gauche"><a href="http://japanese-school.forumactif.com">La Japanese-School</a></li>
<li class="bouton_gauche"><a href="admin/chat.php">Chat</a></li>
<li class="bouton_gauche"><a href="http://akb48-le-site.fr/agb/">Le Livre d'or</a></li>
</ul>
<div id="corps"><!-- contenu principal de la page -->
<p><img src="http://img4.hostingpics.net/pics/785355akb48610x54021filles.jpg" alt="" /></p><br />
<p /><h2>Bienvenue sur le Site des School Girls de la JPop !</h2>
<p /><h3>De Tokyo a Osaka en passant par Nagoya et Fukuoka<br />
Retrouvez Les AKB48, SKE48, NMB48 et HKT48<br />
sans oublier les SDN48 nos "demoiselles de la nuit"</h3>
<p /><h4>Je sais, je ne suis pas le seul fan des akb48 sur la toile à avoir un sîte,<br />
alors j'ai essayé de faire ' autrement ' pour vous les présenter.<br />
Si seules les équipes d'aujourd'hui vous branchent direction le remaniement d'équipe 2009/2010</p>
<p>Sinon, rappelez-vous vos contes de Fées lorsque vous étiez petit ils commençaient tous par :<br />
Il était une fois..........alors direction les 1ères Team<br />
Il était une fois, il y a bien longtemps...en 2005....naissaient les akb48....</h4></p>
<p>Groupe de théatre (chant et danse) entièrement féminin, produit par Yasushi Akimoto <br />
voici l'histoire des AKB48, et leurs petites soeurs les SKE48, SDN48 et NMB48</p>
<p>Pour rejoindre notre communauté, discuter avec d'autres fans ? <br />
rendez-vous sur le forum des AKB48 et consoeurs :<br />
N'hésitez pas à vous y inscrire nous vous attendons : </p>
<p><a href="http://akb48.forumactif.net"><img src="http://img11.hostingpics.net/thumbs/mini_784235Onvousattends200x200.jpg" alt="" /></a></p>
<p>Vous voulez apprendre ou discuter de culture japonaise ?<br />
Rendez-vous sur la Japanese-school en cliquant sur notre logo : </p>
<p><a href="http://japanese-school.forumactif.com/"><img src="http://img4.hostingpics.net/pics/881284logoJapaneseschool88x43.png" alt="Japanese-school" /></a></p>
<p>Signez le Livre d'or cela fait toujours plaisir. Merci</p>
<p> Il est :
<applet code="Dgclock.class" codebase="http://akb48-le-site.fr/java-sys" height="30" width="100">
<param name="TimeFormat" value="" />
<param name="ShowDate" value="yes" />
<param name="ShowFrame" value="yes" />
<param name="fg" value="white" />
<param name="bg" value="black" />
</applet> en France
et :
<applet code="Dgclock.class" codebase="http://akb48-le-site.fr/java-sys" height="30" width="100">
<param name="TimeFormat" value="" />
<param name="TZ" value="GMT+0900" />
<param name="ShowDate" value="yes" />
<param name="ShowFrame" value="yes" />
<param name="fg" value="white" />
<param name="bg" value="black" />
</applet> au Japon</p><br />
<!-- retour en haut-->
<a href="#top" class="top"><img src="http://img15.hostingpics.net/pics/372302indexretourhaut.jpg" alt="" /></a>
</div>
<!-- Le pied de la page -->
<ul id="footer_horizontal">
<li class="bouton_gauche"><a href="copyright.php">
Toutes les illustrations, photos et vidéos sont sous Copyright donc propriétés de leurs auteurs et éditeurs respectifs.</a></li>
</ul>
<div class="nettoyeur">
</div>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24533803-3']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script>
</body></html>body {
Width: 1200px; /*largeur de la page "body" */
height: auto;
margin: auto; /* Pour centrer notre page */
margin-top: 10px; /* Pour 2viter 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 */
background-image: url('http://img15.hostingpics.net/pics/601674akb48ForumFonddepage.jpg');
background-attachment:fixed;
}
/* L'en-tête */
#banniere
{
width: 1200px; /*Largeur de la bannière*/
height: 400px; /*Hauteur de la bannière*/
margin-left: ; /* 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ée au menu et au corps*/
}
#defilant{
width:1192px; /* largeur du cadre*/
clear:all;
background-color: #FFA07A;
font-family: Times New Roman, Arial, Arial Black, Comic Sans MS, Georgia, Impact, Times, Trebuchet MS, verdana, serif;
font-size: 20px;
font-style: italic;
font-weight: bold;
height: 30px; /*Hauteur du cadre*/
border: double 4px black;
padding-top: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
padding-bottom: 10px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
margin-bottom: 10px; /* marge extérieure en bas */
}
/* UnitTranslate */
#menu_traduction
{
width: 250px; /*Largeur du cadre du menu*/
height: auto; /* Hauteur du menu */
color: black;
list-style-type: none;
text-align: center; /* Alignement du texte */
background-color: #FFA07A; /* une couleur de fond pour le menu */
border: 4px double black; /*Pour faite un encadrement du menu de 4px, double et en noir*/
margin-right:; /* Une marge à droite pour se décoler du corps */
margin-bottom:10px;
}
/* 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*/
background-color: #FFA07A; /* une couleur de fond pour le menu */
margin-bottom:10px;
}
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_perso
{
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-li 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_menu li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.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: #FFD700;
color: ;
}
.element_disco li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.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_liens li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.element_perso 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_perso 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_perso a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #66CC00;
color: ;
}
.element_perso li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
.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: ;
}
.element_partenaires li
{
padding : 5px 0;
border-bottom : 1px solid #9A9A9A;
}
/*--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 */
float: left;
text-align: center;
}
li.bouton_gauche {
float : left;
}
#corps /* Le corps de la page */
{
width: 875px; /* largeur du cadre */
height: auto; /* Hauteur du cadre */
border: 4px double black; /* Pour faite un encadrement du menu de 4px, double et en noir */
background-color: #FFA07A;
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://img4.hostingpics.net/pics/833515fondcorpspng600x912.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 h3
{
color: black;
text-decoration: ;
}
/* 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: 1175px; /* largeur du cadre*/
height: 20px; /*Hauteur du cadre*/
background-color: #FF7F50;
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;
color: ;
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;
}
.