/* CSS Document */

body {
	background-color: #d9d9d9;
	background-image: url(../../images/fond_haut.gif);
	background-repeat:repeat-x;
	background-position:top;
	font-size:75%;
}


ul, li{
	margin:0;
	padding:0;
}

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

a:hover { text-decoration:underline; }

.marge { /*font-size:71%;*/ }

#outer_wrapper{
	width:955px;
	background-image: url(../../images/fond_content_mail.png);
	background-repeat: repeat-y;
	background-position: 76px bottom;
}

#header {
	background-image: url(../../images/fond_header.png);
	background-repeat:no-repeat;
	background-position: 76px bottom;
	height:116px;
	width:955px;
}

#lefter {
	width: 179px;
}

#content {
	width:616px;
}

#righter {
	width: 113px;
	padding-left:47px;
}

#footer {
	background-image: url(../../images/fond_footer.png);
	background-repeat:no-repeat;
	background-position: 140px top;
	height:40px;
	width:955px;
	padding-top:76px;
}

div#menu_haut {
	position:relative;
	top:18px;
	left:482px;
	width:400px;
}

div#menu_haut, div#menu_haut a {
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none
}

ul.menu, div.menu {
	background-image: url(../../images/corp_menu_gauche.png);
	background-repeat: repeat-y;
	list-style-type: none;
	width:135px;
	margin:0;
	padding:5px 15px 0 6px;
	color:#FFFFFF;
	list-style-position: outside;
	text-align: right;
	size:medium;
}

ul.menu_orange, div.menu_orange {
	background-image: url(../../images/corp_menu_gauche.png);
	background-repeat: repeat-y;
	list-style-type: none;
	width:135px;
	margin:0;
	padding:5px 15px 0 6px;
	color:#000000;
	list-style-position: outside;
	text-align: right;
}
/*
ul.menu.rouge, div.menu.rouge { background-image: url(../../images/corp_menu_gauche_rouge.png); }
ul.menu.vert, div.menu.vert { background-image: url(../../images/corp_menu_gauche_vert.png); }
ul.menu.orange, div.menu.orange { background-image: url(../../images/corp_menu_gauche_orange.png) }
*/
.menu .categorie{
	/*font-size:11px;*/
	font-weight: bolder;
	color:#CCCCCC;
	text-decoration:none;
	padding-left:5px;
	text-align:left;
}

.menu li{
	margin-top:3px;
	cursor:pointer;
	padding-left:20px;
	
}

li.gamme {
	list-style-type: none;
	text-decoration:none;
	position:relative;
	text-align:left;
	margin-left:25px;
}

li.sub_title {
	list-style-type: none;
	text-decoration:none;
	position:relative;
	text-align:left;
	margin-left:15px;
	margin-bottom: 3px;
	margin-top: 3px;
}


li.plan {
	list-style-type: disc;
	text-decoration:none;
	position:relative;
	text-align:left;
	margin-left:50px;
	margin-top:5px;
}

li.plan_categorie{
	list-style-type: none;
	text-decoration:none;
	position:relative;
	text-align:left;
	margin-left:25px;
	margin-top:5px;
}

ul.d, div.d {
	background-image: url(../../images/corp_menu_droite.png);
	padding:5px 6px 0 5px;
	width:100px;
}

div.menu p{
	margin:0;
	padding-right:5px;
	text-align:right;
}

p{
	text-align:justify;
}

p.qui {
	font-size:110%;

}

ul.menu li:hover{
	/*background-color:#666666;*/
	color:#FFFFFF;
	cursor: pointer;
}
/*
ul.menu a:hover{
	color:#FFFFFF;
	cursor: pointer;
}
*/
h3.menu, h2.menu{
	background-image: url(../../images/titre_menu_gauche.png);
	background-repeat: no-repeat;
	height:23px;
	width:135px;
	margin:0;
	color:#FFFFFF;
	font-size: 12px;
	padding-top:6px;
	padding-left:12px;
	z-index:3;
}

h3.menu_orange, h2.menu_orange{
	background-image: url(../../images/titre_menu_gauche_orange.png);
	background-repeat: no-repeat;
	height:23px;
	width:135px;
	margin:0;
	color:#000000;
	font-size: 12px;
	padding-top:6px;
	padding-left:11px;
	z-index:3;
}

h2.menu_orange{
	font-size:13px;
}



.icone {
	display:block;
	position:relative;
	top:-32px;
	right:-130px;
	width:32px;
	height:29px;
	margin-bottom:-32px;
	background-position:right;
	background-repeat:no-repeat;
}
.icone_d {
	display:block;
	position:relative;
	top:-40px;
	right:-86px;
	width:32px;
	height:29px;
	margin-bottom:-32px;
	background-position:right;
	background-repeat:no-repeat;
}

.lien_depliant_plus {
	background-image: url(../../images/plus.png);
}
.lien_depliant_moins {
	background-image: url(../../images/moins.png);
}


