body{ background-color: #000000 }

/* barre de navigation */
#menu a {
	font: 11px Helvetica,Arial;
	color: #ff0088;
	margin: 1px;
  	padding-left:5px; 
  	padding-right:5px;
	text-align: center;
	border: 1px solid red;
	text-decoration: none;
	background: #faf06b;}

#menu a:visited {
	color: black;}

#menu a:hover {
	background: red;
	color: black;
	border: 1px solid #faf06b;}

#menu a:active {
	background: red;
	color: black;}

/* pages generales -------------------- */
h1{ font: 22px Helvetica,Arial; font-weight: bold; color: #ffffb4; text-align: center; letter-spacing: 3px;}
h2{ font: 15px Helvetica,Arial; font-weight: bold; color: #cacaff; text-align: center; letter-spacing: 1px;}
h3{ font: 14px Helvetica,Arial; font-weight: bold; color: #cacaff; text-align: left; }

.titre1{ font-family: Arial,Helvetica; font-size : 22px; font-weight: bold; color: #ffffb4; text-align: center;}
.titre2{ font-family: Arial,Helvetica; font-size : 14px; font-weight: bold; color: #ffffb4; text-align: center;} /* remplacé par h2 */

.taille1{ font: 10px Helvetica,Arial; color: #ffffb4;}
.taille2{ font: 11px Helvetica,Arial; color: #ffffb4;}
.taille3{ font: 12px Helvetica,Arial; color: #ffffb4;}
.taille33{ font: 12px; font-family: Helvetica,Arial; font-weight: bold;color: #cacaff;}
.taille4 { font: 14px Helvetica,Arial; font-weight: bold; color: #cacaff; } /* remplacé par h2 */


/* ventes divers -------------------- */
.block {position:relative; left:0px; top:0px; padding:5px; height:390px;}
.texte {position:absolute; padding-left:5px; left:0px; top:0px;}
.paiement { position:absolute; left:0px; bottom:0px; width:160px; height:160px; padding:5px; font: 11px Helvetica,Arial; color: #ffffb4;}


/* Paiement paypal 1 */
.cadre { position:absolute; right:6px; top:232px; width:110px; height:110px; padding:10px; background:#bbbbc0; border: 2px solid #4000aa;}
.text {position:absolute; right:30px; top:5px; font: 11px Helvetica,Arial; color: #0000aa;}
.ajouter {position:absolute; right:15px; top:60px; }
.afficher {position:absolute; right:15px; top:90px;}
.dab {position:absolute; right:3px; top:20px;}
.select {position:absolute; right:15px; top:65px;}


table.contour { width:700px; border: 2px solid #000088; background: #333333; border-collapse: collapse; } /* doit etre remplacé par tab1 et tab2 ci-dessous */

/* -----------  page accueil -----------  */
.tab-ind{ 
width:680px; background: #000000;
margin-left:auto;
margin-right:auto;
border: 2px solid #000088;
}
.tab-ind tr td{ 
padding:10px;
}

/* -----------  table 1 -----------  */
.tab1{ 
width:700px;
margin-left:auto;
margin-right:auto;
border: 2px solid #000088;
}
.tab1 tr td{ 
padding:5px;
}
/* -----------  table 2 -----------  */
.tab2{ 
width:700px;
margin-left:auto;
margin-right:auto;
border: 2px solid #000088;
border-spacing:10px;
}
.tab2 img { margin-left:10px; margin-right:10px; margin-top:3px; margin-bottom:3px; float:left;}
.tab2 tr { font: 12px Helvetica,Arial; color: #ffffb4;}
.tab2 tr td { 
padding:5px;
text-align: top;
background: #333333;
}

/* -----------  table 3 -----------  */
.tab3{ 
width:700px;
margin-left:auto;
margin-right:auto;
border: 2px solid #000088;
border-spacing:8px;
background: #333333;
}

/*  table 4 grille tarif -----------  */
.tab4{ 
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid #000088;
	border-collapse:collapse;

}
.tab4 tr td{ 
	padding:5px;
	border-width:1px;
	border-style:solid; 
	border-color:#880000;
}


hr {
clear: both;
width: 100%; align:center;
border: 0; /* enleve toute bordure */
border-bottom: 8px #222232 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 8px; /* pour IE */
}

/* bandeau entete */
#pos1 {position:relative; top:60px; }
#pos2 {position:absolute; left:0px; }
#pos3 {position:absolute; right:5px; top:12px;  }
.bg1 {background-image:url(http://www.art-du-feu.net/image/firework.jpg); background-repeat:no-repeat; background-position: 0px 0px; height: 190px; width:700px;}


/* accueil */
.bg2 {background-image:url(http://www.art-du-feu.net/image/fond_500x600.jpg); background-repeat:no-repeat; background-position: 160px 55px;}
.slogan { position: relative; left: 60px; top: 100px; font-family: Arial,Helvetica; font-size : 25px; font-weight: bold; color: #F8A10B; text-align: center; }


/* -------------------------------------------------------------------------------------------- */
/* tarifs*/
.taille44 { font: 11px Helvetica,Arial; color: #cacaff; }

/* -------------------------------------------------------------------------------------------- */
/*pages règlementation */
.titre3 { font-family: Arial,Helvetica; font-size : 30px; font-weight: bold; color: #CACAFF; text-align: center;}
.taille5 {font-size: 16px; font-weight: bold; color: #cacaff; }

/* -------------------------------------------------------------------------------------------- */
/*pages galerie */
.textmin { font-size: 11px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; }
.textbg { font-size: 20px; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; }
#album {text-align:center; margin-top:40px;}
#album img {text-align:center; margin-top:40px;}
#onglet a {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#ee0000; background:#000088; padding:2px; padding-top:0px; margin-bottom:50px;}
#onglet a:hover {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#eeee00; background:#000055;}

/*formulaire-------------------------------------------------- */
.champ1 { border: 1px solid; border-color:#000080; font-size:12px; width: 200px; font-family: Arial, Helvetica, sans-serif; height: 15px; }
.champ2 { border-right: #000000 1px solid; border-top: #000000 1px solid; font-size: 12px; border-left: #000000 1px solid; width: 200px; border-bottom: #000000 1px solid; font-family: Arial, Helvetica, sans-serif; height: 80px }
.merci { border: 2px solid; border-color:#666666; background: #333333; width:640px; height:400px;}
.red { font: 10px Helvetica,Arial; color: #ee0000;}
input { background-color:#bbbbbb; }
textarea { background-color: #bbbbbb; }

/*pages commande ------------------------------------ */
.taille2 {font-size: 12px; font-family: Helvetica,Arial; color: #000000;}
.taille11 {font-size: 11px; font-family: Helvetica,Arial; color: #800000; }
.taille14 {font-size: 14px; font-family: Helvetica,Arial; font-weight: bold; color: #000000; }
.taille15 {font-size: 11px; font-family: Helvetica,Arial; color: #ffffff; }
.taille16 {font-size: 16px; font-family: Helvetica,Arial; font-weight: bold; color: #ffffff; }


/* ------------------------------------------------------ */
/* Liens pages standards */

a { color: #DCBE1E;}
a:visited {color: #DCBE1E;}
a:hover { color: #0F46FF; background: #96C8FA;}
a:active { color: #ccff00;}

/* ------------------------------------------------------ */
/**** Menu ****/
	#nav ul {
		position:relative;
		width: 125px;
		list-style:none;
		margin-left:10px;
		margin-top:30px;
		padding:0px;
		}
	#nav li {
		margin-bottom: 10px ;
		}
	#nav li a {
		display: block;
		border-radius:5px;
		-webkit-border-radius:5px;
		color: #08418A;
		border: 1px solid #CC003A;
		background: #88BDF9;
		font-family: Helvetica,Arial; font-size:12px; font-weight: bold;
		padding: 3px 4px;
		text-align: center ;
		text-decoration: none ;
		}
	#nav li a:hover, #nav li a:focus, #nav li a:active {
		background: #1552A0;
		text-decoration:none;
		color: #eeeefe;
		}