/**
	Bleu : #500bc3
	Orange : #ff9333
**/

*{
	margin:0;
	padding:0;
}
BODY{
	font-family:Verdana;
	font-size:12px;
	color:black;
	text-align:center;
	background:url('../_img/fond.jpg') no-repeat center top;
}
a{
	text-decoration:none;
	color:black;
}
a:hover{
	color:#ff9333;
}

.btn {
	font-weight:bold;
	font-size:12px;	
	background:#ff9333;
	color:#FFFFFF;	
	margin-top:7px;
	padding:0px 4px 5px 4px;
}
.bleu{
	color:#500bc3;
}
.orange{
	color:#ff9333;
}
.clear{
	clear:both;
}

img{
	border:0;
}
h1{
	width:778px;
	height:28px;
	padding-left:10px;
	color:black;
	font-size:12px;
	line-height:28px;
	background:url('../_img/h1_bg.jpg') no-repeat bottom right;	
	margin-bottom:10px;
}

#principal{
	width:966px;
	margin:16px auto;
	text-align:left;	
	height:100%;
}

/**
	Haut de page
**/
#header{
	width:966px;
	height:162px;
	position:relative;
}
#header_logo{
	width:254px;
	height:135px;
	position:absolute;
	top:0px;
	left:10px;
	cursor:pointer;
}
#header_newsletter{
	position:absolute;
	top:0px;
	right:0px;
	font-weight:bold;
}
#header_newsletter .bouton{
	float:left;
	width:32px;
	height:49px;
	margin-left:5px;
}
#header_newsletter .infos{
	float:left;
}
#header_newsletter .box{
	width:200px;
	height:22px;
	margin-top:4px;
	line-height:22px;
}
#header_liens{
	position:absolute;
	top:90px;
	right:185px;
}
#header_liens ul{
	list-style:none;
}
#header_liens li{
	text-align:right;
	font-size:11px;
	padding:2px 0px;
	font-weight:bold;
}
#header_liens li a{
	color:#A72D12;
}
#header_liens li a:hover{
	color:#ff9333;
}
#header_panier{
	position:absolute;
	top:91px;
	right:0px;
	width:180px;
	color:white;
	font-size:11px;
	font-weight:bold;
}
#header_panier a{
	color:white;
}
#header_panier a:hover{
	color:#ff9333;
}
#header_panier_img{
	position:absolute;
	top:67px;
	right:0px;
}

#header_menu{
	width:934px;
	background-color:#ff9333;
	padding:0px 16px;
}
#header_menu ul{
	list-style:none;
	height:37px;	
}
#header_menu li{
	float:left;
	padding:0px 6px 0px 10px;
	letter-spacing:1px;	
	line-height:37px;
	text-align:center;
	background:url('../_img/header_menu.jpg') no-repeat 0px 0px;
}
#header_menu li:first-child{
	background:none;
}
#header_menu li a{
	color:white;
	font-size:17px;
}
#header_menu a:hover{
	color:#500bc3;
}
#header_menu li.hover a{
	color:#500bc3;
}

#contenu{
	width:966px;
	height:100%;
	background:white;
	border-top:0px;	
}


/**
	Footer
**/
#footer{
	background:url('../_img/barre_grise.jpg') no-repeat top center;
	margin-top:17px;
	padding-top:22px;
	color:#4D4D4D;	
	text-align:center;
	padding-bottom:5px;
}
#footer_edito{
	text-align:left;
	padding:11px 11px 11px 167px;
}
#footer_edito ul{
	list-style:none;
}
#footer_edito li{
	margin-bottom:10px;
	background:url('../_img/barre_bleue.jpg') no-repeat top left;
	padding-left:10px;
}
#footer_liens{
	font-size:10px;
}

/**
	Menu gauche
**/
#contenu_gauche{
	width:145px;	
	padding:11px;
	float:left;
}
#gauche_menu{
	list-style:none;
}
#gauche_menu ul{
	list-style:none;
	margin:5px 0px 10px;	
}
#gauche_menu li{
	padding:0px 0px 0px 10px;
	line-height:24px;
	margin-bottom:11px;
	background:url('../_img/barre_bleue.jpg') no-repeat top left;
	font-weight:bold;
}
#gauche_menu li li{
	height:auto;
	line-height:12px;
	background:none;
	margin:0px;
	padding:0px 0px 5px 5px;
	font-weight:normal;
}
#gauche_menu li.hover a{
	color:#FF9333!important;
}	
/**
	Contenu
**/
#contenu_droite{
	padding:11px 11px 11px 0px;	
	width:788px;
	float:left;
}
#content{
	width:788px;
	min-height:400px;
}

/**
	Edito
*/
#content_edito{
	padding:0px 80px 0px 50px;
	text-align:justify;
}
#content_edito ul{
	margin-left:30px;
}
#content_edito li{	
	margin:2px 0px;
}




/**
	Intérieur des pages
***/
.bloc_produit{
	width:140px;
	height:140px;
	margin-bottom:3px;
	background:white;
	text-align:center;
	position:relative;
	z-index:5;
	border:1px solid white;
}
.promo{
	background:url('../_img/promo.jpg') no-repeat center center;
	color:white;
	font-size:11px;	
	width:36px;
	line-height:32px;
	height:36px;
	position:absolute;
	right:5px;
	top:5px;
	z-index:10;
}
a.prix_article, .prix_article, .nom_article, a.nom_article{
	color:#ff9333;
	font-weight:bold;
	font-size:11px;
}
a.couleur_article, .couleur_article{
	font-size:11px;
}
a.prix_barre_article, .prix_barre_article{
	font-size:10px;
}

