/* Feuille de style globale du site applicetain.com */

/* Mise en forme générale */
body{
	margin: 0;
	background-color: #000;
	font-family: "Lucida Grande", "Lucida Sans", "lucida sans ms",sans-serif;
	font-size: 14px;
	color: #fff;
}
h1{
	font-size: 20px;
	color:#000;
}
h2{
	font-size: 16px;
}
h3{
	font-size: 14px;
}
a{
	color: #fff;
}
a:hover{
	color: #b98840;
}
ul{
	margin: 0;
	list-style-image:url(/images/puce.gif);
}
hr{
	border:none;
	border-bottom:1px dotted #fff;
	color: #000;
	background-color: #000;
}

/* Conteneur de la page */
#page{
	width: 1000px;
	margin: 0 auto;
	background: url("/images/fond_site.jpg") #000 no-repeat;
	border: 1px solid #88642f;
	border-top: none;
}

/* Menus (haut et bas de page ) */
.menu li{
	display: inline;
}
.menu li a{
	color: #b98840;
	line-height: 40px;
	text-decoration: none;
	white-space:nowrap;
}
.menu li a:hover{
	color: #fff;
}

/* Haut de page */
#haut{
	float: left;
}
#haut #logo{
	position: absolute;
	margin: 5px 0 0 15px;
}
#haut #logo a{
	display: block;
	width: 231px;
	height: 155px;
	background: url("/images/logo.png") no-repeat;
}
#haut #logo a span{
	display: none;
}
#haut #langues{
	float: right;
	margin: 2px 0;
	padding:0;
	list-style:none;
}
#haut #langues li{
	float: left;
}
#haut #langues li a{
	display: block;
	float: left;
	width: 36px;
	height: 36px;
}
#haut #langues li a#fr{
	background: url("/images/drapeau_fr.png") no-repeat;
}
#haut #langues li a#en{
	background: url("/images/drapeau_uk.png") no-repeat;
}
#haut #langues li a#es{
	background: url("/images/drapeau_es.png") no-repeat;
}
#haut #langues li a#de{
	background: url("/images/drapeau_ger.png") no-repeat;
}
#haut #langues li a span{
	display: none;
}
#haut #menu{
	float: left;
	width: 745px;
	background-color: #000;
	padding: 0 0 0 255px;
	margin: 0;
	font-size: 15px;
}
#haut #menu li a{
	display: block;
	float: left;
	padding: 0 9px;
	border-right: 1px solid #333;
}
#haut #menu li a:hover,
#haut #menu li a.selected{
	background-color: #2c2b2b;
}

/* Contenu de la page */
#contenu{
	float: left;
	width:640px;
	padding: 10px 40px 0 320px;
	min-height:610px;
}

/* Formulaires */
form{
}
form fieldset{
	border:none;
}
form label{
	float: left;
	width: 200px;
}
form fieldset p{
	margin:0;
	padding:0 0 5px 0;
}
form .radio label{
	width: 150px;
	float: none;
}
form .required{
	color: white;
	margin: 0 10px;
}
.bouton{
	border:1px solid #fff;
	color:#fff;
	background:none;
	cursor:pointer;
	padding:2px;
}
.bouton:hover{
	border:1px solid #b98840;
	color:#b98840;
}

/* Lightbox */
.lightbox{
	display:none;
	position:absolute;
	z-index:200;
	top:130px;
	margin-left:0;
	width:620px;
	max-height:540px;
	padding:10px;
	background:#000;
	border:1px solid #b98840;
	overflow:auto;
}
.lightbox .close{
	float:right;
	margin-bottom:-21px;
	cursor:pointer;
}

/* Définitions */
dt{
	display:block;
	height:40px;
	line-height:40px;
	background:url(/images/ampoule_32.png) no-repeat;
	padding-left:40px;
}

/* Accueil */
#accueil h1{
	font-size:23px;
}
#accueil a.important{
	background:url(/images/fleche.gif) no-repeat right center;
	padding-right:20px;
	color:#ea6717;
	text-decoration:none;
}

/* Nos créations (galerie photos) */
#fr-etiquettes-etain ul.images{
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	padding:0;
	border-bottom:1px dotted #fff;
	margin:0 0 10px 0;
}
#fr-etiquettes-etain ul.images li{
	float:left;
	margin:0 10px 0 0;
}
#fr-etiquettes-etain ul.images li img{
	display:block;
	width:140px;
	border:1px solid #b98840;
}
#fr-etiquettes-etain ul.images li p{
	margin:2px 0 10px 0;
	padding:0;
	text-align:center;
}

/* Salons et Actualités */
#fr-salons-actualites ul.actualites{
	list-style:none;
	float:left;
	width:520px;
	margin-right:20px;
	padding:0;
}
#fr-salons-actualites ul.actualites li{
	border-top:1px dotted #fff;
}
#fr-salons-actualites ul.actualites li.first{
	border-top:none;
}
#fr-salons-actualites ul.images{
	list-style:none;
	float:left;
	width:100px;
	padding:0;
	text-align:center;
}
#fr-salons-actualites ul.images img{
	border:1px solid #b98840;
	margin:0 auto 10px auto;
}

/* Plan d'accès*/
#carte{
	display:block;
	width:640px;
	height:350px;
	border:1px solid #b98840;
	color:#000!important;
}

/* Bas de page */
#bas{
	text-align: center;
	clear: left;
}
#bas ul{
	float: left;
	width: 1000px;
	line-height: 40px;
	padding: 0;
	font-size: 13px;
	border-top: 1px solid #88642f;
	border-bottom: 1px solid #88642f;
}
#bas ul li a{
	padding: 0 2px 0 10px;
	background: url("/images/puce.gif") 0 50% no-repeat;
}
#bas ul li.first a{
	background-image: none;
}
#bas address{
	font-size: 11px;
	font-style: normal;
	line-height: 30px;
}
#bas address a{
	text-decoration: underline;
}