html, body {
padding: 0;
margin: 3px 0 5px 0;
font-size: 11px;
font-family: "Trebuchet MS", arial, verdana, helvetica, sans-serif;
color: #ffffff;
background-color: #A50818;
text-align: center;
line-height: 15px;
}
#container {
width: 770px;
text-align: center;
margin: auto;
display: block;
border: 2px solid black;
background-color: #EFE7C6;
/* hack pour MSIE qui ne sait pas gérer les bordures ! */
voice-family: "\"}\"";
voice-family: inherit;
width: 770px;
}
html>body #container {
width: 766px;
}
/* colonne gauche */
#gauche {
width: 208px;
display: block;
text-align: left;
vertical-align: middle;
background-image: url("images/top.jpg");
background-repeat: no-repeat;
background-position: top left;
float: left;
color: #A50818;
margin-bottom: 10px;
padding-left:10px;
/* hack pour MSIE qui ne sait pas gérer le padding ! */
voice-family: "\"}\"";
voice-family: inherit;
width: 218px;
}
html>body #gauche {
width: 208px;
}
/* colonne droite */
#droite {
width: 548px;
display: block;
text-align: center;
vertical-align: middle;
background-repeat: no-repeat;
background-position: top left;
float: right;
}
/* logo */
#logo {
width: 213px;
height: 227px;
background-image: url("images/logo.jpg");
background-repeat: no-repeat;
float: left;
display: block;
}
/* Image gauche haut */
#gfx {
width: 335px;
height: 227px;
background-image: url("images/gfx2.jpg");
background-repeat: no-repeat;
float: left;
display: block;
}
/* menu gauche */
#menu {
width: 204px;
min-height: 200px;
display: block;
text-align: center;
background-color: #A64708;
background-image: url("images/bg-menu.jpg");
background-repeat: repeat-y;
margin: 180px 0 0 0;
padding-top:0px;
padding-bottom: 5px;
color: #ffffff;
float: left;
}
#menu #top {
width: 204px;
height: 16px;
background-image: url("images/top-menu.jpg");
background-repeat: no-repeat;
text-align: center;
margin-top:0px;
}
#foot-menu {
width: 204px;
height: 8px;
background-image: url("images/foot-menu.jpg");
background-repeat: no-repeat;
margin: 0;
float: left;
}
/* liens menu gauche */
.am:link, .am:visited {
font-family: "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 14px;
width: 198px;
height: 23px;
background-image: url("images/off.jpg");
background-repeat: no-repeat;
font-weight: bold;
color: #EFE7C6;
text-decoration: none;
display: block;
line-height: 23px;
margin: auto;
}
.am:active, .am:hover {
color: #ffffff;
text-decoration: none;
background-image: url("images/on.jpg");
}
/* blocs droite */
.bloc {
width: 524px;
display: block;
text-align: center;
background-color: #E0D19A;
background-image: url("images/bg-bloc.jpg");
background-repeat: repeat-y;
color: #000000;
margin-left: 3px;
clear: both;
text-align: justify;
padding: 0 8px 5px 8px;
/* hack pour MSIE qui ne sait pas gérer le margin ! */
voice-family: "\"}\"";
voice-family: inherit;
width: 540px;
margin-left: -2px;
}
html>body .bloc {
width: 524px;
margin-left: 3px;
}
.bloc {
width: 540px;
background-image: url("images/top-bloc.jpg");
background-repeat: no-repeat;
margin: 0 -8px 0 -8px;
font-family: "Times New Roman", "Trebuchet MS", arial, verdana, helvetica, sans-serif;
font-size: 18px;
color: #A50818;
font-weight: bold;
text-indent: 8px;
padding-top: 3px;
text-align: left;
line-height: 22px;
}
.bloc-foot {
width: 540px;
height: 10px;
display: block;
margin-left: 3px;
clear: both;
background-image: url("images/foot-bloc.jpg");
background-repeat: no-repeat;
/* hack pour MSIE qui ne sait pas gérer le margin ! */
voice-family: "\"}\"";
voice-family: inherit;
margin-left: -2px;
}
html>body .bloc-foot {
margin-left: 3px;
}
/* liens normaux */
a:link, a:visited{
color: #000000;
text-decoration: underline;
}
a:active, a:hover{
color: #CE871D;
text-decoration: none;
}
/* Titres */
h1 {
font-size: 14px;
color: #A64708;
font-weight: bold;
text-align: left;
margin-top: 0;
margin-bottom: 3px;
display: block;
}
#gauche h1 {
color: #A50818;
text-decoration: underline;
}
/* Mini titre */
.minititre {
font-weight: bold;
border-bottom: 1px solid #000000;
}
/* lignes */
hr {
border-top: 1px dotted black;
width: 100%;
clear: both;
margin-top: 10px;
/* hack pour MSIE qui ne sait pas gérer le margin ! */
voice-family: "\"}\"";
voice-family: inherit;
margin-top: 0;
}
html>body hr {
margin-top: 10px;
}
#gauche hr {
border-bottom: 1px solid #EFE7C6;
border-left: 1px solid #EFE7C6;
border-right: 1px solid #EFE7C6;
}
#droite hr {
border-bottom: 1px solid #E0D19A;
border-left: 1px solid #E0D19A;
border-right: 1px solid #E0D19A;
}
/* footer pied de page */
#footer {
width: 770px;
text-align: center;
font-size: 10px;
color: #CE871D;
margin: auto;
}
/* liens footer */
.af:link, .af:visited{
font-size: 10px;
color: #CE871D;
text-decoration: underline;
}
.af:active, .af:hover{
color: #EFE7C6;
}
/* Eléments de formulaire */
form {
width: auto;
text-align: center;
margin: 0;
font-weight: bold;
}
input {
margin: 1px;
font-size: 10px;
vertical-align: middle;
}
.inpt {
background-image: url("images/input.jpg");
background-repeat: no-repeat;
border: 2px inset black;
}
.sub {
border: 2px solid #CE871D;
background-color: #A50818;
color: #EFE7C6;
font-weight: bold;
}
/* Image flottante a gauche */
.pic-left {
float: left;
border: 1px solid #A64708;
margin-right: 5px;
}
/* Image flottante a droite */
.pic-right {
float: right;
border: 1px solid #A64708;
margin-left: 5px;
}
/* Eléments divers */
img {
border: 0;
vertical-align: middle;
}
p {
margin: 5px 0 0px 0;
clear: left;
}
.myp {
margin: 0;
}
.end {
clear: both;
height: 0;
line-height: 0;
}