@charset "utf-8";
body {
background:black;
margin:0;
}

/* Partie haute */
#header {
width:960px;
height:106px;
margin:0 auto;
background:black url(pics/bg_header.jpg) top center no-repeat;
font:12px Arial, Helvetica, sans-serif;
color:white;
text-align:center;
border-bottom:1px solid white;
}
#header img {
margin:6px 0 4px 0;
border:none;
}
.logo_head {
width:660px;
background:#555;
padding:4px;
text-align:center;
font:bold 9px Verdana, Arial, Helvetica, sans-serif;
color:white;
}

#navigation {
width:939px;
height:23px;
padding:0 11px 0 10px;
margin:0 auto;
background:#990000 url(pics/bg_navigation.gif) top right repeat-y;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:white;
text-align:center;
letter-spacing:1px;
border-bottom:1px solid white;
}
#navigation a {
background:url(pics/carre.gif) top left no-repeat;
}
#navigation a:hover {
background:url(pics/carre.gif) top center no-repeat;
}
#navigation img {
float:right;
margin:0 0 0 4px;
border-top:none;
border-right:1px solid white;
border-bottom:none;
border-left:1px solid white;
background:none;
}
.menu a {
float:left;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
text-decoration:none;
padding:6px 0 0 0;
margin:0 10px;
}
.menu a:hover {
color:#FFCC00;
text-decoration:none;
}
.deco {
width:960px;
background:#555 url(pics/blanc.gif) bottom right no-repeat;
height:3px;
margin:0 auto;
}
/* Fin de la partie haute */

/* partie centrale */
#main {
width:960px;
margin:0 auto;
}
.right {
float:right;
width:190px;
padding-right:11px;
}
.news {
float:right;
width:179px;
height:558px;
padding:0 11px 5px 10px !important; padding:0 5px 5px 10px;
background:#555 url(pics/bg_random.jpg) bottom right no-repeat;
margin:0;
border-right:1px solid white;
border-left:1px solid white;
}
.news img {
border:1px solid white;
margin:0 6px 2px 0;
}
.news h1 {
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#FFCC00;
margin:0 0 4px 0;
border-bottom:1px dashed white;
padding-bottom:2px;
}
.news h1 a {
color:#FFCC00;
text-decoration:none;
}
.news h1 a:hover {
color:white;
}
.news h2, .content h2, .content_2 h2 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 0 3px 0;
background:#990000;
padding:2px 0 3px 4px;
border-top:1px solid white;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid white;
letter-spacing:1px;
}
.news h3, .random h3 {
font:bold 11px Arial, Helvetica, sans-serif;
color:white;
margin:0;
}
.news h4, .random h4 {
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 0 10px 0;
}
.news h5, .random h5 {
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
margin:0 0 2px 0;
}
.news h3 a, .news h4 a {
color:#FFCC00;
text-decoration:none;
}
.news h3 a:hover, .news h4 a:hover {
color:white;
}
.b {
color:#FFCC00;
font-size:11px;
font-weight:bold;
}
.prix {
color:#FFCC00;
font-size:13px;
font-weight:bold;
background:#990000;
padding:2px 4px;
border:1px solid #FFCC00;
}
.bgprix {
float:left;
width:178px;
background:black;
margin:3px 0 14px 0;
padding:2px 0;
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-align:right;
}
.bgprix_2 {
float:left;
width:auto;
background:black;
margin:12px 0 0 0;
padding:1px 1px 1px 10px;
font:bold 10px Arial, Helvetica, sans-serif;
color:white;
text-align:right;
}
.modele {
letter-spacing:1px;
background:black;
padding:2px 0 2px 7px;
}
.modele a {
color:#FFCC00;
text-decoration:none;
}
.modele a:hover {
color:white;
}
.content {
float:left;
width:737px !important; width:736px;
background:#CC0000;
padding:10px 0 0 10px;
border-top:1px solid white;
}
.content h1, .content_2 h1, .content_int h1, .content_newsletter h1 {
font:bold 16px Arial, Helvetica, sans-serif;
letter-spacing:1px;
color:#FFCC00;
margin:0 10px 4px 0;
border-bottom:1px dashed white;
padding-bottom:2px;
}
.content h6 {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 10px 3px 0;
background:#990000;
padding:2px 0 3px 4px;
border-top:1px solid white;
border-right:1px solid black;
border-bottom:1px solid black;
border-left:1px solid white;
letter-spacing:1px;
}
.jump_menu {
float:left;
width:235px !important; width:232px;
margin:4px 8px 20px 0;
padding:0 2px 0 0;
}
.rares {
float:left;
width:235px !important; width:232px;
height:340px;
margin:4px 8px 20px 0;
padding:0 2px 0 0;
background:#555;
}
.form_jump {
width:235px !important; width:232px;
padding:2px 4px;
background:black;
border:1px solid #FFCC00;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
.form {
float:left;
width:193px;
padding:3px 4px !important; padding:2px 0 3px 4px;
background:black;
border:1px solid #FFCC00;
font:10px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 3px 0 0;
}
.ok {
float:left;
width:auto !important; width:27px;
font:bold 10px Verdana, Arial, Helvetica, sans-serif;
color:white;
background:#990000;
padding:2px 1px !important; padding:1px 0;
border:1px solid #FFCC00;
letter-spacing:1px !important; letter-spacing:normal;
}
form {
margin:0;
border:none;
}
option {
margin:0 0 0 4px;
}
.content_2 {
float:left;
width:747px !important; width:746px;
margin:0 0 10px 0;
}
.autres {
float:right;
width:492px;
height:380px;
background:#555;
padding:10px 0 0 10px;
border-top:1px solid white;
border-left:1px solid white;
}
.autres h4 {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:4px 0 6px 0;
}
.autres h4 a {
float:right;
color:white;
text-decoration:underline;
}
.autres h4 a:hover {
text-decoration:none;
}
.autres h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:white;
margin:0 0 4px 0;
}
.autres h3 a {
text-decoration:none;
color:#FFCC00;
}
.autres h3 a:hover {
color:white;
}
.autres img {
float:left;
margin:2px 0 0 0;
border:1px solid white;
}
.random {
float:left;
width:224px;
background:#CC0000;
padding:0 10px 0 10px !important; padding:0 9px 0 10px;
}
.random img {
border:1px solid white;
margin:0 0 6px 0;
}
.footer {
float:left;
width:224px;
padding:8px 10px 0 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
line-height:18px;
}
.footer a, .footer_int a, .footer_int_news a {
color:white;
border-bottom:1px dotted white;
padding-bottom:1px;
text-decoration:none;
}
.footer a:hover {
color:#FFCC00;
border-bottom:1px dotted #FFCC00;
}
.footer_int a:hover, .footer_int_news a:hover {
color:#FFCC00;
border-bottom:1px dotted #FFCC00;
padding-bottom:2px;
}

