Arrrgggg CSS -> Help

/* Initialisation CSS */

html, body { /* OU * { MAIS CA PEUT ETRE ASSEZ PERTURBANT ;-) */
margin: 0;
padding: 0;
border: 0;
}


/* police par défaut de tout le site */

html, body {
background-color: #FFFFFF;
margin: 0;
padding: 0;
}
body {
font-size: 0.8em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-weight: normal;
}


/* lien par défaut */

a {
color: #FF0000;
text-decoration: none;
}
a:hover {
color: #FF8000;
background: #FFFFFF;
text-decoration: none;
}


/* liste par défaut */

ul {
list-style-type: square;
margin: 0;
padding-left: 0.5em;
}


/* titres par défaut */

h1 {
font-size: 1.6em;
}
h1, h1 a {
color: #006699;
font-weight: bold;
}
h2 {
font-size: 1em;
}
h2, h2 a {
color: #669900;
font-weight: bold;
}

h3 {
font-size: 1.2em;
}
h3, h3 a {
color: #990066;
font-weight: bold;
}
h1, h2, h3 {
margin: 0;
padding: 0.5em 0;
}


/* image par défaut */

img {
border: 0;
}


/* Agencement des pages */

#conteneur {
width: 96%;
margin: 2%;
background-color: #FFFFFF;
border: #000000 1px solid;
}

#header {
height: 170px;
background-color: #FFFFFF;
border: 0;
padding: 0.5em;
}

#banniere {
float: right;
width: 66%;
margin: 10px 0;
text-align: center;
font-size: 2em;
font-weight: bold;
}

#haut {
height: 3em;
background-color: #DFDFDF;
border: 0;
padding: 0;
}

#centre {
background-color: transparent;
margin-left: 11.2em; /* pour colonne gauche */
/* margin-right: 15%;
*/ /* pour colonne droite */
/*border-left: #000000 1px solid;*/
padding: 0.5em;
min-height: 400px;
}

* html #centre {
height: 400px; /* hack uniquement interprété par IE Win+Mac */
}

#gauche {
float: left;
width: 11.1em; /* largeur environ égale à marge gauche de #centre */
/*border-right: #000000 1px solid;*/
background-color: transparent;
padding-bottom: 0.5em;
}

#droite {
float: right;
width: 15%; /* largeur égale à marge droite de #centre */
background-color: #FFFFFF;
text-align: center;
line-height: 200px;
font-size: 1em;
}

#bas {
clear: both;
position:relative;
background-color: #DFDFDF;
border: 0;
padding: 0.5em;
text-align: center;
}
#bas ul {
display: inline;
border-right: 2px solid #000000;
}
#bas ul li {
border-left: 2px solid #000000;
display: inline;
padding-right: 0.6em;
padding-left: 1em;
}
#bas a {
color: #006699;
}
#bas a:hover {
color: #FF8000;
}

#conception {
display:inline;
position:absolute;
right:10px;
top:3px;
color:#006699;
font-size:0.7em;
}

#pied {
height: 0.5em;
background-color: #FF8000;
border: 0;
padding: 0.5em;
text-align: center;
margin-bottom:1px;
}
#pied a {
color: #FF8000;
font-weight: bold;
}


/* temp.html */

div.menugauchetitre {
clear: left;
width:11.15em;
color: #FFFFFF;
font-weight: bold;
background: #006699;
height: 1.5em;
margin-bottom: 1em;
padding-left: 0;
padding-top: 0.19em;
text-align: center;
}
div.menugauchetitre span {
font-size: 1.1em;
}

div.menugauchecontenu {
clear: left;
width:11.1em;
color: #000000;
font-weight: bold;
line-height: 1.2em;
margin-bottom: 1em;
}
div.menugauchecontenu a {color: #006699; font-weight: normal;}
div.menugauchecontenu a:hover {color: #FF8000; background: #FFFFFF; font-weight: normal;}


/* pages.html */

#mentete {
width: 100%;
height: 1.6em;
background: #006699;
}
#entete {
float: left;
padding-top: 0.2em;
padding-left: 1em;
color: #FFFFFF;
font-weight: normal;
background: #006699;
}
#entete a {
color: #FFFFFF;
}
#entete a:hover {
color: #FF8000;
}

#entetepage {
float: right;
padding-top: 0.2em;
padding-right: 1em;
color: #FFFFFF;
font-weight: bold;
text-align: right;
background: #006699;
}
#entetepage a {color: #FFFFFF; font-weight: normal;}
#entetepage a:hover {color: #FF8000; font-weight: normal;}


/* page accueil */

#accueil {
width: 98%;
}

/*
#editoacc {
width: 98%;
padding: 0.5em;
}*/

#editoacc{
float:left;
width:68%;
padding:0.5em
}

/*
#rubriques1 {
width: 98%;
padding: 0.5em;
border-top: #000000 1px solid;
}
*/
#rubriques1 {
float:right;
width:23%;
BORDER:#003366 1px dotted;
padding:0.5em;
background:#EEE
}

#rubriques1 h1 {display: inline;}

#rubriques2 {
padding: 0.5em;
width: 98%;
border-top: #000000 1px solid;
}

#rubriques2 ul {list-style-type: none; margin: 0; padding-left: 0.5em;}
#rubriques2 a {color: #000000;}
#rubriques2 a:hover {color: #FF8000;}
#rubriques2 img {}