@import url("header.css");
@import url("wrapper.css");
@import url("footer.css");
@import url("home.css");
@import url("menu.css");
@import url("contact.css");
@import url("slider.css");
@import url("fiche.css");
@import url("bloop.css");

/* basic parameters */
 
body , html {
	margin: 0;
	padding: 0;
}

body {
	background:#000 url(images/bg_body.png) top left repeat-x;
	color:#333;
	font: normal 1em/1.4em  arial ,serif;
}

.bg2 {
	background:#000 url(images/bg_body2.png) top left repeat-x;
}

p, ul, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}

input {
	[height:15px;
	height:15px;]
}

#global {
	width:1000px;
	margin:-249px auto 0px auto;
	background:;
}

a {
	color:#f00;
	text-decoration:none;
}

a:hover, a:focus, a:active {
	color:#FFF;
}

.input_size {
	float:left;
	width:100%;
	margin:5px 0px;
	padding:5px 10px;
}

.input_size label {
	color:#FFF;
	font-size:14px;
	width:250px;
	margin-right:5px;
	float:left;
	text-align:right;
}

.input_p {
	float:left;
	width:30%;
	margin:5px 0px;
	padding:5px 10px;
}

.input_p label {
	color:#FFF;
	font-size:14px;
	width:100px;
	margin-right:5px;
	float:left;
	text-align:right;
}

.clear { clear:both; }

.promos {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3promos.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.topventes {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3topventes.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.nouveaute {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3nouveaute.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.compte {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3bienvenue.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.contact {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3contact.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.newsletter {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3newsletter.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

.similaire {
	float:left;
	width:100%;
	height:33px;
	background:url(images/h3similaire.png) top left no-repeat;
	margin:20px 0px;
	padding:0px;
	color:transparent;
	font-size:0px;
}

/* Panier */

/* Page du panier */

#Tabpanier {
	margin:10px auto;
	color:#FFF;
	width:800px;
	border-collapse:collapse;
}

#Tabpanier td {
	padding:5px 5px;
}

#Tabpanier a img { border:none;}

.opacity td { height:20px;}
.opacity { background:url(images/opacity.png) top left repeat-x;}

.width_small { width:50px; }

#Tabpanier thead tr {
	height:39px;
	background: #111 ;
	border:1px solid #222;
}

#Tabpanier tbody {
	border:2px solid #360404;
	text-align:center;
	background:#222;
}

#Tabpanier tfoot { 	background:#111; } 

#Tabpanier tfoot tr{
	border:1px solid #360404;
}

.a_r {
	text-align:right;
	font-size:14px;
	color:#ccc;
}

.a_r_rouge {
	text-align:right;
	font-size:22px;
	color:#ff0509;
	font-weight:600;
}

.full { float:left; width:100%; }

.sm_a { font-size:12px; }

/* Page fidelite */

#fidelite {
	float:left;
	background:#000;
	width:100%;
	margin-left:40px;
	padding:10px 10px;
}

#fidelite table {
	width:100%;
}

.fid {
	width:100%;
	float:left;
	font-size:12px;
	margin:20px 50px;
	font-weight:normal;
	list-style-type:circle;
}

.fid li { margin-top:10px; }

.Hight {width:100%; Font-size:24px; color:#F00; text-align:center;}

/* Partie regglement */

.text_reglement {
	width:750px;
	margin:0 auto;
	font-size:12px;
	font-weight:600;
}

#reglementcss {
	width:750px;
	margin:0 auto;
}

#reglementcss p {
	text-align:left;
}

.m_bot {
	margin-bottom:20px;
}

#code_promo {
	float:left;
	margin-top:20px;
	margin-bottom:10px;
}

.promo_inp {
	width:200px;
	margin:0 auto;
	text-align:center;
}

#impt_promos {
	margin-left:20px; margin-top:10px; margin-bottom:10px;
}

.m_t { margin:0px 0px;}

/* Page du panier */

#TabRecap {
	
	color:#FFF;
	margin-left:150px;
	border-collapse:collapse;
}

#TabRecap td {
	padding:5px 5px;
}

#TabRecap a img { border:none;}

.opacity td { height:20px;}
.opacity { background:url(images/opacity.png) top left no-repeat;}

.width_small { width:50px; }

#TabRecap thead tr {
	height:39px;
	background:url(images/tabpanier.png) top center no-repeat;
}

#TabRecap tbody {
	border-bottom:2px solid #000;
	text-align:center;
		background:#111;
}

#TabRecap tfoot { 	background:#222; } 

#TabRecap tfoot tr{
	border-top:1px solid #111;
}

.a_r {
	text-align:right;
	font-size:14px;
	color:#ccc;
}

.a_r_rouge {
	text-align:right;
	font-size:22px;
	color:#ff0509;
	font-weight:600;
}

.full { float:left; width:100%; }


.center td {text-align:left; }
.kingsize { font-size:14px; }

.middle {
	width:60%;
	margin:0 auto;
}

#button {
	height:29px;
	width:100px;
	cursor:pointer;
	margin-left:300px;
}

/* Partie MARQUE */


