/***
	Rouge: #B90000;
	Gris : #BFBFBF
**/

*{
	margin:0;
	border:0;
	padding:0;
}
BODY{
	background:black url('../_img/fond.gif') no-repeat top center;
	font-family:Verdana;
	font-size:11px;
}
a{
	color:black;
	text-decoration:none;
}
h1{
	color:#B90000;
	width:350px;
	font-size:20px;
	padding-bottom:3px;
	border-bottom:1px dashed black;
	margin-bottom:20px;
}
a:hover{
	color:#B90000!important;
}
.rouge{
	color:#B90000;
}
.clear{
	clear:both;
}
.en_valeur{
	color:#BFBFBF!important;
}

/** Formulaires**/
.input{
	border:1px solid #4D4D4D;
}
.bouton{
	background:url('../_img/bouton_bg.gif') no-repeat top center;
	width:112px;
	height:21px;
	color:white;	
	padding:0px 0px 4px 8px;
	cursor:pointer;
}
.bouton_gris{
	background:#B90000 url('../_img/bouton_bg_gris.gif') no-repeat top center;
	width:112px;
	height:21px;
	color:white;	
	padding:0px 0px 2px 19px;
	cursor:pointer;
}
.bouton_large{
	background:#B90000 url('../_img/bouton_bg_large.gif') no-repeat top center;
	width:153px;
	height:21px;
	color:white;	
	padding:0px 0px 2px 19px;
	cursor:pointer;
}
.error{
	border:1px solid #B90000;
}
.errorBlock{
	color:#B90000;
	margin-bottom:10px;
}
.successBlock{
	color:#B90000;
	margin-bottom:10px;
	text-align:center;
	font-weight:bold;
}

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

table.tab_list td { padding: 3px; }

table.tab_list td.total{
	padding:0;
}

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: #D9D9D9; }
tr.impaire { background-color: #FFFFFF; }
td.separation{border-right:1px dashed black; height:70px;}

table.tab_etapes{
	margin:0 auto;
}
table.tab_etapes td{
	text-align:center;
	height:25px;
}
table.tab_etapes td.rouge{
	background-color:#B90000;
	color:white;
	padding:0px 5px;
}
table.tab_etapes td.gris{
	background-color:#A6A6A6;
	color:white;
	padding:0px 5px;
}
table.tab_etapes td.gris_gris{
	height:25px;
	width:18px;
	background:#A6A6A6 url('../_img/etape_gris_gris.gif') no-repeat top center;
}
table.tab_etapes td.rouge_gris{
	height:25px;
	width:18px;
	background:#A6A6A6 url('../_img/etape_rouge_gris.gif') no-repeat top center;
}
table.tab_etapes td.rouge_rouge{
	height:25px;
	width:18px;
	background:#A6A6A6 url('../_img/etape_rouge_rouge.gif') no-repeat top center;
}
table.tab_etapes a,table.tab_etapes a:hover{
	color:white!important;
}

/**Listes**/
ul.liste{
	margin-left:30px;
}
ul.liste li{
	list-style-image:url('../_img/suivant.gif');
	margin-bottom:4px;
}

#general{
	width:973px;
	background:#BFBFBF;
	margin:0px auto;
}

/** Header **/
#header{
	background:url('../_img/header_menu.gif') no-repeat top center;
	height:85px;
	width:856px;
	position:relative;
	left:111px;
	z-index:10;
	top:0px;
	color:white;
}
#header_logo{
	position:absolute;
	cursor:pointer;
	top:0px;
	left:-125px;
	width:113px;
	height:109px;
	padding:0 7px 6px 5px;
	_padding:0px 6px 6px;
	background:#BFBFBF;
}
#header_liens{
	position:absolute;
	top:12px;
	right:12px;
}
#header_liens a{
	color:white;
}
#header_liens a:hover{
	color:#DD0000!important;
}
#header_chercher{
	position:absolute;
	top:53px;
	right:12px;
}
#header_chercher .div_text{
	float:left;
	background:url('../_img/chercher_text.gif') no-repeat top left;
	width:124px;
	padding:2px 5px;
	height:20px;
}
#header_chercher .div_submit{
	float:left;
	height:20px;
}
#header_chercher .text{
	width:124px;
}


/** Contenu **/
#contenu{
	padding:0px 6px 6px;
	color:white;
}

