/* CSS Document */

html, body {
margin: 0;
padding: 0; 
}

body {
/*background: #6d6d7a url(images/Bg.jpg) repeat-x;
color: #333333;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}
img {
border: 0px;
}
a:link, a:visited, a:hover, a:active {
color: #FF0000;
}


/* Layout */

body {
text-align: center;
}
#conteneur {
position:relative;
width: 100%;
margin: 0px auto;
background:#FFFFFF;
text-align: left;
}
#header1 {
display:none;
}
#header2 {
display:none;
}
#breadcrumb {
display:none;
}
#contenu {
width: 100%;
margin: 0px 20px 0px 20px;
padding: 0;
}
#gauche {
display:none;
}
#droite {
display:none;
}
#centre {
margin-left:0px;
margin-right: 0px;
}
#footer {
display:none;
}



/* header1 */
#header1 p.date {
float: left;
margin: 0;
padding: 0;
line-height: 30px;
font-size: 0.8em;
}
#header1 h1 {
float:right;
margin: 0;
padding: 0;
font-size: 0.8em;
font-weight:normal;
line-height: 30px;
color:#FFFFFF;
}

/* header2 */
#header2 span.headergauche {
background: url(images/Bg-headergauche.jpg) no-repeat;
width: 745px;
height: 122px;
float:left;
}
#header2 span.encartPA {
float: right;
height: 122px;
width: 183px;
}
#header2 span.logo {
position: relative;
top:5px;
left: 10px;
float:left;
}
#header2 ul.menuheader {
float: right;
text-align: right;
list-style-type: none;
list-style-position:outside;
margin-top: 15px;
margin-right: 5px;
}
#header2 ul.menuheader li {
height: 1.3em;
padding-right: 20px;
background:url(images/puce-menuheader.png) center right no-repeat;
}
#header2 ul.menuheader li a {
text-decoration: none;
color: #fe0000;
font-weight: bold;
}
#header2 ul.menuheader li a:hover {
color: #333333;
}


/* breadcrumb */
#breadcrumb p {
font-size:0.9em;
color: #FFFFFF;
line-height: 22px;
margin: 0 0 0 0;
padding-left: 43px;
padding-top:0;
padding-bottom:0;
background:url(images/puce-accueil.png) 15px center  no-repeat;
}
#breadcrumb p a {
color: #FFFFFF;
text-decoration:none;
font-weight: bold;
}
#breadcrumb p a:hover {
text-decoration: underline;
}


/* footer */
#footer p.liens {
float: right;
line-height: 60px;
margin-right: 20px;
color:#FFFFFF;
font-size:0.8em;
}
#footer p.liens a {
color: #FFFFFF;
text-decoration:none;
}
#footer p.liens a:hover {
color: #FFFFFF;
text-decoration:underline;
}
#footer p.copyright {
float:left;
line-height: 60px;
margin-left: 20px;
color:#FFFFFF;
font-size:0.8em;
}



/* contenu */

#contenu div.accueil {
background: url('images/fond-fille.jpg'); 
height: 350px;
}

#contenu h1 {
margin: 0 0 0 0;
padding-top: 14px;
padding-left: 47px;
color: #FF0000;
font-size: 1.2em;
font-family: Trebuchet MS;
/*background:url(images/Bg-h1.jpg) no-repeat;*/
height: 29px;
}
#contenu h1.compte {
background:url(images/Bg-h1-compte.jpg) no-repeat;
}

#contenu h1.actuaccueil {
margin: 0 0 0 0;
padding-top: 14px;
padding-left: 47px;
color: #FF0000;
font-size: 1.2em;
font-family: Trebuchet MS;
height: 29px;
}


