*{
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;
}

#menuhaut li{
float:left;
list-style-type:none;
background-color:#8E6784;
}

#menuhaut a{
display:block;
padding-left:25px;
padding-right:25px;
color:#FFF;
font-size:0.8em;
letter-spacing:2px;
text-decoration:none;
text-align:center;
}

#menuhaut a#active{
background-color:white;
color:#6C3089;
}
#menuhaut a:hover{
color:#FFFFCC;
}
/*********************************
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;
}

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

a#lien1 {
color:#6C3089;
}
#lien7, #lien8, #lien9, #lien10, #lien11   {
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;
}