#contenu_milieu{
	background:white;	
	height:100%;
}
#contenu_ariane{
	background:black;
	padding:6px 0px 11px 120px;
}
#contenu_ariane a:first-child{
	padding-left:12px;
}
#contenu_ariane a{
	color:white;
}
#contenu_menu{
	width:168px;
	padding:6px;
	text-align:center;
	float:left;
}
#contenu_texte{
	background:#D9D9D9;
	min-height:820px;
	color:black;
	margin:5px 0px 6px 4px;
	padding:25px;
	width:719px;
	float:left;
	display:inline;
}
#contenu_index{
	background:black;
}
#contenu_bas{
	background:black;
	padding:10px;
}
#contenu_bas ul{
	list-style-image:url('../_img/petit_carre.gif');
	float:left;
	margin-left:20px;
}
#contenu_bas li{
	padding-bottom:10px;
}
#contenu_bas a{
	color:white;
}
#contenu_bas .titre{
	font-size:11px;
	padding-bottom:2px;
}
#contenu_bas .logos{
	float:right;
}

/**Menu gauche**/
#menu_containeur{
	background:#323232 url('../_img/menu_bg.gif') repeat-x top center;
	width:169px;
	margin:-2px 2px 0px;
	padding-bottom:3px;
}
#menu_containeur ul{
	width:160px;
	margin:0px 3px; 
	border-right:1px solid white;
	border-left:1px solid white;
	border-bottom:1px solid white;
}

#menu_containeur li{
	list-style:none;
	cursor:pointer;
	padding:6px 0px;
	border-top:1px dashed #BFBFBF;
}
#menu_containeur li.sous_menu{
	border:none;
	background:#464648;
	padding:3px 0px;
}

#menu_containeur li:hover,#menu_containeur li.hover{
	background:#707173;
}
#menu_containeur li:first-child{
	border-top:0px;
}
#menu_containeur a{
	color:white;
}
#menu_containeur a:hover{
	color:white!important;
}

/** 	Produits vus **/
#produits_vus{
	color:#707173;
	margin-left:2px;
}

/** Listing des pages **/
.listing_haut{
	padding-left:10px;
}
.listing_haut a{
	padding:2px 0px 2px 2px;
}
.listing_haut a.hover{
	background:#B90000;
}
.liste_tri{
	float:right;
	height:40px;
	margin-right:-5px;
	#margin-right:-4px;
}

/*** Footer **/
#footer{
	height:30px;
	line-height:22px;
	text-align:center;
}

/** Tags **/
#tags{
	width:973px;
	margin:auto;
	height:20px;
	text-align:center;
	font-size:9px;
	padding-top:15px;
}
#tags a{
	color: silver;
}
#tags a:hover{
	color: gray;
}
.tags_bloc{
	width:300px;
	text-align:left;
	float:left;
	padding-bottom:20px;
	color:#999999;
	text-align:justify;
}
.tag_bloc1, .tag_bloc2{
	padding-right:36px;
}

/** Boutique **/
.bloc_produit_img{
	width:130px;
	height:130px;
	border:1px solid black;	
	background-color:white;
	margin-bottom:4px;
	text-align:center;
	padding:5px;
	position:relative;
}
.promo{
	background:url('../_img/promo.gif') no-repeat center center;
	color:white;
	font-weight:bold;
	font-size:11px;	
	font-family: Arial, Helvetica, sans-serif;
	width:45px;
	line-height:4em;
	height:43px;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
}

.bloc_produit_txt{
	width:142px;
	text-align:center;
	float:left;
	margin-bottom:10px;
}
.bloc_produit_txt a.produit_nom{
	font-size:11px;	
}
.bloc_produit_txt a.produit_prix{
	font-size:12px;	
	color:#B90000;
}
.produit_prix_barre{
	font-size:10px;	
	color:#B90000;
}
.bloc_produit_txt .un      {
    margin:0 4px;
    height:1px;
    background-color:#FFFFFF;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #FFFFFF;
    border-top:0;border-bottom:0;}

.bloc_produit_txt .deux {
    margin:0 3px;
    height:1px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #FFFFFF;
	 background-color:white;
    border-top:0;border-bottom:0;}

.bloc_produit_txt .trois{
    margin:0 2px;
    height:2px;
    overflow:hidden;/*necssaire pour IE */
    border:1px solid #FFFFFF;
	 background-color:white;
    border-top:0;border-bottom:0;}

.bloc_produit_txt .quatre {
    margin:0 1px;
    height:2px;overflow:hidden;/*necssaire pour IE */
    border:1px solid #FFFFFF;
	 background-color:white;
    border-top:0;border-bottom:0;}
.bloc_produit_txt  .centrearrondi {
    border:1px solid #FFFFFF;
	 background-color:white;
    border-top:0;border-bottom:0;
    margin:0 1px;
    padding:0 2px;
    min-height:65px;/* avec eventuellement une hauteur mini */
    height:auto!important;
    height:30px;
}

/** Produits vus **/
.bloc_produit_petit{
	width:49px;
	height:49px;
	border:1px solid black;
	background:white;
	float:left;
	padding:4px 2px 2px;
	margin:4px 6px 4px 0px;
	text-align:center;	
}