#marques {
	margin:20px 17px;
	//margin:20px 10px;
}

.marque_bloc {
	width:870px;
	margin:0 auto;
}

.one_marque {
	width:400px;
	height:100px;
	float:left;
	margin:1%;
	
	background: url(images/bg_marque.png) top left no-repeat;
}

#T_ma {
	width:100%;
	float:left;
	text-align:left;
}

#T_ma td{
	vertical-align:top;
	padding:5px 5px;
}

.voir_m {
	width:70%;
	text-align:center;
	padding:2px 2px;
	border: 1px solid #222; 
	background: #000 url(images/ui-bg_highlight-soft_100_ffebed_1x100.png) 50% 50% repeat-x; 
 }

 .voir_m a {
	color:#f00f00;
	display:block;
	width:100%;
	height:100%;
 }
 
  .voir_m a:hover, .voir_m a:active  {
	color:#FFF;
 }
 
 .voir_m:hover{
	background: #eaaeb0 url(puref/images/ui-bg_glass_50_e01515_1x400.png) 50% 50% repeat-x;

 }
 
 /* Tableau des tailles */
#homme {
	margin-top:20px;
}

#tab_taille
{
	font-size: 12px;
	margin: 10px 0px;
	width: 340px;
	text-align: left;
	border-collapse: collapse;
	background:#FFF;
}
#tab_taille th
{
	font-size: 14px;
	font-weight: normal;
	padding: 12px 15px;
	color: #333;
	font-weight:600;
	text-align:center;
}
#tab_taille td
{
	padding: 10px 5px;
	color: #333;
	border-top: 1px solid #bf0000;
}
.oce-first
{
	background: #d9d9d9;
	color:#FFF;
	border-right: 0px solid transparent;
	border-left: 0px solid transparent;
}
#tab_taille tr:hover td
{
	color: #FFF;
	background: #6c0000;
}

.all_large td {
	font-size:10px;
	border:1px solid #bf0000;
}


#table_taille_y
{
	font-size: 12px;
	margin: 0 auto;
	width: 480px;
	text-align: center;
	border-collapse: collapse;
}
#table_taille_y th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #d9d9d9;
	border-top: 4px solid #c1c1c1;
	border-bottom: 1px solid #bf0000;
	color: #039;
}
#table_taille_y td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #bf0000;
	color: #669;
	border-top: 0px solid transparent;
}
#table_taille_y tr:hover td
{
	background: #6c0000;
	color: #FFF;
}

/* List des rubrique ne bas de page */

.liste_rubrique {
	position:relative;
	width:975px;
	background:#010101;
	margin:20px auto;
}

.liste_rubrique .first_ul {
	width:150px;
	float:left;
	margin:5px;
	background:#111;
	list-style:none;
	border:1px solid #222r;
}

.liste_rubrique .first_ul li{
	float:left;
	width:98%;
	padding:2px 0px;
	background:#0d0d0d;
}

.liste_rubrique .first_ul li a{
	display:block;
	float:left;
	width:98%;
	text-align:left;
	font-size:0.9em;
	padding:1px 5px;
	text-align:center;
}

.liste_rubrique .first_ul li a:hover {
	color:#fff;
	background:#050505;
}

.liste_rubrique .first_ul li .second_ul {
	float:left;
	width:100%;
	list-style:none;
}

.liste_rubrique .first_ul li .second_ul li {
	float:left;
	width:98%;
	padding:2px 0px;
}

.liste_rubrique .first_ul li .second_ul li a{
	display:block;
	float:left;
	width:98%;
	text-align:left;
	font-size:0.7em;
	padding:1px 5px;
	color:#fff;
	border-bottom:1px solid #111;
}

.liste_rubrique .first_ul li .second_ul li a:hover {
	color:#ae0000;
	background:#060606;
}


/* Etiquette pour les promos */

.etiquettePromo {
	position:absolute;
	float:right;
	width:60px;
	height:60px;
	background: url(images/etiquette.png) top left no-repeat;
	left:185px;
	top:35px;
	z-index:10;
	text-align:center;
	font-weight:bold;
	line-height:60px;
}
.etiquettePromoFiche {
	float:right;
	width:60px;
	height:60px;
	background: url(images/etiquette_fiche.png) top left no-repeat;
	z-index:10;
	text-align:center;
	font-weight:bold;
	line-height:60px;
}

a.redlight {
	color:#fff;
}

a.redlight:hover {
	color:#F00;
}

#comptefrm{
	width:60%;
	float:right;
}

#dejamembre {
	width:30%;
	float:right;
	margin-left:20px;
	padding-left:20px;
	border-left:1px solid #111;
}

 #dejamembre .input label{
	text-align:left;
}
#comptefrm .input label {
	text-align:right;
}

#comptefrm .input , #dejamembre .input{
	border-bottom:1px solid #111;
	width:96%;
	padding:5px 2%;
}

.advert {
	display:none;
	position:relative;
	width:100%;
	margin:0 auto;
	background:#fee3e3;
	z-index: 200;
	float:left;
}

.advert p {
	padding:10px;
	text-align:center;
}