/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#FFF;
font-size:12px;
background-color:#000;
}

.txt_footer {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #808080;}
.titre_page {font-family: Arial, Helvetica, sans-serif; font-size: 30px; color: #FFFFFF;}
.titre2_page {font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFFFFF;}

.liens_blanc {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none;}
a.liens_blanc:hover {color: #FF0000; text-decoration: underline;}

.liens_gris {font-family: Arial, Helvetica, sans-serif; color: #808080; text-decoration: none;}
a.liens_gris:hover {color: #FFFFFF; text-decoration: none;}

#conteneur {
	width:980px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:7px;
	position:relative;
}

#footer {
		width:950px;
		height:20px;
		position:relative;
		margin:0 auto;
}
		
h1 {font-size:2em; color:#1E42AA;}

/* --- ACCUEIL --- */

#conteneur_accueil {
	width:950px;
	height:544px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	border:#575757 solid 1px;
	background: url(accueil/fd.jpg) no-repeat;
}

#logo_accueil {
		background: url(accueil/logo_feux-d-artifices-unic.jpg);
		width:550px;
		height:130px;
		position: relative;
		text-indent:-5000px;
		}

#menu_drapeaux {
		width:101px;
		height:15px;
		top:41px;
		left:762px;
		position: absolute;
		text-indent:-5000px;
		}
#menu_drapeaux ul li {
		float:left;
		height:15px;
		list-style:none;
		}
#menu_drapeaux ul li.francais {
		width:37px;
		background: url(accueil/francais.jpg) no-repeat;
		}
#menu_drapeaux ul li.anglais {
		width:37px;
		background: url(accueil/anglais.jpg) no-repeat;
		}
#menu_drapeaux ul li.russe {
		width:27px;
		background: url(accueil/russe.jpg) no-repeat;
		}
#menu_drapeaux ul li a {
		display: block ;
		font: 1em Arial, Helvetica, sans-serif ;
		font-weight:bold;
		text-align: left ;
		text-decoration: none ;
		height:15px;
		}

#photo_accueil {
		background: url(accueil/photo.jpg);
		width:447px;
		height:334px;
		top:130px;
		left:0px;
		position: absolute;
		}
		
#txt_accueil {
		width:380px;
		height:110px;
		top:195px;
		left:490px;
		position:absolute;
		}

					
#bas_accueil {
		width:950px;
		height:80px;
		left:0px;
		top:464px;
		position: absolute;
		}

#bt_entrez {
		width:90px;
		height:36px;
		left:768px;
		top:341px;
		position: absolute;
		}

/* --- ACCUEIL --- */


/* --- VIDEO --- */

#video_accueil {
		width:720px;
		height:576px;
		margin-left: 130px;
		position: relative;
		}
		
#passez {
		width: 200px;
		height: 20px;
		margin-top: 10px;
		margin-left: 435px;
		position: relative;
		}

/* --- VIDEO --- */



/* --- SOCIETE --- */

#conteneur_societe {
	width:950px;
	height:544px;
	margin:0 auto;
	margin-top:0px;
	position:relative;
	border:#575757 solid 1px;
	background: url(societe/fd.jpg) no-repeat;
}
#logo_societe {
		background: url(societe/logo_feux-d-artifices-unic.jpg);
		width:450px;
		height:105px;
		position: relative;
		text-indent:-5000px;
		}
#photo_societe {
		background: url(societe/photo_societe.jpg);
		width:369px;
		height:301px;
		left:133px;
		top:115px;
		position: absolute;
		}
#txt_societe {
		width:300px;
		height:330px;
		left:544px;
		top:123px;
		position:absolute;
		}
#photo_feux {
	height:301px;
	left:110px;
	position:absolute;
	top:115px;
	width:369px;
	}
#retour {
	position:absolute;
	left:450px;
	top:100px;
	text-transform:uppercase;
	}
#retour a { color:#FFFFFF; text-decoration:none;}
#retour a:hover { color:red;}
#bt_cde {
	position:absolute;
	width:150px;
	height:15px;
	left:548px;
	top:95px;
	background-color:#990000;
	border:solid 1px white;
	text-align:center;
	}
