/* CSS Document */
body, html{height:100%;}
/*#accueil{overflow:hidden}*/

body{
	background:url(../images/bg.jpg) repeat-x #8a0c0c;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}

#header{
	height:49px;
	margin:0;
	padding:0;
	border-bottom:1px dashed #c58686;
}

ul#menuTop{ height:29px; margin:0 0 0 249px; padding:20px 0 0 0; list-style:none; border-left:1px dashed #c58686;}
ul#menuTop li{ display:inline;}
ul#menuTop li a{ display:block; float:left; height:20px; padding:9px 0 0 0; margin:0 0 0 10px; text-align:center; background-position:top; color:#FFF; font-size:12px; font-weight:bold; text-decoration:none; }
ul#menuTop li a:hover{ background-position:bottom; }
#presentation{background:url(../images/li-presentation.gif) no-repeat; width:92px;}
#contact{background:url(../images/li-contact.gif) no-repeat; width:108px;}
#cgv{background:url(../images/li-cgv.gif) no-repeat; width:190px;}

#colGauche{
	width:249px;
	float:left;
	}
#homePage{
	height:45px;
	width:249px;
	position:absolute;
	text-indent:-1000px;
	}
#logo{
	height:45px;
	width:249px;
	margin:0 0 13px 0;
	padding:0;
	background:url(../images/logo-cedric-rolly.gif) no-repeat;
	text-indent:-1000px;
}


#soldat {position:relative; z-index:200; width:73px; height:227px; margin-left:10px;}	
#accroche {position:relative; left:80px; top:-235px; width:151px; height:53px; background:url(../images/accroche.gif); z-index:50; text-indent:-5000px; }

#dhtmlgoodies_slidedown_menu { position:relative; top:-245px; left:35px; z-index:100; width:196px; height:140px; }
#dhtmlgoodies_slidedown_menu li { list-style-type:none; position:relative; }
#dhtmlgoodies_slidedown_menu ul { margin:2px 0 0 0; padding:0; position:relative; }
#dhtmlgoodies_slidedown_menu div { margin:2px 0 0 0; padding:2px 0 5px 0; background:#20252b;}
#dhtmlgoodies_slidedown_menu a { color: #fff; text-decoration:none; display:block; clear:both; width:188px; padding-right:8px; z-index:300;}
#dhtmlgoodies_slidedown_menu a:hover{color: #fff; text-decoration:none; display:block; clear:both; width:188px; padding-right:8px;}
#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */ margin-top:2px; font-weight:bold; background:url(../images/bg-menu.jpg) no-repeat; color:#FFFFFF; font-size:14px; line-height:30px; text-align:right; padding-right:8px;}	
#dhtmlgoodies_slidedown_menu .slMenuItem_depth2 { padding-top:2px; padding-bottom:2px;}	
#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul { padding:0px;}
#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul { text-align:right; font-size:11px; font-weight:bold;}

#pierreRolly {float:left; padding:0 0 15px 0; margin:0; position:relative; color:#FFFFFF; font-size:12px; text-decoration:none; font-weight:bold; left:15px; line-height:15px;}


#colDroite { float:left; width:475px; margin:0; padding:20px 0 15px 15px; border-left:1px dashed #c58686;}
#animFlash {float:left; padding:0; margin:0 0 10px 0; width:460px; height:218px;}

#txtAccueil { float:left; padding:0 0 20px 0; margin:0; width:460px; font-size:15px; color:#FFFFFF; }
#txtAccueil a { font-size:12px; color:#FFFFFF; font-weight:bold; }

#catalogue{ float:left; margin:5px 0 0 0; padding:0; width:460px; height:20px; background:url(../images/titre-catalogue.gif) no-repeat left; text-indent:-5000px; }
#btnFusils{ width:179px; height:36px; background:url(../images/btn-fusils.gif) no-repeat; margin:10px 0 0 -13px; padding:50px 0 0 60px; float:left; font-size:11px; text-decoration:none; color:#FFFFFF;}
#btnPistolets{ width:223px; height:44px; background:url(../images/btn-pistolets.gif) no-repeat; margin:11px 0 0 10px; padding:48px 0px 0 12px; float:left; font-size:11px; text-decoration:none; color:#FFFFFF; }
#btnArmes{ width:160px; height:36px; background:url(../images/btn-armes.gif) no-repeat; margin:5px 5px 0 0px; padding:45px 60px 0 10px; float:left; font-size:11px; text-decoration:none; color:#FFFFFF;}
#btnMilitaria{ width:157px; height:37px; background:url(../images/btn-militaria.gif) no-repeat; margin:0; padding:49px 60px 0 10px; float:left; font-size:11px; text-decoration:none; color:#FFFFFF;}
#btnFusils span, #btnPistolets span, #btnArmes span, #btnMilitaria span { font-weight:bold; font-size:12px;}

