html{
height: 100%;
}
body {
margin:0;
padding: 0;
font: 0.8em Arial, Verdana, Helvetica, sans-serif;
background:url(images/background.gif) repeat-x;
background-color: #bdbaa0;
color: #333;
} 
a {
color:#993300;
text-decoration: underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a:hover {
color:#993300;
text-decoration:none;
background-color:inherit;
} 
.rouge {
color:#990000;
font-weight:bold;
background-color:inherit;
} 
.blanc {
color:#fff;
}
a.blanc {
color:#fff;
font-weight:bold;
background-color:inherit;
} 
a.vert {
color:#999966;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a.vert:hover {
color:#999966;
text-decoration:none;
background-color:inherit;
} 
a.gris {
color:#999966;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
} 
a.gris:hover {
color:#990000;
text-decoration:none;
background-color:inherit;
} 
a.logo {
color:#999966;
text-decoration:underline;
font-weight:normal;
font-style:normal;
background-color:inherit;
font-size: 10px;
} 
a.logo:hover {
color:#990000;
text-decoration:none;
background-color:inherit;
} 
#contentarea { 
position:relative;
width: 950px; 
height: auto; 
margin: 5px auto;
padding: 0;
background-color: #fff;
border: 10px solid #fff;
}
#entete {
position: relative;
width: 950px;
height: 241px;
background-color:inherit;
padding : 0;
margin : 0;	
} 
#logo {
float: left;
width: 222px;
height: 241px;
background:url(images/logo.gif) no-repeat;
padding : 0;
margin : 0;	
} 
#entetephoto {
float: right;
width: 728px;
height: 241px;
background:url(images/entete.jpg) no-repeat;
padding : 0;
margin : 0;	
} 
#logoen {
float: left;
width: 222px;
height: 241px;
background:url(images/logo-en.gif) no-repeat;
padding : 0;
margin : 0;	
} 
#entetephotoen {
float: right;
width: 728px;
height: 241px;
background:url(images/entete-en.jpg) no-repeat;
padding : 0;
margin : 0;	
} 
#menu {
position:relative;
width: 930px;
height: 34px;
background:url(images/menu-fond.gif) no-repeat;
font-weight:bold;
color: #cccc66;
font-size: 14px;
padding-left: 20px;
margin: 0;
} 
.positiontexte {
position:relative;
float: left;
width: auto;
height: 26px;
background-color: inherit;
padding: 0;
margin: 8px 0 0 0;	
}
.positionimg {
position:relative;
float: left;
width: 2px;
height: 34px;
background-color: inherit;
padding: 0 10px;
margin: 0;	
}
#english {
position: absolute;
top: 0;
left: 850px;
width: 200px;
height: 34px;
background-color:inherit;
padding: 0;
margin: 8px 0 0 0;	
}
#francais {
position:relative;
float: right;
width: auto;
height: 26px;
background-color: inherit;
padding: 0;
margin: 8px 39px 0 0;	
}
#menu a {
text-decoration: none;
font-weight: bold;
font-style: normal;
background-color: inherit;
color: #fff;
} 
#menu a:hover {
background-color: inherit;
color: #cccc66;
} 
#centre {
position: relative;
width: 950px;
height: auto;
background-color: #fff;
padding: 0;
margin: 10px 0;	
} 
#colgauche {
float: left;
width: 222px;
height: auto;
background-color: inherit;
padding : 0;
margin : 0;	
} 
#commander {
float: left;
width: 222px;
height: 117px;
background:url(images/colgauche-commander.jpg) no-repeat;
padding: 0;
margin: 0 0 10px 0;	
} 
#commanderen {
float: left;
width: 222px;
height: 117px;
background:url(images/colgauche-commander-en.jpg) no-repeat;
padding: 0;
margin: 0 0 10px 0;	
} 
.commandertexte {
position: absolute;
top: 98px;
left: 5px;
width: 195px;
height: 23px;
background-color:inherit;
padding: 0;
margin: 0;
text-align: right;
} 
#commander a {
text-decoration: none;
font-weight: bold;
font-style: normal;
background-color: inherit;
color: #fff;
} 
#commander a:hover {
background-color: inherit;
color: #ffff99;
} 
#commanderen a {
text-decoration: none;
font-weight: bold;
font-style: normal;
background-color: inherit;
color: #fff;
} 
#commanderen a:hover {
background-color: inherit;
color: #ffff99;
} 
#magasin {
float: left;
width: 222px;
height: 162px;
background-color: inherit;
padding: 0;
margin-bottom: 10px;	
}
#magasinproduits {
float: left;
width: 222px;
height: 347px;
background-color: inherit;
padding: 0;
margin-bottom: 10px;	
}
#adresse {
float: left;
width: 222px;
height: 87px;
background: url(images/colgauche-adresse.jpg) no-repeat;
padding : 0;
margin-bottom: 10px;	
} 
#adresseen {
float: left;
width: 222px;
height: 87px;
background: url(images/colgauche-adresse-en.jpg) no-repeat;
padding : 0;
margin-bottom: 10px;	
} 
#colcentre {
float: left;
width: 440px;
height: auto;
background-color:inherit;
padding : 0;
margin : 0 0 0 13px;	
} 
.bandetitre {
float: left;
width: 435px;
height: 26px;
background: url(images/section-fondgris.gif) repeat-x;
padding: 5px 0 0 5px;
margin: 0 0 5px 0;	
} 
.bandetitrelongue {
float: left;
width: 713px;
height: 26px;
background: url(images/section-fondgris.gif) repeat-x;
padding: 5px 0 0 5px;
margin: 0 0 5px 0;	
} 
#colcentre p {
margin: 20px 0 10px 10px;
} 
#coldroite {
float: right;
width: 258px;
height: auto;
background-color: inherit;
padding: 0;
margin: 0;	
} 
.bandetitreverte {
float: left;
width: 253px;
height: 26px;
background: url(images/section-fondvert.gif) repeat-x;
padding: 5px 0 0 5px;
margin: 0 0 5px 0;	
} 

