18082 sujets
salut,
Voilà le css
Modifié par falco (24 Apr 2006 - 17:17)
Voilà le css
/* CSS Document */
body {
margin: 0;
padding: 0;
background-image: url(images/Blue.png);
font-size: 80%;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
}
dl, dt, dd, ul, li{
margin: 0;
padding: 0;
}
#logo{
background-image: url(images/bus.jpg);
background-repeat: no-repeat;
height:100px;
background-position: center;
}
#corps{
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
text-align: justify;
padding-left: 30px;
padding-right: 25px;
}
h1.corps{
letter-spacing: 1em;
text-align: center;
color: #FFFFFF;
font-family: Georgia, "Times New Roman", Times, serif;
}
h2.corps{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.7em;
color: #b1c800;
text-align: left;
}
h3.corps{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #003f8a;
text-align: left;
}
h4.corps{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.4em;
color: #000000;
text-align: left;
}
.code{
padding:3px;
color:#03f;
background:#eef
}
.noJs{display:none}
/* le menu */
#menu {
border-bottom:1px solid #000; /* ligne sèparant titres et sous-menus premier niveau */
height:43px;
margin-bottom:2em;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.80em;
line-height: 1.80em;
background-color: #b1c800;
}
#menu dl {float: left;}
#menu dt {position:relative;z-index:2;text-align:center;width:5em;cursor:default}
#menu li{ /* titres des menus */
list-style:none;
float:left;
text-align:center;
}
#menu li a{ /* onglet */
position:relative; /* sort du flux de la page */
z-index:2; /* au premier plan */
text-decoration:none;
font-size: 0.50em;
line-height: 1.65em;
padding:1px 5px;
width:5em;
color:#000;
background:transparent;
font-family: Arial, Helvetica, sans-serif;
}
#menu dd{ /* sous-menus */
position:absolute;
padding-top:5px;
font-size:1.25em;
left:-99em; /* invisibles */
top:32px;
width:30em /* largeur du plus grand sous-menu, indispensable pour Opera */
}
#menu ul a:link:hover{
text-decoration:underline;
}
#menu dt a{text-decoration:none;color:#003f8a}
#menu dt a:hover{color:#fabc20}
#menu li a{color:#003f8a;background:#fff;text-decoration:none;padding:1px 4px;margin-right:1px}
#menu li a:link:hover,#menu li a:link:active{text-decoration:none;background-color:#fabc20;color:#fff}
/* class dynamique */
#menu .montre dd{left:10px;}
#menu .montre dt{border:1px solid #000;border-bottom:1px solid #fff;
top:1px;background:#fff}
#pied_de_page{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1em;
color: #FFFFFF;
background-color: #b1c800;
border: 1px solid #333333;
text-align: center;
}
Modifié par falco (24 Apr 2006 - 17:17)