@charset "utf-8";
/* CSS Document <<>> DigitalAge 2009 Nathalie MONDOT */

body {
    background: #bdece6 url(../images/charte02/bg-body.jpg) no-repeat top center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #a700a5;
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.ref1
{
    width:840px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #23837a !important;
    font-size: 12px;
    text-align: center;
    border-top: solid 1px #a8d2ce;
    padding: 3px 0;
}

/* d&eacute;but bandeau-haut */
#bandeau-haut {
    background-image :url(../images/charte02/bg-header.jpg);
    height: 152px;
    width:996px;
}
/* fin bandeau-haut */
#conteneur {
width: 996px;
margin: 0 auto;
}
/* d&eacute;but bandeau-droit */
#bandeau-droit-haut {
background: url(../images/charte02/bg-text-top.jpg) no-repeat top left;
width: 667px;
height: 39px;
float:left;
}

#bandeau-droit-bas {
background: url(../images/charte02/bg-text-bottom.jpg) no-repeat bottom left;
width: 667px;
float:left;
}
#bandeau-droit-millieu {
background: url(../images/charte02/bg-text-middle.jpg) repeat-y top left;
width: 667px;
float:left;
}
#page-title
{
    width:355px;
    height:38px;
    padding-left:27px;
    float:left;
}
.paragraph
{
    clear:both;
    float:left;
    width:600px;
    padding-left:30px
}

#diaporama {
width: 188px;
height: 177px;
float:right;
}

/*------------------vetements---------------------*/

#search-bar
{
    clear:both;
    margin-top:10px;
    float:left;
    background: url(../images/charte02/bg-recherche.jpg) no-repeat top left;
    width:510px;
    height:27px;
    padding:6px 0 0 90px;
}
.listbox
{
    float:left;
    width:130px;
    height:15px;
    padding:2px 5px 2px 5px;
    color: #a700a5;
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.ok
{
	background:url(../images/charte02/ok.jpg) no-repeat top left;
	width: 27px;
	height: 21px;
    float: left;
    border:none;
}


.okover
{
	background:url(../images/charte02/ok-over.jpg) no-repeat top left;
    float: left;
    width: 27px;
	height: 21px;
	cursor: pointer;
    border:none;
}

.produit-left
{
    float:left;
    width:100%;
    height:150px;
    padding: 5px 0;
}
.produit-left .photo
{
  float:left;
  width:150px;
  height:150px;
  background: url(../images/charte02/bg-photo.jpg) no-repeat top left;
  text-align: center;
  padding-right:10px;
}

.produit-right
{
    float:left;
    width:100%;
    height:150px;
}
.produit-right .photo
{
  width:150px;
  height:150px;
  background: url(../images/charte02/bg-photo.jpg) no-repeat top right;
  float:right;
  text-align: center;
  padding-left:10px;
}
.descriptif
{
   width: 440px;
   float:left;
   height:124px;
   padding-top:15px;
   text-align: justify;
   background: url(../images/charte02/bg-descriptif.jpg) repeat-x bottom left;
}
.descriptif span
{
    line-height: 16px;
}

.nom-article
{
    font-weight: bold;
    text-transform: uppercase;
    font-size:13px;
}
.ref
{
    font-size:11px;
    color:#666666;
}
.desc
{
    font-size: 12px;
    line-height: 14px;
}
.holder
{
    float:left;
    height:100px;
    width:100%;

}
.produit-left .details
{
    float:right;
    text-align: right;
}
.produit-right .details
{
    float:left;
    text-align: left;
}

.prix
{
    font-weight: normal;
    font-size: 18px;
    background: #eaeaea;
    padding:1px 2px;
}

.pagination
{
    float:left;
    width:380px;
    height:25px;
    background: url(../images/charte02/bg-pagination.jpg) no-repeat bottom left;
    padding:40px 0 0 110px;
}
.pagination a:link, .pagination a:visited
{
    width:24px;
    height:21px;
    background: url(../images/charte02/bg-link-pagination.jpg) no-repeat top left;
    margin:2px;
    text-align:center;
    padding-top:3px;
    float:left;
    color:#ffffff;
    text-decoration: none;
}
.pagination a:hover, .pagination a:active
{
    width:24px;
    height:21px;
    background: url(../images/charte02/bg-link-pagination-over.jpg) no-repeat top left;
    margin:2px;
    text-align:center;
    padding-top:3px;
    float:left;
    color:#a700a5;
    text-decoration: none;
}


/*----------- details ----------------*/
.produittop
{
    float:left;
    width:100%;
    height:150px;
    padding: 5px 0;
    background:  url(../images/charte02/bg-descriptif.jpg) repeat-x top left;
}
.produitbottom
{
    float:left;
    width:100%;
    height:150px;
    padding: 5px 0;
    background:  url(../images/charte02/bg-descriptif.jpg) repeat-x bottom left;
}

.produittop .photo
{
  float:left;
  width:150px;
  height:150px;
  background: url(../images/charte02/bg-photo.jpg) no-repeat top left;
  text-align: center;
}
/*---------------- merci ----------------*/
#merci
{
    width:100%;
    height:150px;
    padding-top:400px;
    background: url(../images/charte02/bg-mergi.jpg) no-repeat 50% 40%;
    text-align: center;
}
#merci a:link, #merci a:visited
{
    text-decoration: underline;
    font-size:11px;
    color:#a700a5;
}
#merci a:hover, #merci a:active
{
    text-decoration: none;
    font-size:11px;
    color:#ff9600;
}


#texte-mentions {
padding:30px 30px;
margin-top:20px;
text-align: justify;
background: #f8f1fb url(../images/charte02/bg-mentions.gif) no-repeat 90% 20%;
}