.content_int {
float:left;
width:727px !important; width:726px;
background:#990000;
padding:10px;
border-top:1px solid white;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:white;
border-bottom:1px solid white;
}
.content_int h2 {
font:bold 13px Arial, Helvetica, sans-serif;
color:white;
margin:4px 0 2px 0;
letter-spacing:1px;
}
.content_int h3 {
font:bold 12px Arial, Helvetica, sans-serif;
color:white;
margin:4px 0 2px 0;
}
.content_int a, .content_int_news a {
color:#FFCC00;
text-decoration:none;
}
.content_int a:hover, .content_int_news a:hover {
color:white;
}
.content_int h4, .content_int_news h4 {
font:11px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 0 10px 0;
}
.footer_int {
float:left;
width:727px !important; width:726px;
padding:8px 10px 0 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
.petit {
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
.tab_top {
text-align:center;
padding:4px 2px;
background:#555;
border-right:1px solid white;
font-weight:bold;
}
.medium {
text-align:center;
padding:3px;
border-right:1px solid white;
font-weight:bold;
background:black;
}
.mini {
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
padding:3px;
border-right:1px solid white;
text-align:center;
background:black;
}

/*****************************************/
.panier{
cursor: pointer;
color: #FFCC00;
}
.panier_article{
cursor: pointer;
color: #FFCC00;
}
.panier_article img {
margin:2px 0 0 4px;
border:1px solid white;
}
#SuiviPanier{
text-align:center;
float: right;
margin-right: 12px;
font:9px Verdana, Arial, Helvetica, sans-serif;
width: 150px;
background-color: #990000;
padding:0 5px;
}
#ContenuPanier {
width:90%;
margin-top:0;
margin-left: auto;
margin-right: auto;
}
#ContenuPanier table{
	width:95%;
	margin-right: auto;
	margin-left: auto;
	padding: 4px;
	background-color: #B21D14;
}

#ContenuPanier th{
	color: #F8CB29;
}
#ContenuPanier em{
	font-weight: normal;
	font-size: 9px;
	cursor:pointer;
}
#ContenuPanier input{
	color: white;
	border:1px solid #F8CB29;
	background-color: #8B170F;
}
.largeur {
	font-size: 11px;
text-align: right;
width:230px;
}

.content_newsletter {
width:90%;
background:#990000;
padding:10px;
font:12px Verdana, Arial, Helvetica, sans-serif;
color:white;
}
.content_newsletter a {
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}
.content_newsletter a:hover {
color:white;
}

/* newsletter */
.logo_head_news {
background:#555;
padding:2px 10px;
text-align:center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
color:white;
margin:0 auto;
width:auto;
}
.content_int_news {
width:940px;
background:#990000;
padding:10px;
font:12px Arial, Helvetica, sans-serif;
color:white;
border-bottom:1px solid white;
line-height:17px;
}
.content_int_news h2 {
font:bold 16px Arial, Helvetica, sans-serif;
color:#FFCC00;
margin:4px 0 2px 0;
letter-spacing:1px;
text-transform:uppercase;
border-bottom:2px solid #FFCC00;
padding-bottom:1px;
}
.content_int_news h3 {
font:bold 15px Arial, Helvetica, sans-serif;
color:white;
margin:4px 0 1em 0;
border-bottom:1px dashed white;
padding-bottom:1px;
}
.footer_int_news {
width:960px;
padding:10px 0;
font:9px Verdana, Arial, Helvetica, sans-serif;
color:white;
text-transform:uppercase;
}