@charset "UTF-8";
/* CSS Document */

body{
top:0px;
margin-top:0px;
padding-top:20px;
bottom:0px;
margin-bottom: 0px;
padding-bottom:0px;
font-family:Calibri, Arial, Helvetica, sans-serif;
background-color:#544741;
font-size:12px;
color:#FFF;
}

a {
color:#FFF;
text-decoration:underline;
}

a:link, a:visited, a:active {
text-decoration: none;
}

a:hover {
color:#CCC;
}

img {border:0;}

p{
margin: 0em 0; 
margin-bottom:0px;
}

h1, h1 a{
font-size:18px;
margin:0 0 10px 0;
font-weight:normal;
}

h2, h2 a{
font-size:16px;
margin:0 0 10px 0;
color:#FFF;
font-weight:normal;
}

h3, h3 a{
font-size:14px;
margin:0 0 10px 0;
text-decoration:none;
font-weight:normal;
}

#page{
width:710px;
height:auto;
margin:0 auto;
border:1px solid #FFF;
padding:0 70px 20px 70px;
}

#accueil-menu{
width:710px;
height:45px;
padding-bottom:15px;
margin-bottom:15px;
border-bottom:1px solid #907E70;
}

#menu-boutons{
width:350px;
height:35px;
float:left;
}

#menu-panier{
width:360px;
height:23px;
padding-top:12px;
float:left;
}

#menu-interieur{
width:710px;
height:35px;
padding-bottom:25px;
}

#menu-interieur-boutons{
width:230px;
height:35px;
float:left;
}

#menu-interieur-panier{
width:480px;
height:23px;
padding-top:12px;
float:left;
}

#accueil-gauche{
width:375px;
height:auto;
float:left;
}

#accueil-droite{
width:300px;
height:auto;
float:left;
padding-top:30px;
color:#887869;
font-size:20px;
}

#accueil-texte{
width:400px;
height:auto;
padding:40px 110px 0 0;
text-align:justify;
}

#categories{
width:710px;
height:auto;
padding-top:30px;
clear:both;
}

.cat_1, .cat_2, .cat_3, .cat_4, .cat_5{
float:left;
width:98px;
height:278px;
padding:17px 20px 0 22px;
}

.cat_1{background:url(IMG/bg_accueil_cat_1.jpg) no-repeat top left;}
.cat_2{background:url(IMG/bg_accueil_cat_2.jpg) no-repeat top left;}
.cat_3{background:url(IMG/bg_accueil_cat_3.jpg) no-repeat top left;}
.cat_4{background:url(IMG/bg_accueil_cat_4.jpg) no-repeat top left;}
.cat_5{background:url(IMG/bg_accueil_cat_5.jpg) no-repeat top left;}

#interieur-gauche{
width:375px;
height:auto;
float:left;
}

#interieur-droite{
width:335px;
height:auto;
float:left;
padding-top:30px;
color:#887869;
font-size:20px;
}

#rubriques{
width:710px;
height:auto;
padding-top:30px;
clear:both;
}

#rubriques-titre{
width:690px;
height:26px;
color:#FFF;
font-size:14px;
padding:10px 0 0 20px;
}

#rubriques-contenu{
width:650px;
height:auto;
padding:30px;
background:url(IMG/fond-rubriques.jpg) repeat-y top left;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
z-index:100;
width: 100%;
}

#menu dl {
float: left;
width: auto;
position: relative;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
}

#menu dd {
position: absolute;
bottom:60px;
width:100%;
}

#menu li {
text-align: center;
color:#FFF;
border-bottom:1px solid #666;
font-size:14px;
padding:3px 0;
opacity : 0.9; 
filter : alpha(opacity=90); 
}

#menu li a, #menu dt a {
color: #FFF;
font-weight:normal;
text-decoration: none;
font-size:14px;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu dt a:hover {
opacity : 1; 
filter : alpha(opacity=100); 
}

#footer{
width:850px;
height:auto;
margin:0 auto;
padding-top:10px;
}

#logo{
width:850px;
height:auto;
margin:0 auto;
padding-top:10px;
}

#paiement{
width:850px;
height:auto;
margin:0 auto;
}

.carre-blanc{
width:170px;
height:170px;
float:left;
overflow:hidden;
background:url(IMG/carre-blanc.jpg) no-repeat top left;
padding:10px;
margin:10px;
}

.carre-blanc-image{
width:170px;
height:130px;
overflow:hidden;
}

.carre-blanc-rubrique{
width:170px;
height:170px;
float:left;
overflow:hidden;
background:url(IMG/carre-blanc.jpg) no-repeat top left;
padding:10px;
margin:10px;
color:#333;
text-align:center;
}

.carre-blanc-rubrique a{
color:#333;
font-size:14px;
}

.carre-blanc-image-rubrique{
width:170px;
height:140px;
overflow:hidden;
}

.carre-blanc-bas{
width:170px;
height:40px;
}

.zoneDeSaisie{
background-color:#CCC;
}

.ligneTableau {
border-bottom:1px solid #666;
}
.spacer{
clear:both;
width:100%;
height:0.1px;
font-size:1px;
}

#lightbox{
background-color:#eee;
padding: 10px;
border-bottom: 2px solid #666;
border-right: 2px solid #666;
color:#000;
font-size:12px;
}

#lightboxDetails{
font-size: 12px;
color:#000;
}	

#lightboxCaption{
float:left;
color:#000;
}

#keyboardMsg{
float:right;
}

#closeButton{
top:5px;
right:5px;
}

#lightbox img{
border:none;
clear:both;
} 

#overlay img{
border:none;
}

#overlay{
background-image:url(IMG/overlay.png);
}

* html #overlay{
background-color: #333;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="IMG/overlay.png", sizingMethod="scale");
}

#overlay{
background-image:url(overlay.png);
}

* html #overlay{
background-color: #000;
back\ground-color: transparent;
background-image: url(blank.gif);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

.form-text{
width:150px;
height:15px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.form-area{
width:220px;
height:150px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.mention{
font-size:11px;
font-style:italic;
color:#FFF;
padding-top:10px;
}

.grand_titre{
font-size:18px;
margin:0 0 10px 0;
font-weight:normal;
}

.titre{
font-size:16px;
margin:0 0 10px 0;
color:#FFF;
font-weight:normal;
}

.soustitre	{
font-size:14px;
margin:0 0 10px 0;
text-decoration:none;
font-weight:normal;
}