.i_accessoire {
	background-image: url(../../images/accessoire.png);
}
.i_route {
	background-image: url(../../images/route.png);
}
.i_cross {
	background-image: url(../../images/cross.png);
}
.i_sportswear {
	background-image: url(../../images/sportswear.png);
}
.i_custom {
	background-image: url(../../images/bottes.png);
}
.i_acc_cross {
	background-image: url(../../images/i_acc_cross.png);
}
.i_ident {
	background-image: url(../../images/ident_icone.png);
}
.i_panier {
	background-image: url(../../images/icone_panier.png);
}
.i_lien {
	background-image: url(../../images/icone_lien.png);
}

/*
h3.menu.vert, h2.menu.vert { background-image: url(../../images/titre_menu_gauche_route.png); }

h3.menu.orange, h2.menu.orange { background-image: url(../../images/titre_menu_gauche_cross.png) }
*/
/*
h3.menu.bleu, h2.menu.bleu { background-image: url(../../images/titre_menu_gauche_bleu.png) }
*/
h3.menu a, h2.menu a{
	color:#FFFFFF;
	text-decoration:none;
}

h3.menu_orange a, h2.menu_orange a{
	color:#000000;
	text-decoration:none;
}

h3.d, h2.d{
	background-image: url(../../images/titre_menu_droite.png);
	height:20px;
}

div.pied_menu{
	background-image: url(../../images/pied_menu_gauche.png);
	background-repeat: no-repeat;
	height:14px;
	width:147px;
	margin:0;
}

div.pied_menu.d{
	background-image: url(../../images/pied_menu_droite.png);
}

#loader{
	height:32px;
	width:32px;
	top:9px;
	text-align:left;
	position:relative;
	float:left;
	left:10px;
}

#text_loader{
	height:50px;
	width:200px;
	bottom:20px;
	position:relative;
	clear:left;
	text-align:left;
	left:55px;
	font-weight:bold;
	font-size:12px;
}

form {
	margin:0;
}
#identification{
	background-image: url(../../images/identification_fond.png);
	background-repeat: no-repeat;
	height:137px;
	width:112px;
	margin-top:-25px;
}

#identification h3, #panier h3{
	background:none;
	width:90px;
}

#post-it_droite h3{
	background:none;
}


input{
	background-color:#DBDBDB;
	border:1px solid #D86E31;
	border-left::1px solid #D86E31;
	border-right::1px solid #D86E31;
	border-top:1px solid #D86E31;
	border-bottom::1px solid #D86E31;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0;
}

select{
	background-color:#DBDBDB;
	border:1px solid #D86E31;
	border-left::1px solid #D86E31;
	border-right::1px solid #D86E31;
	border-top:1px solid #D86E31;
	border-bottom::1px solid #D86E31;
	font-size:12px;
	font-weight:bold;
	padding:3px;
	margin:0;
	
}

#identification input{
	margin: 5px 0px 0 10px;
	padding: 3px 3px 3px 3px;
	width:86px;
}

input.bouton{
	background: url(../../images/bouton.gif) no-repeat;
	border:0;
	height:22px;
	width:86px;
	padding:0;
	cursor:pointer;
}

input.bouton:hover{
	cursor: pointer;	
}

input:hover,.hoverInput_IE{
	cursor: pointer;
}


#login_perdu a{
	color:#000000;
	text-decoration:none;
	padding-left:3px;
}

#login_perdu a:hover {
	text-decoration:underline;
}

/****POSIT IT***/

#postit{
	/*postion:relative;*/
	height:137px;
	width:160px;
	display:block;
	text-align:right;
	margin-left:15px;
	margin-bottom:5px;
}
/****POSIT IT***/


/***Article hasard**/
#post-it_droite{
	/*position:relative;*/
	background: url(../../images/postit_droite.png) no-repeat;
	height:135px;
	width:160px;
}

#diapo{
	/*position:relative;
	display:block;*/
	height:130px;
	width:160px;
	margin-bottom:20px;
	margin-top:20px;
	margin-left:-25px;
}


#photo_art_hasard{
	position:relative;
	left:65px;
	width:80px;
	height:80px;
	top:13px;
	border:1px solid black;
	text-align:center;
}

#titre_hasard{
	position:relative;
	top:10px;
	left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:120%;
	width:150px;
	color:#000000;
}

#prix_promo_art_hasard{
	position:relative;
	color:#000000;
	font-size:150%;
	font-weight:bold;
	color:#FF0000;
	top:-30px;
	left:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
}

#prix_art_hasard{
	position:relative;
	font-size:100%;
	font-weight:normal;
	top:-50px;
	left:19px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/***Article hasard**/


#panier{
	background: url(../../images/panier.png) no-repeat;
	height:109px;
	width:112px;
	padding:0;
	color:#FFFFFF;
	text-align:center;
	position:relative;
	top:-10px;
}

#banque_site{
	background: url(../../images/banque.png) no-repeat;
	height:90px;
	width:112px;
}

#panier h3{
	text-align:left;
	margin-bottom:10px;
}

#voir_panier {
	display:block;
	color:#000000;
	text-decoration:none;
	margin-top:10px;
	padding:5px;
	height:22px;
	width:95px;
	font-weight:bold;
	text-align:center;
	background-image: url(../../images/voire_panier.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 5px;
	
}


#footer p {
	font-size:12px;
}

.titre_popup{
	font-size:160%;
	color:#FF6600;
	font-weight:bold;
}
.dialog{
	z-index:10;
}