/*
 
 Websiteburo.com
  
-----------------------------------------------
------------------- Déclarations génériques */


* {
margin:0;
padding:0;
}
img {
    border:0;
    }
strong {
    font-weight:bold;
}
body {
    text-align:center;
    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    background:black;
}
html {
    color:#232122;
}
#page {
    width:996px;
    margin:auto;
    text-align:left;
    background:white;
}
.center { text-align:center; }
.souligne { text-decoration:underline; }
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }
.floatright {
    float:right;
}
.prix {
    color:#ff0f00;
    font-size:16px;
    font-weight:bold
}
.prix a {
    font-weight:normal;
    font-size:11px;
    color:white;
    padding:2px;
    text-decoration:none;
    padding-left:20px;
    background:#ea3730 url(cart_rouge.gif) 5px center no-repeat;
}
/* -----------------------------------------------
  ------------------- Header */

#header {
    background:url(header.gif) no-repeat;
    width:996px;
    height:167px;
    color:white;
}
#lienheader {
    display:block;
    position:absolute;
    width:180px;
    height:150px;
}
#lienheader span {
    position:absolute; top:-3333px;
}
#header a {
    color:white;
    text-decoration:none;
}
#headerright {
    padding:0;margin:0;
    padding-top:10px;
    text-align:right;
    width:400px;
    float:right;
}
#raccourcis_header {
    padding:0;margin:0;
    list-style-type:none;
    height:20px;
}
#raccourcis_header li { /*pour IE */
    padding:0;margin:0;
    float:right;
}
#raccourcis_header .monpanier, #raccourcis_header .moncompte,  #raccourcis_header .contact {
    display:block;
}
#raccourcis_header a.monpanier:hover, #raccourcis_header a.moncompte:hover,  #raccourcis_header a.contact:hover {
    text-decoration:underline;
}
#raccourcis_header .monpanier {
    font-weight:bold;
    padding-left:16px;
    margin-right:20px;
    background:transparent url(cart.png) left no-repeat;
}
#raccourcis_header .moncompte {
    font-weight:bold;
    padding-left:20px;
    margin-right:80px;
    background:transparent url(compte.png) left no-repeat;
}
#raccourcis_header .contact {
    margin-right:20px;
}
#panier {
    padding-top:80px;
    text-align:left;
    float:none;
}
#panier .commander {
    padding-right:20px;
    font-weight:bold;
    text-decoration:underline;
    background:transparent url(fleche_rouge.png) right no-repeat;
}
#panier .commander:hover { text-decoration:none; }
#bienvenue {
    color:black;
    text-align:left;
    padding-left:200px;
    line-height:30px;
}
#bienvenue a { color:black; text-decoration:underline; }
#bienvenue a:hover { text-decoration:none; }

/* les onglets */

#onglets_header {
    text-align:right;
    list-style-type:none;
    margin-right:410px;
    padding-top:107px;
}
#onglets_header li {
    float:right;
}
#onglets_header a {
    display:block;
    height:26px;
    margin-left:3px;
}
#onglets_header a span { position:absolute; top:-3000px; }
#onglets_header a.homme {
    width:92px;
    background: #f76503 url(homme_on.gif) no-repeat;
}
#onglets_header a.femme {
    width:88px;
    background:#a6078a url(femme_on.gif) no-repeat;
}
#onglets_header a.enfant {
    width:96px;
    background:#0a84bd url(enfant_on.gif) no-repeat;
}
#onglets_header a.marque {
    width:98px;
    background:#ff0e00 url(marque_on.gif) no-repeat;
}
#onglets_header a.homme:hover {
    background: #f76503 url(homme_off.gif) no-repeat;
}
#onglets_header a.femme:hover {
    background:#a6078a url(femme_off.gif) no-repeat;
}
#onglets_header a.enfant:hover {
    background:#0a84bd url(enfant_off.gif) no-repeat;
}
#onglets_header a.marque:hover {
    background:#ff0e00 url(marque_off.gif) no-repeat;
}

/* -----------------------------------------------
  ------------------- Contenu */
#contenu {
padding:0 20px 20px 20px;
}
#contenu table {
    margin:auto;
}
/* sauf mon table sur la home, sinon bug sous safari */
#contenu table.tablehome {
    margin:0;
}
.simplebox {
    margin:1px 0;
    padding: 3px;
    background-color:#f6f6f6;
    color:#6b6b6b;
}
.simplebox a { color:#6b6b6b; text-decoration:none;  }
.simplebox a:hover { text-decoration:underline;  }
.boxnoir {
    margin:1px 0;
    padding: 3px;
    background-color:#1e1a1b;
    color:white;
}

/* -----------------------------------------------
  ------------------- Contenu sidebar */
#sidebar {
    float:right;
    width:278px;
}

/* Les mini fiches */
.minifiche {
    border:1px solid #d2d2d2;
    padding:2px;
    margin-bottom:10px;
}
.minifiche div {
    background-color:#f6f6f4;
    padding:3px;
}
.minifiche .visu {
    float:left;
    margin-right:5px;
}
.minifiche h3 {
    font-size:16px;
    font-weight:bold;
}
.minifiche small {
    font-size:11px;
    color: #989795;
}

#charte {
    background-color:#006701;
    margin:15px 0;
    padding:10px;
    color:white;
}
#charte p { padding: 5px 0; }
#charte a { color:white; }
#charte h3 {
    font-size:16px;
    font-weight:bold;
}

#sendto {
    border:1px solid #d2d2d2;
    padding:10px;
    color:#545454;
    margin-bottom:15px;
}
#sendto label {
    text-decoration:underline;
}
#sendto p { margin:3px 0; }
#sendto input#email_friend { color:#757575; border:1px solid #c3c3c1; padding:2px; }
#sendto button#submit_friend { color:#e73531; background-color:white; border:none; }

/* -----------------------------------------------
  ------------------- Contenu HOME (milieu) */
table.tablehome {
    width:657px;
    color:#232122;
}
td p {
    padding:5px 0;
}
.intro {
    margin-bottom:15px;
}
.intro span {
    color: #f1352a;
}
.intro img {
    vertical-align:middle;
}
#milieu .simplebox {
    background-image: url(plus.gif);
    background-position: 98% center;
    background-repeat: no-repeat;
}
#lamarque { margin:10px 0; }
#lamarque img {
    margin-right:10px;
    float:left;
}
#lamarque h3 {
    color:#767676;
    font-size:16px;
    font-weight:bold;
    margin:1px 0;
}
#lamarque p { color:#383838; }
#lamarque .rouge, #lamarque .rouge a { color:#bf1f11; }
#lamarque .rouge a:hover { text-decoration:none; }

/* -----------------------------------------------
  ------------------- Footer */

#footer {
    border-top:1px solid #680000;
    background-color:black;
    font-size:11px;
    padding-bottom:20px;
    clear:both;
}
#footer ul {
    list-style-type:none;
}
div#footer li {
    float:left;
    margin-left:18px;
    height:50px;
    line-height:50px;
}
div#footer li a {
    font-size:11px;
}
#footer a, #footer {
    color:white;
}
#sousfooter a { text-decoration:none; }
#sousfooter a:hover { text-decoration:underline; }
#sousfooter {
    margin:50px 100px 0 100px;
    padding:20px 0;
    border-top:1px solid #616161;
    border-bottom:1px solid #616161;
    color:white;
}