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

html, body, img, ul, li, form, h1 {margin:0; padding:0;}
img {border:none;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em;background:#333333;color:#666666;}

h1 {font-size:1.1em;color:#ff6600;}

#global {width:100%;background:#FFF url(../images/deco-global.jpg) no-repeat 70% 100%;border-bottom:#ff6600 1px solid;padding-bottom:80px;}
#page {background:url(../images/bg-page.jpg) no-repeat;min-height:300px;width:1021px;margin:0 auto;}
#content {width:865px;margin:0 auto;padding-top:15px;}
#content-l {float:left;width:200px;}
#content-r {margin-left: 200px;}

#footer {color:#FFF;width:901px;margin:0 auto;}
#mention {float:right;font-size:0.8em;margin:10px 0;color:#999999;}


#top {width:901px;height:63px;margin:0 auto;}
#logo {float:left;}
#bloc-user {float:right;font-size:0.8em;padding-top:5px;}
#bloc-user p {margin:5px 0 0 0;}
#bloc-user label {float:left; width:90px;}
#bloc-user input {background:#cccccc;border:0;}



/* Navigation */ 
#navbar {background:url(../images/bg-navbar.jpg) repeat-x;height:30px;clear:both;}
#navbar ul {width:901px;margin:0 auto;text-align:right;padding:4px;}
#navbar li {display:inline;list-style:none;color:#FFF;}
#navbar li a {color:#FFF;text-decoration:none;padding:0 6px 0 6px;}
#navbar li a:hover {color:#ff6600;}
#navbar li a.active {color:#ff6600;}

/* Navigation pied de page */ 
#nav-footer ul {text-align:left;margin:5px 0;float:left;}
#nav-footer li {display:inline;list-style:none;color:#FFF;}
#nav-footer li a {color:#FFF;text-decoration:none;padding:0 6px 0 6px;}
#nav-footer li a:hover {color:#ff6600;}
#nav-footer li a.active {color:#ff6600;}


#bandeau {background:url(../images/bg-bloc-bandeau.jpg) repeat-x;}
#img-bandeau {width:901px;height:165px;margin:0 auto;}
#bloc-bandeau {width:1021px;margin:0 auto;background:url(../images/bg-bandeau.jpg) no-repeat;}
#bloc-news {width:901px;margin:0 auto;padding-top:23px;height:105px;}


/* Page compte */
#compte {}
#compte table {margin-top:25px;}
#compte table .bg {background:url(../images/bg-h1.gif) repeat-x;padding:5px;color:#FFF;font-weight:bold;width:150px;}
#compte table td {padding:5px;font-weight:bold;}
#compte #det {margin-left:80px;}
#compte #det a {color:#ff6600;text-decoration:none;font-weight:bold;}
#compte #det a:hover {color:#CCC;}


/* Boutique */
#search {background:url(../images/bg-h-search.jpg) no-repeat;padding-top:2px;margin-top:15px;}
#search p {margin:0;padding-top:10px;}
#search h1 {font-size:0.9em;margin:0;padding:0px 25px 0 25px;}
#search select {width:140px;}
#search #bt-search {margin-left:30px;}
#bt-kdo-pts {text-align:center;}

#search-middle ul {margin: 0 15px;}
#search-middle li {padding-top:10px;}
#search-middle li a {color:#666;font-weight:bold;text-decoration:none;}
#search-middle li a:hover {color:#ff6600;}

#search-keyword {background:#000 url(../images/bg_h_box_keyword.jpg) no-repeat;width:160px;padding:5px;margin-left:13px;}
#search-keyword h1{color:#FFF;font-size:11px;}
#search-keyword-b {background:url(../images/bg_b_box_keyword.jpg) no-repeat;height:5px;}

#search-keyword #bt-search, #search-keyword #input {text-align:center;}


.suggestionList {color:#CCC;font-size:0.8em;}


#search-middle {background:url(../images/bg-c-search.jpg) repeat-y;padding:0 25px;min-height:100px;}
#search-bottom {background:url(../images/bg-b-search.jpg) no-repeat;height:34px;}


/* Faq */


#info h1 {font-size:1em;}
#info ul {margin: 15px;}
#info li {margin-top:10px;}
#info li a {color:#666;font-weight:bold;text-decoration:none;}
#info li a:hover {color:#ff6600;}


#faq hr {border-top:#ff6600 1px solid;border-left:none;border-bottom:none;border-right:none;}
#faq ul {margin: 15px;}
#faq li {margin-top:10px;}
#faq li a {color:#666;font-weight:bold;text-decoration:none;}
#faq li a:hover {color:#ff6600;}
#faq h2 {color:#ff6600;font-size:1em;}


/* Contact */
#contact {}
#contact span {color:#ff6600;} 
#contact #ob {font-style:italic;font-size:0.8em;}
#contact .er {color:red;font-size:0.8em;}
#contact fieldset {border:none;}
#contact fieldset h2 {background:url(../images/bg-h1.gif) repeat-x;font-size:1em;color:#FFF;padding:5px;}
#contact fieldset label {float:left;width:120px;}
#contact #bt {text-align:right;margin-right:15px;}


/* Panier */
#panier {}
#panier table {width:95%;margin-top:10px;}
#panier th {background:url(../images/bg-h1.gif) repeat-x;padding:5px;color:#FFF;}
#panier td {padding:5px;text-align:center;border-bottom:#ff6600 1px solid;}
#panier #tot {color:#ff6600; text-align:right;font-weight:bold;margin-right:35px;}
#panier #shop {float:left;}
#panier #cmd {float:right;margin-right:35px;}

/* Adresse de livraison */
#livraison {}
#livraison span {color:#ff6600;} 
#livraison #ob {font-style:italic;font-size:0.8em;}
#livraison fieldset {border:none;}
#livraison fieldset label {float:left;width:120px;}
#livraison #bt {text-align:right;margin-right:15px;}
#livraison fieldset p {clear:both;}
#livraison #bloc1 {float:left;width:350px;border-right:#CCC 1px solid;}
#livraison #bloc2 {width:400px;}
#livraison #bloc3 {clear:both;}
#livraison #size {font-size:0.8em;}
#livraison .er {color:red;font-size:0.8em;}

/* Connexion */
#connexion {}
#connexion label {float:left;width:150px;}
#connexion #bt {margin-left:170px;}
#connexion #bt input {background:#FFF;}
#connexion input {border:0;background:#CCC;}


/* Message user */
.error {color:red;}
.msg-error {color:red;padding:3px;width:95%;font-weight:bold;text-align:center;}

#wrap {
    color: #404040;
}

/* Boutique */

div.nifty{background:#DDD; width:200px;float:left;margin:10px;}
div.nifty p {padding:0 10px;}
div.nifty h2 {padding:1px 10px;font-size:0.9em;text-align:center;margin:0;height:30px;}

.pts {text-align:center;font-weight:bold;margin-top:10px;}
.dt a{color:#333;}
.dt a:hover{color:#ff6600;}
.dt {text-align:center;}
.img {float:left;}
.cart {clear:both;text-align:center;}
.new {color:#ff6600;font-weight:bold; text-align:center;}
.ref {font-size:0.8em;text-align:center;}

.pagination {float:right;margin-right:15px;font-size:0.8em;}
.pagination a  {color:#ff6600;text-decoration:none;font-weight:bold;}
.pagination span {padding:2px;}
.pagination .current {color:#000;font-weight:bold;}
.pagination a:hover {color:#CCC;}
.rt {clear:both;}
#nb {float:left;margin-left:10px;font-size:0.8em;}
#nb span {font-weight:bold;color:#ff6600;}
 

 
.pagination-h p {}
.pagination-h {font-size:0.8em;margin:0;padding:0;text-align:right;margin-right:15px;}
.pagination-h a  {color:#ff6600;text-decoration:none;font-weight:bold;}
.pagination-h .current {color:#000;font-weight:bold;}
.pagination-h span {padding:2px;}
.pagination-h a:hover {color:#CCC;}

/* Fiche détails Boutique */
#fiche-details {}
#fiche-details h2 {background:url(../images/bg-h1.gif) repeat-x;padding:5px;color:#FFF;font-size:1em;}
#fiche-details #visu {float:left;margin-right:25px;}
#fiche-details #visu img {border:#666 3px solid;}
#fiche-details #desc {text-align:justify;}
#fiche-details #m {margin-top:60px;}
#fiche-details #m span {color:#ff6600; font-weight:bold;}
#fiche-details #u {}
#fiche-details #u span {color:#ff6600; font-weight:bold;}
#fiche-details #r span {color:#ff6600; font-weight:bold;}
#fiche-details #pts {margin-top:25px;}
#fiche-details #pts img {margin-right:10px;vertical-align:middle;}
#fiche-details #pts span {color:#ff6600; font-weight:bold;}
#fiche-details #add-cart {margin-top:25px;}
#fiche-details #add-cart img {margin-right:10px;}

#fiche-details #back {margin-top:20px;}
#fiche-details #back a {color:#ff6600; font-weight:bold; text-decoration:none;}
#fiche-details #back a:hover {color:#CCC;}


/* Historique de commande */
/* Panier */
#cmd {}
#cmd table {width:95%;margin-top:20px;}
#cmd th {background:url(../images/bg-h1.gif) repeat-x;padding:5px;color:#FFF;}
#cmd td {padding:10px;text-align:center;border-bottom:#ff6600 1px solid;}
#cmd table a {color:#ff6600;}
#cmd-detail span {color:#ff6600;}

#cmd a {color:#ff6600;text-decoration:none;font-weight:bold;}
#cmd a:hover {color:#CCC;}

#cmd-detail a {color:#ff6600;text-decoration:none;font-weight:bold;}
#cmd-detail a:hover {color:#CCC;}
#cmd-detail table{width:95%;margin:0 0 15px 0;}
#cmd-detail th {background:url(../images/bg-h1.gif) repeat-x;padding:5px;color:#FFF;}
#cmd-detail td {padding:10px;border-bottom:#ff6600 1px solid;background:#EEE;}
#cmd-detail table p {margin:2px 0;}
#cmd-detail table span {color:#ff6600;}

#cmd #sold {text-align:right;margin-right:30px;}

.left {text-align:left;}
.center {text-align:center;}

#bene td {padding:0 10px;background:#EEE;border:none;}