.bloc_produit_petit{
	width:50px;
	height:50px;
	border:1px solid white;
	background:white;
	float:left;
	margin:4px 6px 4px 0px;
	text-align:center;	
}
.bloc_produit_petit:hover,.bloc_produit:hover {
	border:1px solid #ff9333;
}

#filAriane{
	height:20px;
	margin-bottom:5px;
}
.affichage_page a.hover{
	font-weight:bold;
}
.affichage_page a{
	color:#FF9333;
}
.affichage_page a:hover{
	color:black;
}

/*** Gondole **/
#gondole{
	width:788px;
	height:240px;
}
.gondole_bloc{
	float:left;
}
.gondole_bloc2 img{
	margin-left:6px;
}



#droite_listes{
	height:30px;
}
#select_tri{
	float:right;
	margin-right:5px;
	line-height:13px;
}
#select_taille{
	float:right;
}
#select_coloris{
	float:right;
}
#select_liens{
	float:right;
	margin-right:5px;
}


/**
	Formulaire
**/
.conteneur-arrondi{
    padding:0;
    width:399px;
	border:1px solid #FF9333;
	margin:8px auto 0px;
}
.centrearrondi {
	padding:5px;
}

.label{
	font-weight:bold;
	background-color:#FFFFFF;
	font-weight:bold;
	height:14px;
	width:108px;
	line-height:14px;
	padding:4px;
	text-align:right;
}
.centrearrondi input{
	height:14px;
	width:246px;
	padding:4px;
	color:white;
	background-color:#FF9333;
	border:0;
	
}
.centrearrondi input.radio{
	width:10px;
	background:none;
}
.centrearrondi .bouton{
	width:auto;
	cursor:pointer;
	height:26px;
	font-weight:bold;
	font-size:12px;	
	background:#FF9333;
	color:#FFFFFF;	
	margin-top:7px;
	padding:0px 4px 5px 4px;
	#padding:0px;
	float:right;
}
.centrearrondi .bouton:hover{
	background:#FFCF94;
}
.centrearrondi textarea{
	height:160px;
	width:250px;
}
.centrearrondi select{
	color:#4D4D4D;
	border:0;
}
.radio {
	line-height: 21px;
	width: 21px;
	margin-top: 6px;
	margin-right: 10px;
	float: left;
}
.minilabel {
	display: block;
	float: left;
	line-height: 21px;
	margin-top: 2px;
	margin-right: 10px;
	text-align: right;
}

.btnsubmit{
	width:70px!important;
	height:26px!important;
	cursor:pointer;
	background:#FF9333;
	color:#FFFFFF;	
	font-weight:bold;
	border:0;
}


#retour_bancaire input {
	width:auto;
	height:auto;
	border:0;
	background:white;
}
/***
	Erreurs
***/
div.successBlock {
 width: 250px;
 height: 23px;
 margin: 0px auto;
 padding: 5px;
 line-height:23px;
 border: 1px solid #500bc3;
 background-color: white;
 color: black;
 text-align: center;
}

div.errorBlock {
 width: 384px;
 margin: 0px auto;
 padding: 5px 5px 5px 10px;
 border: 1px solid #FF9333;
 background-color: white;
 color: black;
 text-align: left;
}

div.delBlock {
 width: 250px;
 height: 23px;
 margin: 0px auto;
 padding: 5px;
 line-height:23px;
 border: 1px solid #CC0001;
 background: #000431;
 color: #FFFFFF;
 text-align: center;
}

/***
	Tableau
***/
table.tab_list {
	text-decoration: none;
	width: 600px;
	border-collapse: collapse;
	border: 1px solid #FF9333;
}
table.ticket_list {
	width: 470px;
	margin:0px auto;
}
table.tab_list th {
	padding: 3px;
	background-color: #FF9333;
	font-weight: bold;
	color: white;
	text-align: center;
}

table.tab_list th a { color: #000431; }

table.tab_list td { padding: 3px; }

table.tab_list td.buttons {
	text-align: right;
	vertical-align: top;
}

table.tab_list td.online { width: 20px;}

table.tab_list tr.selected { background-color: #ffe8cf; }

tr.paire { background-color: #F5E4DA; }
tr.impaire { background-color: #FFFFFF; }


/************* processus *************/
div.processusborder {
	width: 785px;
	height: 36px;
	padding: 0px;
	margin: 0px;
}
div.processus {
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-x;
	background-position: top left;
	vertical-align: middle;
	text-align: left;
	font-size:11px;
}
div.processus a {
	display: block;
	height: 29px;
	float: left;
	padding: 4px 7px 0px;
	width:92px;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}
div.processus a.proclink:link, div.processus a.proclink:visited {
	color: #B7B7B7;
	background-image: url('../_img/lamelle_deg_clair.jpg');
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
div.processus a.proclink:hover, div.processus a.proclink:active {
	color: #787878;
	background-image: url('../_img/lamelle_deg_clair.jpg');
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
div.processus a.prochover:link, div.processus a.prochover:visited {
	color: #787878;
	background-image: url('../_img/lamelle_deg_sombre.jpg');
	background-repeat: repeat-x;
	background-position: 0px 1px;
}
div.processus a.prochover:hover, div.processus a.prochover:active {
	color: #787878;
	background-image: url('../_img/lamelle_deg_sombre.jpg');
	background-repeat: repeat-x;	
	background-position: 0px 1px;
}
div.processus img {
	border: none;
	margin: 0px;
	padding: 0px;
}
/*********** fin processus ***********/