/***
	Balises
***/
*{
	margin:0;
	padding:0;
}
body{
	font-size:12px;
	font-family:Arial;	
	color:#666666;
}
img{
	border:0px;
}
blockquote{
	margin:5px 20px;
}

a{
	color:#666666;	
	text-decoration:none;
}
a:hover{
	color:#FE0404;
}
/***
	Classes
***/
.clear{
	clear:both;
}
.picto{
	float:right;
	width:132px;
	margin:50px 150px 50px auto;
}
.paire{
	background-color:#EFECEB;
}
.impaire{
	background-color:#FFFFFF;
}

/***
	Titres
***/
h2.titre{
	background-color:#F3EFF0;
	width:800px;
	height:26px;
	color:#FE0404;
	padding-left:4px;
	font-size:12px;
	line-height:2em;
	letter-spacing:2px;
	font-family:Verdana;
}
.titre_lien a{
	color:#666666!important;
}
.titre_lien{
	position:relative;
	left:640px;
	top:-20px;
	height:10px;
	width:160px;
}

/***
	Formulaire
***/
input.text{
	width:132px;
}
select{
	background:white;
	border:0;
}
textarea{
	width:200px;
	font-family:Arial;
	font-size:12px;
	border:2px solid #eee;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
}
td.intitule{
	text-align:right;
	padding:5px 5px 5px 0px;
}
td.champ{
	padding:5px 0px;
}
td.champ input{
	border:2px solid #eee;
	border-left: 2px solid #999;
	border-top: 2px solid #999;
	width:200px;
}
td.champ input.radio{
	width:30px;
	border:0px;
}
.bouton_form{
	background:white url('../_img/bouton_form.jpg') no-repeat center center;
	width:75px;
	text-align:center;
	font-weight:bold;
	color:#666666;
	border:0;
	height:25px;
	display:block;
}

/***
	Bloc retour formulaires
***/
div.successBlock, div.errorBlock,div.delBlock  {
	width: 300px;
	margin: 0px auto 30px auto;
	padding: 5px 5px 5px 40px;
	}
div.successBlock{	
	background: url(../_img/sign_valid.png) 5px 2px no-repeat #e0ffe2;
	color: #008509;	
	height: 23px;
	border: 1px solid #008509;	
}	
div.errorBlock {
	border: 1px solid #FF6F78;
	background: url(../_img/sign_error.png) 3px 3px no-repeat #fff2f2;
	background-color: #fff2f2;
}
div.delBlock {
	border: 1px solid #FFB900;
	height: 23px;
	background: url(../_img/sign_deleted.gif) 7px 4px no-repeat #FFEEBF;
	color: #AF7F00;
} 
/***
Select personnalisés
***/
ul.newList * {margin:0; padding:0;}
ul.newList {margin:0; padding:0; list-style:none; color:#000; width:134px; background:#fff; position:absolute;  border:1px solid #ccc; top:22px; left:0; overflow:auto; z-index:9999;}
.newListSelected {width:134px; color:#000; height:28px; padding:3px 0 0 6px; float:left; background:url(../_img/formulaire_select.jpg) no-repeat;}
.newListSelected span {width:134px; display:block;}
ul.newList li {padding:3px 8px;}

.selectedTxt {width:110px; overflow:hidden; height:16px; padding:0 23px 0 0;}
.hiLite {background:#FE0404!important; color:#fff!important;}
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 0px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;}

.select_rouge .newListSelected {height:22px; background:url(../_img/formulaire_select_rouge.gif) no-repeat; z-index:9999;}

.select_rouge_grand .selectedTxt {width:180px;}
.select_rouge_grand ul.newList {width:207px;}
.select_rouge_grand .newListSelected span {width:207px;}
.select_rouge_grand .newListSelected {height:22px; width:207px; background:url(../_img/formulaire_select_grand.gif) no-repeat;}
/***
	Conteneur
***/
#principal{
	width:970px;
	margin:0px auto;
}

/***
	Entête
***/
#header{
	width:970px;
	height:115px;
	background:#EEEBEA url('../_img/header_fond.gif') repeat-x;
}
/***
	Chaussures-discount.com
***/
#header_logo{
	float:left;
	width:522px;
	height:71px;
}
/***
	les marques à prix choc
***/
#header_slogan{
	float:left;
}
/***
	Espace client
***/
#header_client{
	width:110px;
	float:right;
	height:17px;
	margin-top:5px;
	background:url('../_img/header_client.gif') no-repeat top center;
	padding:55px 0px 0px 0px;
	text-align:center;
}
/***
	Panier
***/
#header_panier{
	width:180px;
	height:17px;
	float:right;
	margin:5px 8px 0px 0px;
	background:url('../_img/header_panier.gif') no-repeat top center;
	padding:55px 0px 0px 0px;
	text-align:center;
}