#gauche h1.rechercheLibre {
clear: both;
margin-top: 10px;
}
#gauche h1.recherchePieces {
margin-top: 10px;
}
#gauche form.recherche {
margin-top: 0px;
margin-bottom: 0px;
}
#contenu h2 {
margin-top: 20px;
font-size: 1.1em;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
}
#contenu h2.cmd_login {
margin-top: 20px;
font-size: 1.1em;
font-weight: bold;
margin-left: 10px;
margin-right: 10px;
padding: 3px 10px 3px 10px;
color: #ffffff;
background-color: #91919b;
}
#contenu h3 {
margin-top: 20px;
font-size: 1em;
font-weight: bold;
margin-left: 20px;
margin-right: 20px;
}
#centre p {
margin-left: 20px;
margin-right: 20px;
}
#centre a {
color: #FF0000;
text-decoration:underline;
}
#contenu a:hover {
text-decoration: none;
}
#contenu a.liensousrubrique {
text-decoration:none;
margin: 0px 5px 5px 0px;
padding: 0px 5px 0px 20px;
background: url(images/puce-menucompte.png) 5px 4px no-repeat;
}

div.separateur {
background:#FF0000;
height: 4px;
width: 220px;
margin: 10px 0 10px 0;
font-size:0.1em;
}
#gauche p {
margin: 0 0 0 0;
}
#droite ul.menucompte {
list-style-type: none;
padding: 0 0 0 0;
margin: 5px 0px 10px 0;
}
#droite a.compte {
display: block;
margin-top: 10px;
width: 132px;
height: 28px;
color: #fff;
font-weight: bold;
text-decoration: none;
padding-left: 51px;
padding-top:7px;
background: url(images/Bg-lien-compte.png) top left no-repeat;
}
#droite a.panier {
display: block;
width: 132px;
height: 28px;
color: #fff;
font-weight: bold;
text-decoration: none;
padding-left: 51px;
padding-top:7px;
background: url(images/Bg-lien-panier.png) top left no-repeat;
}
#droite div.contenupanier {
padding: 0px 0px 0px 51px;
margin: 0 0 10px 0;
}
#droite div.contenupanier a {
text-decoration:none;
color: #333;
}
#droite ul.menucompte a {
display:block;
color:#FF0000;
font-weight: bold;
text-decoration: none;
margin-left: 10px;
padding-left: 20px;
background: url(images/puce-menucompte.png) 5px 4px no-repeat;
}
#droite ul.menucompte a:hover {
text-decoration: underline;
}
#droite div.promotion {
text-align: center;
background: url(images/Promo-bg.png) repeat-y;
}
#droite div.promotion p {
color:#333333;
margin-bottom: 0;
margin-top:5px;
}
#droite div.promotion p span.prixbarre {
font-size: 0.9em;
font-weight: bold;
text-decoration:line-through;
}
#droite div.promotion p span.prix {
font-size: 1.2em;
font-weight: bold;
color:#FF0000;
}
#gauche form.recherche input.searchBox {
border: #999999 1px solid;
margin-left: 20px;
width: 100px;
margin-left: 50px;
color: #999999;
font-size: 0.8em;
}
#gauche form.recherche select.searchBox {
border: #999999 1px solid;
margin-left: 20px;
margin-left: 50px;
color: #333;
font-size: 0.8em;
}


/* listing de produits */
#centre table.listeProduits {
margin: 0 10px 0 10px;
}
#centre table.listeProduits td.vignette {
width: 130px;
text-align: center;
vertical-align: top;
}
#centre table.listeProduits td.texte {
vertical-align: top;
}
#centre table.listeProduits td.separateur {
background:url(images/Bg-separateur.png);
height: 11px;
font-size:0.1em;
}
#centre table.listeProduits td.texte h2.produits {
font-size: 1em;
font-weight: bold;
margin: 0 0 0 0;
}
#centre table.listeProduits td.texte h2.produits a {
display:block;
/*height: 20px;*/
line-height: 20px;
padding: 0 50px 0 18px;
margin: 0 0 0 0;
background: url(images/Bg-h2produits.png) top left no-repeat;
color:#FFFFFF;
text-decoration: none;
}
#centre table.listeProduits td.texte h2.produits a:hover {
text-decoration: none;
background: url(images/Bg-h2produits.gif) top left no-repeat;
}
/*
#centre table.listeProduits td.vignette a img {
border: #ffffff 2px solid;
}
#centre table.listeProduits td.vignette a:hover img {
border: #ff0000 2px solid;
}*/
#centre table.listeProduits form.ajoutPanier {
float: right;
}
#centre table.listeProduits p.reference, #centre table.listeProduits p.resume {
padding-left: 18px;
margin-left: 0px;
margin-right: 0px;
}
#centre table.listeProduits p.prix {
float: left;
font-size: 1em;
font-weight: bold;
color:#FF0000;
margin-top: 0;
margin-bottom: 0;
padding-left: 18px;
margin-left: 0px;
margin-right: 0px;
}


