@font-face {
    font-family: Century Gothic;
    font-style:  normal;
    font-weight: normal;
    src: url(font/CENTURY0.eot);
  }

body{
	font-family:Century Gothic, 'Verdana';
	color: #666;
	letter-spacing:0pt;
        margin:0;
        background-image: url(img/bande_degrade.jpg);
}
li{
  font-size:0.8em;
  display:inline;
}
ul{
  
  text-align:right;
}
ul, li {
  
  margin: 0 0 0 0;
  padding-top: 0 0 0 0;
  list-style-type: none;
}

a:link{text-decoration:none;color:#666666;}
a:visited{text-decoration:none;color:#666666;}
a:active{text-decoration:none;color:#000099;}
a:focus{text-decoration:none;color:#000099;}
a:hover{text-decoration:none;color:#000099;}
div {
  /*margin:0px;*/
}
.navborder{
  margin-left: 2px;
  margin-right: 2px;
}
h1{
	
	font-size: 1.1em;
	
        color:#666;
}
h2{
	font-weight: bold;
	font-size: 1em;
	color:#CC0000;
	font-variant:small-caps;
	
}
p{
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 0px;
}
.pretext{
  padding:3px 0px 0px 30px;
  /*text-indent: 20px;*/
}
#global {
  position:absolute;
  left: 50%;  
  width: 900px;
  margin-left: -450px; /* moiti%uFFFD de la largeur */
  
  min-height:100%;
  /*border: 1px solid #009;*/
  /*background-color:#FFF;*/
  /*background-image:url(img/barredeg.jpg);
  background-repeat:repeat-x;
  background-position:bottom;*/
  
}
#menu{
  /*z-index:100;*/
  /*height:78px;*/
  /*border-bottom: 1px solid #666;*/
}

#trame{
  /*z-index:1;*/
  /*background-color:#FFF;*/
  
  width: 100%;
  
  min-height:100%;
  
}
#contenu{
  /*z-index:10;*/
  
  /*margin-bottom:0px;*/
  /*padding-bottom:0px;*/
  margin-top:5%;
  margin-bottom:20px;
  /*padding-right:20px;
  padding-left:20px;*/
  width: 100%;
  height:100%;
  
}
#borddroit{
  z-index:10;
  float:right;
  background-image:url(img/presentation3.jpg);
  background-repeat:no-repeat;
  background-position:bottom left;
  /*margin-bottom:0px;
  padding-bottom:0px;*/
  height:100%
}
#imagefond{
  z-index:4;
  position:absolute;
  bottom:0;
  left:0;
  
}
#principal{
	width: 70%;
}
#annexe{
	font-size:0.8em;
	float: right;
  	width: 25%;
  	margin: 0;
}
#footer{
  text-align:center;
  padding:0;
  height:21px;
}
#ceramique-left{
  width:490px;
}
#ceramique-right{
  float:right;
  width:260px;
}
.encart-op{
    filter : alpha(opacity=50);
    -moz-opacity : 0.5;
    opacity : 0.5;
  } 
.design-left{
  width:260px;
}
.design-right{
  margin-top:80px;
  float:right;
  width:490px;
}
.sj{
  padding-top:8px;
}
.spacer{
  /*padding: 10px;
  margin: 10px;*/
  clean:both;
}
.cssbutton{
background-color: #9c9cce;
border: 1px #009 outset;
padding: 0 2px;
color: white;
text-decoration: none;
font: bold 10px Verdana;
}

.cssbutton:visited, .cssbutton:hover, .cssbutton:active{
color: white;
}