/***
	Menu horizontal dans le header (images)
***/
#header_menu{
	float:right;
	margin-top:15px;
}
#header_menu a{
	float:left;
}

/***
	Fil d'ariane
***/
#ariane_recherche{
	margin-right:20px;
	float:left;
	width:200px;	
} 
#ariane_liens{
	padding-top:2px;
	float:left;
}
#ariane input{
	float:left;
	text-align:center;
}
#ariane input.text{
	margin-left:8px;
}

/***
	Liste de tris
***/
#listes_tri{
	float:right;
	width:560px;
	margin:10px 0px;
}


#gauche{
	float:left;
	width:160px;
}
/***
	Menu latéral
***/
#menu_v{
	width:132px;
	font-size:11px;
	margin:16px 0px 0px 8px;
}
#menu_v h2{
	height:26px;
	font-size:12px;
	line-height:2em;
	text-align:center;
	border:#FE0404 1px solid;
	width:132px;
	margin:0px 0px 6px 0px;
}
#menu_v h2 a{
	color:#666666;
}
#menu_v ul{
	list-style:none;
	margin:10px 0px 0px 6px;
}
#menu_v ul li{
	margin:2px 0px 2px 0px;
	padding-left:12px;	
}
#menu_v ul li.hover{
	background:url('../_img/puce.jpg') no-repeat center left;	
}
#menu_v ul li.hover a{
	color:#FE0404;
	font-weight:bold!important;
}

/****	
	Sticker
****/
#sticker{
	margin:20px 0px 0px 8px;
	width:132px;
}
#sticker a{
	color:white;
	font-weight:bold;
}

/***
	Produits vus
***/
#produits_vus{
	width:132px;
	font-size:11px;
	margin:30px 0px 0px 8px;
}

#produits_vus h2{
	height:26px;
	font-size:12px;
	line-height:2em;
	text-align:center;
	border:#FE0404 1px solid;
	margin-bottom:16px;
	width:132px;
}
#produits_vus div{
	float:left;
	width:60px;
	height:60px;
	margin:0px 2px 6px 2px;
	text-align:center;
	border:1px solid #E4E4E4;
}
/***
	Contenu des pages
***/
#contenu{
	float:left;
	width:800px;
	padding:16px 0px 20px 0px;
	border-bottom:#D2D2D2 1px solid;	
}
#contenu a{
	color:#FE0404;
	font-weight:bold;
}
#contenu a:hover{
	color:#666666;
}

/***
	Affichage des articles
***/
.promo{
	background:url('../_img/promo.gif') no-repeat center center;
	color:white;
	font-weight:bold;
	font-size:12px;	
	width:45px;
	line-height:3.5em;
	height:43px;
	position:absolute;
	right:5px;
	top:5px;
}
.produit_bloc a{
	color:#666666!important;
}
.produit_bloc{
	text-align:center;
}
.produit_bloc img{
	border:1px solid #E4E4E4;
}
.produit_bloc .marque{
	font-weight:bold;
}
.produit_bloc .prix_prod{
	font-size:10px;
	color:#FE0404;
}
.produit_bloc .prix_ref{
	color:#FE0404;
}

/***
	Liens Edito en bas de page
***/
#footer_link{
	width:800px;
	margin:5px 0px 5px 160px;
}
.footer_bloc{
	width:180px;
	margin:10px;
	float:left;
}
.footer_bloc h2{
	font-size:12px;
	color:#FE0404;
	margin-bottom:5px;
}
.footer_bloc ul{
	list-style:none;
}
.footer_bloc a{
	font-size:10px;
}