/* fiche produits */
#centre img.visuelProduit {
float: left;
margin-left: 10px;
margin-right: 10px;
}
#centre p.prix {
text-align: right;
}
#centre p.prix span.prix {
font-size: 1.4em;
font-weight: bold;
color:#FF0000;
}
#centre p.prix span.prixbarre {
font-size: 0.9em;
font-weight: bold;
text-decoration:line-through;
}
#centre p.ajoutPanier {
text-align:center;
}


/* actualites */
div.enteteactu {
background-color: #e9e9eb;
margin-left: 10px;
margin-right: 10px;
padding: 2px 10px 2px 10px;
}
div.dateactu {
float:left;
}
div.titreactu {
display:block;
margin-left: 80px;
padding-left: 20px;
font-weight: bold;
background: url(images/puce-titreactu.png) 1px 1px no-repeat;
}
div.detailactu {
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 20px;
}

/* annonces */
div.enteteannonce {
background-color: #e9e9eb;
margin-left: 10px;
margin-right: 10px;
padding: 2px 10px 2px 10px;
}
div.dateannonce {
float:left;
}
div.titreannonce {
display:block;
margin-left: 80px;
padding-left: 20px;
font-weight: bold;
background: url(images/puce-titreactu.png) 1px 1px no-repeat;
}
div.detailannonce {
margin-left: 20px;
margin-right: 20px;
margin-top: 5px;
margin-bottom: 20px;
}
div.enteterubriqueannonce {
background-color: #f8f8f8;
margin-right: 20px;
margin-left: 20px;
margin-bottom:10px;
padding: 2px 5px 2px 5px;
border: #ddd 1px solid;
}
div.enteterubriqueannonce p {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top:0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}


/* formulaire de contact */
#centre p.formulaire {
padding-top:0px;
padding-bottom:0px;
margin-top:3px;
margin-bottom:3px;
}

form.contact label {
width:12em;
float:left;
text-align:right;
padding-right:18px;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}
form.contact fieldset {
margin-left: 20px;
margin-right: 20px;
border:#666666 1px solid;
}
form.contact legend {
font-weight: bold;
}
form.contact textarea {
width:400px;
height:15em;
font-family:sans-serif;
font-size:small;
background:#fff;
border:1px solid #666666;
padding:1px;
}

form.contact input.textfield {
width:30%;
background:#fff;
border:1px solid #666666;
padding:1px;
margin-top:0px;
margin-bottom:0px;
}


/*processus de commandes*/
div.etapes {
text-align:center;
margin-bottom:20px;
margin-top:10px;
}
div.caddie {
margin: 0 10px 0 10px;
}
table.panier {
width: 475px;
}
table.panier th {
background-color: #91919b;
color:#ffffff;
padding: 2px 3px 2px 3px;
}
table.panier td {
background-color: #e8e8ec;
border-bottom:#ffffff 1px solid;
padding: 2px 3px 2px 3px;
}
table.panier td.quantite input {
width: 20px;
border: #91919b 1px solid;
}
table.panier div.produit {
font-weight: bold;
color: #fe0000;
}