body {
background:white;
margin:0;
}
#alembik {
background:url(images/bg_alembik.jpg) top left no-repeat;
margin:0 auto 0 auto;
width:820px;
height:460px;
}
#top {
background:url(images/regard_alembik.jpg) right no-repeat;
width:609px;
height:81px;
margin:0 0 0 210px;
border-right:1px dashed #CC3333;
border-bottom:1px dashed #CC3333;
}
.titre {
padding:5px 0 0 0;
width:300px;
}
h1 {
font:21px Verdana, Arial, Helvetica, sans-serif;
color:#CC3333;
letter-spacing:1px;
margin:0 0 2px 0;
}
h2 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:#CC3333;
letter-spacing:1px;
margin:0 0 6px 0;
}
h3 {
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:1px;
margin:0 0 6px 0;
}
h3 a {
color:#666;
text-decoration:overline;
}
h3 a:hover {
color:black;
text-decoration:underline;
}
h4 {
margin:4px 0 0 0;
font:bold 10px Arial, Helvetica, sans-serif;
color:black;
}
h4 a {
color:black;
text-decoration:underline;
font-weight:bold;
}
h4 a:hover {
color:#CC3333;
text-decoration:none;
font-weight:bold;
}
h5 {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:black;
letter-spacing:1px;
margin:3px 0 10px 0;
}
h5 a {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#555;
letter-spacing:1px;
text-decoration:underline;
}
h5 a:hover {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:#555;
letter-spacing:1px;
text-decoration:none;
}
h6 {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:#555;
margin:3px 0 10px 0;
}
.topmenu {
width:609px;
height:28px;
}
.menu a {
float:right;
background:#CC3333 url(images/coin.gif) bottom right no-repeat;
margin:0 0 0 4px;
padding:2px 7px 2px 5px;
font:bold 12px Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
letter-spacing:1px;
}
.menu a:hover {
background:#666 url(images/coin2.gif) bottom right no-repeat;
font:bold 12px Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
padding:6px 7px 2px 5px;
letter-spacing:1px;
}
#main {
float:right;
width:609px;
height:240px;
background:url(images/visage_alembik.jpg) top right no-repeat;
margin:0 0 0 210px;
border-left:1px dashed #CC3333;
}
.random {
float:left;
width:160px;
height:24px;
margin:0 12px 0 0;
padding:2px;
background:#ddd;
text-align:center;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:black;
}
.random2 {
float:left;
width:160px;
margin:0 12px 0 0;
padding:0 2px 0 2px;
background:#ddd;
text-align:center;
}
.random2 img {
border:1px solid black;
}
.contenu {
width:609px;
margin:0 0 6px 0;
text-align:justify;
}
.contenu img {
float:left;
border:1px solid black;
margin-right:3px;
}
.humeurs {
float:right;
width:432px;
height:90px;
}
.humeurs2 {
float:right;
width:432px;
}
.portfolio {
margin:0 auto 0 auto;
width:780px;
padding:0 0 0 78px;
}
.galeries {
float:left;
width:236px;
height:74px;
margin:4px 13px 8px 0;
text-align:justify;
border-bottom:1px dashed #666;
background:#eee;
padding:4px;
}
.galeries img {
float:left;
border:1px solid black;
margin-right:4px;
}
.contenu2 {
width:602px;
margin:0 0 6px 9px;
text-align:justify;
}
.galeries2 {
float:left;
width:290px;
height:80px;
margin:0 14px 10px 0;
text-align:justify;
border-bottom:1px dashed #666;
}
.galeries2 img {
float:left;
border:1px solid black;
margin-right:4px;
}
.expo {
float:left;
width:192px;
background:#ddd;
text-align:center;
text-decoration:none;
padding-bottom:6px;
margin:10px 8px 0 0;
}
.expo img {
border:1px solid black;
margin-top:3px;
height:100px;
}
.b {
font-weight:bold;
}