/***
	Bas de page
***/
#footer{
	text-align:center;
	width:800px;
	font-size:10px;
	margin:20px 0px 0px 160px;	
}

/***
	Gondole (width des blocs rajoutée dans le tpl)
***/
#gondole{
	width:800px;
	height:240px;
}
.gondole_bloc{
	height:240px;
	float:left;	
}

/**
	Spécifique page d'accueil
**/
#index_marques{
	font-size:18px;
	float:left;
	width:570px;
	height:140px;
	font-weight:bold;
}
#index_marques a{
	color:#FE0404;	
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
}
#index_newsletter{
	font-size:18px;
	float:left;
	width:200px;
	padding-left:30px;
	height:140px;
	font-weight:bold;
	background:url('../_img/accueil_newsletter_fond.gif') no-repeat top left;
}
#index_newsletter input{
	float:left;
	text-align:center;
}
#newsletter_ok{
	font-size:12px;
	font-weight:normal;
	border:1px solid #E4E4E4;
	width:165px;
	padding:5px;
	margin-top:30px;
}
#index_nouveaute, #index_decouvrir{
	width:800px;
}


/***
	Page adresse
***/
.cli_adresse{
	padding:5px;
	width:260px;
	margin:5px 5px 5px 0px;
	border:#D2D2D2 1px solid;
}
.cli_adresse div.titre{
	background:url('../_img/menu_v_fond.gif') repeat;
	width:260px;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	height:20px;
	color:white;
}

/***
	Tickets
***/
.cli_tickets{
	padding:5px;
	width:360px;
	margin:5px 5px 5px 0px;
	border:#D2D2D2 1px solid;
}
.cli_tickets div.titre{
	background:url('../_img/menu_v_fond.gif') repeat;
	width:360px;
	text-align:center;
	font-weight:bold;
	line-height:1.5em;
	height:20px;
	color:white;
}

/***
	Listing des cmds
***/
#liste_cmde {
	text-align: center;
	height: 24px;
	font-size:11px;
	width:600px;
	line-height: 24px;
}
#liste_cmde.colonne{
	width:100px;
}
#liste_ticket {
	text-align: center;
	height: 24px;
	font-size:11px;
	width:400px;
	line-height: 24px;
}
#liste_cmde.colonne{
	width:100px;
}


/***
	Edito
***/
#edito{
	margin:20px 0px 0px 0px;
	width:700px;
}
#edito ul{
	margin-left:30px;
}

/***
	Marque 
***/
.marque_lettre {
	height: 24px;
	width: 24px;
	background-color: #FE2929;
	font-weight: bold;	
	color: #FFFFFF;	
	line-height:24px;	
}
.marque_lien{
	color:#666666!important;
}
.marque_lien:hover{
	color:#FE2929!important;
}
.marque_bloc{
	float:left;
	margin-bottom:20px;
}
/***
	Etapes du processus de commande
***/
#processus{
	list-style:none;
	height:30px;
	width:800px;
	margin:20px auto;
}
#processus li{
	float:left;
	width:160px;
	line-height:2.5em;
}
#processus a{
	width:150px;
	height:30px;	
	padding-left:10px;
	display: block;
	color:#666666;
}
#processus a:hover{
	color:#FE2929;
}

.avant {
	background:url('../_img/lamelle_deg_sombre.gif') repeat-x top left;
}
.avant a{
	background:url('../_img/fleche_sombre_sombre.jpg') no-repeat top right;
}
#processus .actif a{
	background:url('../_img/fleche_sombre_claire.jpg') no-repeat top right;
	color:#FE2929;
}
#processus .actif a:hover{
	color:#666666;
}
.actif{
	background:url('../_img/lamelle_deg_sombre.gif') repeat-x top left;
}
.apres a{
	background:url('../_img/fleche_claire_claire.jpg') no-repeat top right;
}
.apres, .dernier{
	background:url('../_img/lamelle_deg_clair.gif') repeat-x top left;
}