.conteneur-arrondi {
    padding: 0;
    width: 240px
    float: left;
    margin: 5px;
}
.un {
    margin: 0 4px;
    height: 1px;
    background-color: #e4e4e4;
    overflow: hidden;/*necssaire pour IE */
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
}
.deux {
    margin: 0 3px;
    height: 1px;
    overflow: hidden;/*necssaire pour IE */
    background-color: #eeebbb;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
}
.trois{
    margin: 0 2px;
    height: 2px;
    overflow: hidden;/*necssaire pour IE */
    background-color: #eeebbb;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
}
.quatre {
    margin: 0 1px;
    height: 2px;
    overflow: hidden;/*necssaire pour IE */
    background-color: #eeebbb;
    border: 1px solid #e4e4e4;
    border-top: 0;
    border-bottom: 0;
}
.centrearrondi {
    border: 1px solid #e4e4e4;
    background-color: #eeebbb;
    border-top: 0;
    border-bottom: 0;
    margin: 0 1px;
    padding: 5px 10px;
    min-height: 75px;
    height: auto!important;
    height: 75px;
}
.centrearrondi li {
padding: 0;
margin: 5px 0 0 0;	
}
.centrearrondi ul {
padding: 0;
margin: 5px 0 5px 15px;	
}
h1 {
font-size: 18px;
font-weight: bold;
color: #333;
margin: 0; 
padding : 0;
}
h2 {
font-size: 18px;
font-weight: bold;
color: #333;
margin: 0; 
padding : 0;
}
h3 {
font-size: 18px;
font-weight: bold;
color: #fff;
margin: 0; 
padding : 0;
}
h4 {
font-size: 14px;
margin: 0 0 -12px 0; 
padding : 0;
font-weight:bold;
color:#000;
background-color:inherit;
border-bottom: 1px solid #999966;
}
h5 {
font-size: 14px;
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
}
h6 {
font-size: 14px;
font-weight: bold;
color:#000;
background-color: #eccc5c;
margin: 0;
padding: 10px 5px;
}
h6 a{
color:#993300;
font-size: 14px;
font-weight: bold;
text-decoration:underline;
}
h6 a:hover{
color:#993300;
font-size: 14px;
font-weight: bold;
text-decoration:none;
}
.message {
font-size: 14px;
font-weight: bold;
font-style: italic;
color: #808000;
margin: 0; 
padding : 0;
}
.champs {
font-size: 75%;
}
.moyen {
font-size: 14px;
font-weight: bold;
}
.grand {
font-size: 16px;
font-weight: bold;
}
#baspage {
position:relative;
width: 950px; 
height: 69px; 
margin: 0;
padding: 0;
background-color:inherit;
}
#baspagegauche {
float: left;
width: 179px; 
height: 59px; 
margin: 5px 0 0 0;
padding: 5px 0 0 5px;
background-color: #ccc;
}
#baspageimg {
float: left;
width: 93px; 
height: 69px; 
margin: 0;
padding: 0;
background:url(images/baspage-image.gif) no-repeat;
}
#baspagedroit {
float: right;
width: 658px; 
height: 44px; 
margin: 5px 0 0 0;
padding: 20px 15px 0 0;
background-color: #e4e4e4;
text-align: right;
}
#baspagedroit a {
text-decoration: none;
font-weight: bold;
font-style: normal;
background-color: inherit;
color: #666;
} 
#baspagedroit a:hover {
background-color: inherit;
text-decoration: underline;
color: #666;
} 
#copyright {
position:relative;
width: 970px; 
height: auto;
margin: 5px auto;
padding : 4px 0 0 0;
text-align: center;
font-size: 90%;
color: #fff;
}
#copyright a {
color: #fff;
text-decoration: none;
font-weight: normal;
font-style: normal;
background-color: inherit;
} 
#copyright a:hover {
text-decoration: underline;
background-color: inherit;
} 
.petit {
font-size: 90%;
}