merci
pour ces premiers conseils!
pour css voici le code:
html{
font-size: 100%;
font: 0.625em/1em;
}
BODY {
BORDER-BOTTOM: 30px;
TEXT-ALIGN: justify;
BORDER-LEFT: 30px;
PADDING-BOTTOM: 0px;
BACKGROUND-COLOR: #f9f9f9;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal;
HEIGHT: 100%;
COLOR: #111111;
FONT-SIZE: 120%;
LINE-HEIGHT: 22px;
BORDER-TOP: 30px;
BORDER-RIGHT: 30px;
PADDING-TOP: 0px;
WIDTH: 100%
}
.zone {
BORDER-BOTTOM: #696969 thin solid;
BORDER-LEFT: #696969 thin solid;
PADDING-BOTTOM: 8px;
LINE-HEIGHT: 16px;
MARGIN: 0px;
PADDING-LEFT: 8px;
PADDING-RIGHT: 8px;
FONT-SIZE: 11px;
BORDER-TOP: #696969 thin solid;
BORDER-RIGHT: #696969 thin solid;
PADDING-TOP: 8px
}
.legendeMarge {
MARGIN-BOTTOM: 5px;
MARGIN-LEFT: 5px;
MARGIN-RIGHT: 5px
}
.legende {
COLOR: #b0b0b0;
FONT-SIZE: 14px
}
A {
COLOR: #666666;
FONT-WEIGHT: bold;
TEXT-DECORATION: none
}
A:visited {
COLOR: #555555;
TEXT-DECORATION: none
}
A:hover {
BACKGROUND-COLOR: #666666;
COLOR: #f9f9f9;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
}
#logo {
POSITION: absolute;
FONT-STYLE: italic;
COLOR: #000000;
FONT-SIZE: 40px;
TOP: 30px;
FONT-WEIGHT: bold;
TEXT-DECORATION: none;
LEFT: 50px
}
#initialeLogo {
COLOR: #ffffff
}
#titreold {
POSITION: absolute;
TEXT-ALIGN: left;
WIDTH: 100%;
FONT-SIZE: 40px;
TOP: 90px;
LEFT: 250px
}
#titre {
POSITION: absolute;
TEXT-ALIGN: left;
FONT-SIZE: 40px;
TOP: 90px;
PADDING-LEFT: 20px;
WIDTH: 53%;
LEFT: 23%
}
.tag_police_1 {
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tag_police_2 {
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tag_police_3 {
FONT-FAMILY: Arial, Helvetica, sans-serif
}
.tag_taille_1 {
FONT-SIZE: 110%
}
.tag_taille_2 {
FONT-SIZE: 130%
}
.tag_taille_3 {
FONT-SIZE: 90%
}
.tag_epaisseur_1 {
FONT-WEIGHT: 500
}
.tag_epaisseur_2 {
FONT-WEIGHT: 300
}
.tag_epaisseur_3 {
FONT-WEIGHT: 700
}
#promo {
POSITION: absolute;
TEXT-ALIGN: left;
FONT-SIZE: 40px;
TOP: 90px;
PADDING-LEFT: 444px;
WIDTH: 100%;
LEFT: 23%
}
#promo A {
}
#chapo {
POSITION: absolute;
MIN-WIDTH: 350px;
BORDER-LEFT: black 1px solid;
PADDING-BOTTOM: 10px;
LINE-HEIGHT: 23px;
PADDING-LEFT: 10px;
WIDTH: 40%;
MAX-WIDTH: 650px;
TOP: 209px;
LEFT: 30%
}
#contenu {
POSITION: absolute;
MIN-WIDTH: 350px;
BORDER-LEFT: #959595 1px solid;
PADDING-BOTTOM: 10px;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
FONT-WEIGHT: normal;
HEIGHT: 100%;
COLOR: #111111;
FONT-SIZE: 120%;
LINE-HEIGHT: 22px;
MAX-WIDTH: 650px;
TOP: 209px;
PADDING-LEFT: 20px;
WIDTH: 53%;
LEFT: 25%
}
#descriptif {
PADDING-TOP: 10px
}
#lateral {
POSITION: absolute;
MIN-WIDTH: 10%;
TEXT-ALIGN: left;
PADDING-BOTTOM: 10px;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
WIDTH: 23%;
TOP: 203px;
LEFT: 23px
}
#droite {
POSITION: absolute;
MIN-WIDTH: 240px;
TEXT-ALIGN: left;
BORDER-LEFT: #959595 1px solid;
PADDING-LEFT: 5px;
PADDING-BOTTOM: 0px;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
TOP: 999px;
LEFT: 85%;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
COLOR: #888888;
FONT-WEIGHT: lighter;
WIDTH: 30%
}
#droite A {
COLOR: #77700;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
FONT-WEIGHT: bold;
}
#droite A:hover {
COLOR: #f9f9f9;
}
#adroiteimage {
POSITION: absolute;
MIN-WIDTH: 200px;
TEXT-ALIGN: left;
PADDING-BOTTOM: 0px;
LIST-STYLE-TYPE: none;
WIDTH: 45%;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
FLOAT: right;
BORDER-LEFT: 50%;
TOP: 350px;
RIGHT: 0%
}
#menudroite {
POSITION: absolute;
MIN-WIDTH: 200px;
TEXT-ALIGN: center;
PADDING-BOTTOM: 10px;
LIST-STYLE-TYPE: none;
WIDTH: 23%;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
RIGHT: 1px
}
#menudroite LI {
MARGIN-BOTTOM: 35px
}
#menudroite A {
MARGIN: 0px 5px;
COLOR: #000000;
TEXT-DECORATION: underline
}
#menudroite A:hover {
TEXT-DECORATION: none
}
#notes {
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 110%;
LINE-HEIGHT: 16px;
WIDTH: 97%
}
#navigation {
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
WIDTH: 97%
}
#navigation A {
COLOR: #77700;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 13px;
FONT-WEIGHT: bold;
}
#navigation A:hover {
COLOR: #f9f9f9;
}
.elementPlan_1 {
PADDING-LEFT: 05px
}
.elementPlan_3 {
PADDING-LEFT: 40px
}
.elementPlan_4 {
PADDING-LEFT: 60px
}
.elementPlan_5 {
PADDING-LEFT: 80px
}
.soeur {
MARGIN-LEFT: 20px
}
#navigationx {
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 12px;
WIDTH: 97%
}
#navigationx A {
COLOR: #959595;
FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
FONT-SIZE: 100%;
LINE-HEIGHT: 13px;
FONT-WEIGHT: bold
}
#navigationx A:hover {
COLOR: #f9f9f9;
}
.elementPlan_2 {
PADDING-LEFT: 50px;
}
#expose A {
COLOR: #f9f9f9;
}
LABEL {
DISPLAY: block
}
HR {
COLOR: #C9C9CA;
MARGIN-TOP: 10px;
MARGIN-BOTTOM: 20px
WIDTH: 100%
}
.centre {
TEXT-ALIGN: justify
}
.droite {
TEXT-ALIGN: right
}