html {
height:100%;
}
body {
padding:0px 40px;
margin:0;
text-align:center;
vertical-align:center;
background-color:#000;
font-family: arial, helvetica, sans-serif;
font-size:12px;
height:100%;
}
h1 {
font-weight:bold;
font-size:22px;
color:#999;
}

h1 a {
color:#ccc;
text-decoration:none;
border-style:solid;
border-color:#ddd;
border-width:0px 0px 1px 0px;
}
h2 {
font-size:18px;
}
.container {
min-height:100%;
height:auto !important;
height:100%;
}
.boite,
.boitetop,
.boitebottom {
color:#999;
text-align:left;
margin:0px auto;
border:1px #ccc solid;
line-height:150%;
}
.boitetop {
border-top:0px;
background:#FFFFFF url(../images/bg-top.jpg) no-repeat scroll right bottom;
padding:25px 25px 1px 25px;
.padding : 25px 25px 0px 25px;
}

.boite {
margin-top:20px;
margin-bottom:20px;
background-color:#fff;
}
.boitebottom {
border-bottom:0px;
background:#fff url('../images/bg-bottom.jpg') no-repeat top right;
padding:25px;
height:115px;
.height:133px;
_height:133px;
margin-top:-166px;
.margin-top : -185px;
_margin-top: -185px;
color:#333
}
.pousse {
height:166px;
.height:185px;
_height:185px;
}

ul.menu {
text-align:right;
padding:0px;
width:100%;
margin:0px 0px 1px 0px;
}
ul.menu li {
list-style-type:none;
display:inline;
}
ul.menu li a,
ul.menu li a:link,
ul.menu li a:visited {
background-color:#EEEEEE;
border:0px none;
color:#666666;
.color:#999999;
font-weight:normal;
margin-right:5px;
padding:8px 10px 3px;
}
ul.menu li a:hover {
background-color:#666;
color:#eee;
}
ul.menu a:active {
}
.englobliste {
width:100%;
}
ul.liste {
margin:0px;
padding:0px;
}
ul.liste li {
list-style-type:none;
margin : 0px;
padding:3%;
border-bottom:1px solid #eee;
}
ul.liste span {
font-size:1.8em;
color:#999;
font-weight:bold;
padding-right:10px;
}
ul.liste li:hover span {
position:relative;
left:5px;
}
.liste a {
font-size:3em;
color:#999;
font-weight:normal;
text-decoration:none;
border:0px !important; 
text-transform:lowercase;
padding:0px;
margin:0px;
}
.liste a:hover {
border-bottom:1px solid #000 !important;
}
.peinture a,
.sculpture a,
.vitrail a,
.mosaique a,
.ferforge a,
.biocontact a {
color:#999;
}
.trois,
.quatre {
margin-bottom:5px;
padding:5px 5px 5px 20px;
}
.peinture {
background-image:url('../images/bg-peinture-2.jpg');
background-position:right center;
background-repeat:no-repeat;
background-color:#fff;
}
.sculpture {
background-image:url('../images/bg-sculpture-1.1.jpg');
background-position: 100% 31%;
background-repeat:no-repeat;
background-color:#fff;
}
.vitrail {
background-image:url('../images/bg-vitrail-1.jpg');
background-position:bottom right;
background-repeat:no-repeat;
background-color:#fff;
}
.mosaique {
background-color:#FFFFFF;
background-image:url(../images/bg-mosaique-2.jpg);
background-position:100% 74%;
background-repeat:no-repeat;
}
.ferforge {
background-image:url('../images/bg-ferforge-1.jpg');
background-position:bottom right;
background-repeat:no-repeat;
background-color:#fff;
}
.biocontact {
border-bottom:0px !important;
}
ul li a,
p a,
#ccl a {
color:#ccc;
text-decoration:none;
border-style:solid;
border-color:#bbb;
border-width:0px 0px 1px 0px;
font-weight:bold;
}
#ccl a.floatright,
#ccl a.access {
border:0px !important;
}
span {

}
ul li a:hover span {
}
img.tite{
padding:10px;
border:1px solid #999;
margin:10px;
float:left;
background-color:#fff;
}
img.tite2{
padding:5px;
border:1px solid #999;
margin:5px;
float:left;
background-color:#fff;
}
img.titetop {
padding:10px;
border:1px solid #999;
margin:0px 5px 5px 5px;
float:right;
background-color:#fff;
}
a:hover img.tite,
a:hover img.tite2 {
background-color:#ccc;
}
.floatright {
float:right;
}
.clear {
clear:both;
zoom:1;
height:1px;
margin:0px;
}
.menubottom {
list-style-type:none;
margin:0px;
padding:0px;
}
.menubottom li {
display:inline;
margin-right:5px;
}
.menubottom a {

}
.access {
color:#FFFFFF !important;
float:right;
font-size:0.8em;
position:relative;
text-decoration:underline !important;
top:-20px;
}
.bio {
padding:25px;
/*float:left;*/
}
.bio #flashcontent {
float:right;
}
.contact {
float:left;
clear:left;
padding:0px 25px;
}
.bio img,
.contact img {
padding:7px;
background-color:#fff;
margin : 7px;
border:1px solid #ccc;
width:125px;
}
.bio-contact_1 {
float:left;
}
.bio-contact_2 {
float:right;
}