#bt_cde a { color:#FFFFFF; text-decoration:none; text-transform:uppercase; font-weight:bold;}
#bt_cde a:hover { color:#FFCC00}

#txt_feux {
	width:230px;
	height:302px;
	left:704px;
	top:103px;
	position:absolute;
	overflow:auto;
	padding:5px;
		}
#txt_feux table {
	font-size:10px;
	background-color:#f4b606;
	color:#000000;
	}
#txt_feux table tr td {
	border-bottom:solid 1px black;
	}
#txt_feux table tr.entete { background-color:#000000; color:#FFFFFF}
p.prix { font-size:18px}
#txt_feux table tr td.pieces {
	padding-left:5px;
}
#txt_feux table tr td.num {
	background-color:#eb6909;
	text-align:center;
	font-weight:bold;
	color:#000000;
}
#txt_feux table tr td.calibre,
#txt_feux table tr td.nombre {
	text-align:center;
}
#txt_feux2 {
	position:absolute;
	left:110px;
	top:430px;
	width:830px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
#txt_feux2 img {
	float:left;
	margin-right:15px;
	margin-bottom:20px;
	}
#liste_feux dl {
	position:relative;
	float:left;
	width:171px;
	margin-right:40px;
	border-bottom:solid 1px red;
	margin-top:10px;
	z-index:10;
	}
#liste_feux dl dd a { color:#FFFFFF; text-decoration:none;}
#liste_feux dl dd a:hover { color:red;}

#menu_haut {
		width:125px;
		height:15px;
		left:823px;
		top:40px;
		position: absolute;
		}
#menu_haut ul li {
		float:left;
		height:15px;
		list-style:none;
		}
#menu_haut ul li.accueil, #menu_haut li.contact {
		width:55px;
		}
#menu_haut ul li a {
		display: block ;
		font: 1em Arial, Helvetica, sans-serif ;
		text-align: center ;
		text-decoration: none ;
		height:15px;
		}

#menu {
		width:105px;
		height:150px;
		left:16px;
		top:123px;
		position: absolute;
		}
#menu ul li {
		height:16px;
		list-style:none;
		}
#menu ul li.bt1, #menu li.bt2, #menu li.bt7, #menu li.bt8 {
		height:25px;
		}
#menu ul li a {
		display: block ;
		font: 1.2em Arial, Helvetica, sans-serif ;
		text-align: left ;
		text-decoration: none ;
		height:16px;
		}
.bt3, .bt4, .bt5, .bt6, .bt7, .bt8 {
		font: 0.8em Arial, Helvetica, sans-serif ;
		}

/* --- SOCIETE --- */


/* --- METIERS --- */

#photo_metiers_conception {
		background: url(metiers/photo_conception.jpg);
		width:369px;
		height:301px;
		left:133px;
		top:115px;
		position: absolute;
		}
#photo_metiers_creation {
		background: url(metiers/photo_creation.jpg);
		width:369px;
		height:301px;
		left:133px;
		top:115px;
		position: absolute;
		}
#photo_metiers_realisations {
		background: url(metiers/photo_realisations.jpg);
		width:369px;
		height:301px;
		left:133px;
		top:115px;
		position: absolute;
		}
#photo_metiers_son-lumiere {
		width:369px;
		height:301px;
		left:133px;
		top:115px;
		position: absolute;
		}

/* --- METIERS --- */

#contenu_partitions {
	width:700px;
	height:330px;
	left:200px;
	top:123px;
	position:absolute;
}

#liste_videos {
	margin-top:15px;
}

#contenu_partitions ul {
	/*padding-bottom:5px;*/
}
#contenu_partitions li {
	width:320px;
	float:left;
	display:block;
	height:110px;
	margin-left:0px;
}
#vignette_video {
	width:100px;
	height:100px;
	float:left;
}
#texte_video {
}
#navigation_video {
	width:700px;
	height:80px;
	left:200px;
	top:438px;
	position: absolute;
}
.lien_video {color: #FFFFFF; text-decoration: none;}
a.lien_video:hover {color: #FFFFFF; text-decoration: underline;}