/**Panier **/
.panier_total_gauche{
	padding:10px 0px 10px 15px;
	border:1px solid black;
	border-right:0px;
	float:right;
	font-size:12px;
}
.panier_total_droite{
	padding:10px 5px 10px 0px;
	border:1px solid black;
	border-left:0px;
	font-size:12px;
}

/** Select **/
.styledSelect {
	width: 170px;
	height: 27px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #FFF url('../_img/select.gif') top left no-repeat;
}
.styledSelect ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.styledSelect.open ul {
	padding: 0px;
}
.styledSelect ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 4px 15px 3px 10px;
	display: block;
}
.styledSelect.open ul li { background-color: black; }
.styledSelect.open ul li.selected { background-color: #B90000; }
.styledSelect.open ul li:hover { background-color: #BFBFBF; }

.styledPetitGrisSelect {
	width: 110px;
	height: 27px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #FFF url('../_img/select_petit_gris.jpg') top left no-repeat;
	cursor:pointer;
	color:white;
}
.styledPetitGrisSelect ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.styledPetitGrisSelect.open ul {
	padding: 0px;
}
.styledPetitGrisSelect ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 4px 15px 3px 10px;
	display: block;
}
.styledPetitGrisSelect.open ul li { background-color: black; }
.styledPetitGrisSelect.open ul li.selected { background-color: #B90000; }
.styledPetitGrisSelect.open ul li:hover { background-color: #BFBFBF; }


.styledPetitSelect {
	width: 58px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #FFF url('../_img/select_petit.gif') top left no-repeat;
}
.styledPetitSelect ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.styledPetitSelect.open ul {
	padding: 0px;
}
.styledPetitSelect ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 2px 15px 3px 10px;
	display: block;
}
.styledPetitSelect.open ul li { background-color: white; }
.styledPetitSelect.open ul li.selected { background-color: #B90000; }
.styledPetitSelect.open ul li:hover { background-color: #BFBFBF; }


.styledBlancSelect {
	width: 146px;
	height: 20px;
	margin: 0;
	padding: 0;
	position: relative;
	background: #FFF url('../_img/select_blanc.gif') top left no-repeat;
}
.styledBlancSelect ul {
	list-style: none;
	padding: 1px;
	margin: 0;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
}
.styledBlancSelect.open ul {
	padding: 0px;
}
.styledBlancSelect ul li {
	font-family: sans-serif;
	margin: 0;
	padding: 3px 15px 3px 10px;
	display: block;
}
.styledBlancSelect.open ul li { background-color: white; }
.styledBlancSelect.open ul li.selected { background-color: #B90000; }
.styledBlancSelect.open ul li:hover { background-color: #BFBFBF; }


/**Arrondis **/
.conteneur-arrondi{
    padding:0;
    width:48%;
    float:left;
    margin:1%;
}
.un_top   {
    margin:0 4px;
    height:1px;
    background-color:#000000;
    overflow:hidden;
    border:1px solid #000000;
    border-top:0;border-bottom:0;
}
.deux_top {
    margin:0 3px;
    height:1px;
    overflow:hidden;
    border:1px solid #000000;
	background:#000000;
    border-top:0;border-bottom:0;
}
.trois_top{
    margin:0 2px;
    height:2px;
    overflow:hidden;
    border:1px solid #000000;
	background:#000000;
    border-top:0;border-bottom:0;
}
.quatre_top {
    margin:0 1px;
    height:2px;overflow:hidden;
    border:1px solid #000000;
	background:#000000;
    border-top:0;border-bottom:0;
}
.un_bottom  {
    margin:0 4px;
    height:1px;
    background-color:#A6A6A6;
    overflow:hidden;
    border:1px solid #A6A6A6;
    border-top:0;border-bottom:0;
}
.deux_bottom {
    margin:0 3px;
    height:1px;
    overflow:hidden;
    border:1px solid #A6A6A6;
	background:#A6A6A6;
    border-top:0;border-bottom:0;
}
.trois_bottom{
    margin:0 2px;
    height:2px;
    overflow:hidden;
    border:1px solid #A6A6A6;
	background:#A6A6A6;
    border-top:0;border-bottom:0;
}
.quatre_bottom {
    margin:0 1px;
    height:2px;overflow:hidden;
    border:1px solid #A6A6A6;
	background:#A6A6A6;
    border-top:0;border-bottom:0;
}
.centrearrondi {
	background:#A6A6A6;
    border-top:0;border-bottom:0;
    margin:0 1px;
    min-height:150px;
    height:auto!important;
    height:150px;
}	
.centrearrondi .titre{
	background:#000000;
	color:white;	
	padding:2px 0px 8px;
	margin-bottom:10px;
	text-align:center;
	font-size:12px;
}