*{
padding:0;
border:0;
margin:0;
}

body {
background:url(../images/background.gif) repeat-y center top;
font-family:Geneva, Arial, Tahoma, sans-serif;
font-size: 85%;
}

#page {
position:relative;
width: 770px;
margin: auto; 
background-color:#FFF;
}

/*********************************
Header
*********************************/

#header {
height: 67px;
}

#logo {
padding-top:5px;
padding-left:5px;
}

#titrehaut {
margin-left:20px;
}

#langue{
position:absolute;
top:5px;
right:5px;
background-color:white;
}

#langue *{
float:left;
color:#666;
}

#langue p{
font-size:0.7em;
}
#langue ul{
list-style-type:none;
}

#langue li{
margin-right: 3px;
}

#langue a{
text-decoration:none;
font-size:0.7em;
}

#langue a:hover {
color:#6C3089;
text-decoration:underline;
}

#langue #english{
padding-right:3px;
border-right:1px solid #666;
}

#langue a:focus,#langue a:active{
text-decoration:underline;
color:#999;
}

/*********************************
Menu haut
*********************************/

#haut{
width:770px;
height:1.5em;
margin-top:.3em;
line-height:1.5em;
background-color:#8E6784;
border-top:1px solid #6C3089;
border-bottom:1px solid #6C3089;
}

#haut a#active{
background-color:white;
color:#6C3089;
}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  font-size:0.95em;
  float: left;
  margin: 0;
  padding: 0;
  position: relative;

}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
font: bold 0.9em;
background-color:#8E6784;
color:#FFF;
display: block;
padding: 0 18px;
text-decoration: none;
}

.nav li a:hover {
  background: #BC97A3;
  color: #000;	

}
#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #BC97A3;
  color: #000;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  background: #BC97A3;
  color:#FFF;	
}
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover {
  background: #ccc;
  color:#00O;

}

.nav ul {
  background: none;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
  width: 198px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 20px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border: 1px solid #000;
  border-bottom: 0;
  padding-right: 20px;
  width: 160px;
  white-space: nowrap;
}
.nav ul a:hover {
  background: red;
  color: #000;
}

/*********************************
Gauche
*********************************/

#gauche {
float:left;
clear:both;
width: 140px;
margin-top: 35px;
margin-left:5px;
color:#666;
font-size:0.8em;

}
#gauche li {
list-style-type:none;
padding-bottom:2px;
margin-left:5px;
padding-left:5px;
padding-top:6px;
}
#gauche li a:hover {
color:#6C3089;
}

#lien0, #lien1, #lien2, #lien3, #lien4, #lien5, #lien6 {
background:none;
color:#666;
text-decoration:none;
}

a#lien1 {
color:#6C3089;
}
#lien7, #lien8, #lien9, #lien10, #lien11, #lien12  {
background:none;
color:#666;
text-decoration:none;
}

h2 {
font-size:1em;
padding-left:5px;
padding-top:3px;
padding-bottom:8px;
color:#FFFFFF;
margin-left:5px;
background-image:url(../images/degrade.gif);
font-weight:normal;
height:0.8em;
}

h2 a{
text-decoration:none;
color:#FFFFFF;
}

.accessoires {
margin-top:35px;
}


/*********************************
Centre
*********************************/

#centre {
margin-left: 180px;
}

p#breadcrumb{
margin-top:8px;
font-size:0.8em;
color:#666;
}
.intro {
margin-top:8px;
font-size:0.9em;
color:#666;
width:550px;
text-align:justify;
}

h1{
font-size:1em;
padding-top:5px;
padding-bottom:8px;
color:#6C3089;
}
#breadcrumb a{
color:#666;
text-decoration:none;
}

#breadcrumb a:hover{
text-decoration:underline;
color:#6C3089;
}

#breadcrumb a:active,#breadcrumb a:focus{
text-decoration:underline;
color:#999;
}

#image {
float:left;
width: 231px;
margin-top:10px;
}

#descriptif {
float:left;
color:#666;
margin-left:60px;
margin-top:13px;
width:250px;
}

#descriptif img {
margin-left:15px;
margin-top:15px;
}

#bas {
float:left;
width:600px;
}

#content {
float:left;
width:264px;
text-align: justify;
color:#666;
font-size:0.9em;
}

.inactif {
text-decoration:none;
color:#666;
}

.actif {
color:#6C3089;
}

h3 {
font-size:1em;
padding-top:5px;
padding-bottom:8px;
color:#666;
}

#nav {
float:left;
width:215px;
margin-left:60px;
margin-top:10px;
color:#666;
font-size:0.9em;
text-align:center;
}

/*********************************
Pied
*********************************/
#pied{
clear:both;
height:110px;
padding-bottom:0px;
padding-top:0px;
margin-top:10px;
font-size:0.75em;
}
.texte {
padding-top:5px;
padding-bottom:5px;
border-top:1px solid #969696;
border-bottom:1px solid #969696;
border-style:solid;
padding-left:10px;
padding-right:10px;
text-align:justify;
color:#969696;
}

.copyright {
margin-top:5px;
text-align:center;
color:#969696;
}

.part {
padding-top:3px;
padding-left:10px;
color:#969696;
}

#pied a{
text-decoration:none;
color:#969696;
}
#pied a:hover {
color:#6C3089;
}