#texte-mentions a:link, #texte-mentions a:visited
{
    text-decoration: underline;
    font-weight: bold;
    color:#a8009d;
}

#texte-mentions a:hover, #texte-mentions a:active
{
    text-decoration: none;
    font-weight: bold;
    color:#ff8a00;
}















#anim{
	height: 72px;
}

.left
{
    float:left;
}


#zone-texte2 {
width: 408px;
height: 72px;
padding: 10px 20px 10px 20px;
margin-left: 70px;
text-align: justify;
background: url(../images/charte02/pres-bg-text1.jpg) no-repeat top left;
}

#zone-texte3 {
width:350px;
padding-top:30px;
padding-left:20px;
text-align: justify;
float:left;
}


/* fin bandeau-droit */

/* d&eacute;but bandeau-gauche */
#bandeau-gauche {
/*position: absolute;*/
left:0;
width:261px;
float:left;
}

#mdm {
height: 166px;
background-image:url(../images/charte02/actualites.jpg);
}

#actualite
{
  padding:36px 15px 15px 63px;
}
#actualite p
{
    font-size:11px;
    text-align: justify;
    line-height: 13px;
}



#ensavoir a {
float:left;
width:261px;
height: 50px;
background-image:url(../images/charte02/ensavoir.jpg);
}
#ensavoir a:hover{
display:block;
width:261px;
height: 50px;
background-image:url(../images/charte02/ensavoir02.jpg);
}

img{
border:0;
} 

#newsletter {
height: 56px;
float:right;

}

#horaires {
height: 124px;
background-image:url(../images/charte02/horaires.jpg);	
background-repeat: no-repeat;
padding-top: 25px;
padding-left: 40px;
text-align:center;
}

#conditions a {
display:block;
width: 261px;
height: 60px;
background-image:url(../images/charte02/conditions.jpg);
}
#conditions a:hover{
display:block;
width:261px;
height: 60px;
background-image:url(../images/charte02/conditions02.jpg);
}

#coordonnees {
background-image:url(../images/charte02/coordonnees.jpg);	
background-repeat: no-repeat;
height: 123px;
font-size : 9px;
padding-left: 55px;
}

#coordonnees a {
color:#a700a5;
text-decoration: none;
}

#coordonnees a:hover {
color:#fca524;
}

#plan a {
display:block;
width:261px;
height: 68px;
background-image:url(../images/charte02/plan.jpg);
}
#plan a:hover{
display:block;
width:261px;
height: 68px;
background-image:url(../images/charte02/plan02.jpg);
}
/* fin bandeau-droit */

/* d&eacute;but bandeau-bas */
#bandeau-bas {
clear:both;
height: 19px;
padding-left:68px;
}


/* d&eacute;but menu bas */
#menubas {
	height:20px;

}

.menubas {
list-style-type: none;
margin: 0;
padding:0;
}
.menubas li {
display: inline;
margin-bottom: 5px;
font-size:9px;
color:#a700a5;
}
.menubas a {
padding:0 2px;
font-size:10px;
color:#a700a5;
margin: 0 0px;
text-decoration: none;
}
.menubas a:hover {
color:#fca524;
text-decoration: none;
}
/* fin menu bas */

.liste-vetement{
list-style-image: url(../images/charte/puce.jpg);
padding-left: 88px;
}

.liste-cadre{
	list-style-type: none;
}


/* fin bandeau-droit */

p {
margin: 0 0 10px 0;
}

h1{
font-size : 15px;	
}

.gras{
font-weight: bold;	
}