.lienProd{ font-weight:bold; font-size:12px; color:#FFF; text-decoration:none; }
.lienProd:hover{ color:#c7ce0b; text-decoration:underline; }	


#colonneNouveautes {float:left; padding:0; margin:20px 0 0 0; width:215px; display:inline;}
#colonneNouveautes h2 {float:left; padding:0; margin:0; width:215px; height:19px; background:url(../images/titre-nouveautes.gif) no-repeat; text-indent:-5000px; display:inline;}
#colonneNouveautes img#fusil, #colonneNouveautes img#arme {float:left; border:1px solid #6d0b0b; padding:4px 7px; margin:10px 0 0 0; }
#colonneNouveautes img#pistolet {float:left; border:1px solid #6d0b0b; padding:4px 56px; margin:10px 0 0 0;}
#colonneNouveautes img#militaria {float:left; border:1px solid #6d0b0b; padding:4px 61px; margin:10px 0 0 0;}
#colonneNouveautes h3 { font-size:12px; padding:3px 0 0 0; margin:0; float:left; color:#FFFFFF; width:215px; }
#colonneNouveautes h3 a { color:#FFFFFF; text-decoration:none }
#colonneNouveautes p{ font-size:13px; padding:4px 0; margin:0 0 5px 0; float:left; color:#FFFFFF; border-bottom:1px solid #b96d6e; width:215px;}
#colonneNouveautes p span{ color:#f59d29; font-weight:bold}




#footer{
	clear:both;
	position:relative;
	background:url(../images/bg-footer.jpg) repeat-x #8a0c0c;
	border-top:1px dashed #c58686;
	min-height:80px;
/*	height:100%;
*/	width:100%;
}
#adresse{
	width:239px;
	margin:5px 0 0 10px;
	padding:0;
	font-size:11px;
	color:#FFF;
	float:left;
	display:inline;
	}
#adresse a{
	color:#FFF;
	}
#adresse a:hover{
	color:#c7ce0b;
	}
#lienBas{
	float:left;
	height:70px;
	width:500px;
	border-left:1px dashed #c58686;
	text-align:right;
	padding:5px 0 0 0;
	font-size:11px;
	}
#lienBas a{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	}
#lienBas a:hover{
	color:#c7ce0b;
	text-decoration:underline;
	}
	

/***************** TITRES ********************/
#titrePresentation{
	background:url(../images/titre-presentation.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreContact{
	background:url(../images/titre-contact.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreCgv{
	background:url(../images/titre-cgv.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreFusils{
	background:url(../images/titre-fusils.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titrePistolets{
	background:url(../images/titre-revolvers.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreArmes{
	background:url(../images/titre-armes.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreMilitaria{
	background:url(../images/titre-militaria.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
#titreMentions{
	background:url(../images/titre-mentions.gif) no-repeat;
	width:485px;
	height:85px;
	margin:0;
	padding:0;
	text-indent:-1000px;
	}
/*********************************************/
h3#nomProduit{
	font-size:16px;
	width:480px;
	margin:0 0 5px 0;
	padding:0;
}

.texteNav{
	font-size:12px;
	width:480px;
	padding:0 0 20px 0;
	margin:0;
	text-align:justify;
}
.prix{
	font-size:14px;
	width:480px;
	margin:0 0 20px 0;
	padding:0;
	line-height:18px;
}
.photo{
	width:480px;
	margin:10px 0;
	padding:0;
}


ul#categorie {float:left; font-size:14px; color:#c7ce0b; margin:0 0 20px 18px; padding:0; width:460px;}
ul#categorie li { float:left; padding:0 0 0 18px; margin:0 0 8px 0; width:440px; list-style:none; background:url(../images/puce-categories.gif) no-repeat left center;}
ul#categorie li	a {font-weight:bold; color:#FFF; text-decoration:none;}
ul#categorie li	a:hover{color:#c7ce0b; text-decoration:underline;}

h1 {
	clear:left;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 10px 0px;
	margin:10px 0 0 0;
}

#produit {
	float:left;
	margin:0 0 15px 0;
	padding:5px 8px 8px 8px;
	font-size:12px;
	text-align:justify;
	width:465px;
	height:85px;
	background:#6d0b0b;
	color:#FFF;
	position:relative;
	
	/*background:url(images/fond-produit.jpg) no-repeat #e5e3d7;*/
}

	#produitGauche { float:left; width:265px;}
	#produitGauche p { clear:left; width:265px; padding:0; margin:0;}
	#produitGauche h3 {font-weight:bold; font-size:13px; padding:1px 10px 5px 0; margin:0; color:#FFF; text-align:left;}
	
	#produitDroite { float:left; width:200px; text-align:center;}
	p.plusDetails {
		float:right;
		margin:2px 0 0 0;
		background:#a8ae05;
		width:200px;
		color:#FFFFFF;
		font-weight:bold;
		text-align:center;
		font-size:13px;
	}
	p.plusDetails a {color:#FFFFFF; text-decoration:none;}

#promo {float:left;z-index:100;position:relative; margin:-48px 0 15px -5px; width:460px; font-size:12px;}
#promo span {color:#f59d29; font-weight:bold;}


	a.introProduit {
		color:#363b42;
		text-decoration:none;
		cursor:pointer;
		font-size:12px;
		line-height:20px;
	}

a.voirPhotos {
	color:#3aa7be;
	text-decoration:underline;
	font-weight:bold;
}

a.haut {
	float:left;
	text-align:right;
	width:495px;
	padding:0px;
	font-size:11px;
	color:#FFF;
	text-decoration:none;
}


/* ------------------------------------ */
/*          Liste des salons            */
/* ------------------------------------ */
#salons {
	clear:left;
	padding:40px 0 0 0;
	margin:20px 0 0 0px;
	width:480px;
	background:url(../images/fond-salons.jpg) no-repeat;
}
#salons h4 {color:#c7ce0b; font-weight:bold; font-size:13px; padding:0 0 2px 15px; margin:0;}
#salons p {font-size:12px; padding:0 15px; margin:0; text-align:justify; line-height:15px}

/* ------------------------------------ */
/*          DIV FORM CONTACT            */
/* ------------------------------------ */
#zoneForm{margin:15px 0 0 0px; padding:0; border:none;}
.champFrom{vertical-align:top; margin:0 0 8px 10px; padding:0 0 8px 0; width:470px; }
label.form { display:inline ; float:left ; width:110px; font-size:12px; }
#zoneForm .largeur{ background:none; width:353px; border:1px solid #999; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#707304;}