/* * { margin: 0; padding: 0; } Tout SAUF <table> */
html, body, p, img, object, ul, li, a, div, h1, h2, h3, h4, span, input, small, label, acronym { margin: 0; padding: 0; }
html, body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	background-color: #333;
	margin: 0;
	padding: 0;
	color: #ffffff;
}
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	voice-family: "\"}\"";
	voice-family: inherit;
	text-align: center;
	margin: 5px 0;
}
#body {
	position: relative;
	width: 945px;
	height: 580px;
	overflow: hidden;
	margin: 0 auto;
	text-align: left;
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url('../images/laboitenoire-fond.jpg');
}
#menu {
	float: left;
	width: 238px;
	height: 580px;
}
#menu #la-boite-noire { width: 238px; height: 150px; overflow: hidden; }
#menu #la-boite-noire img { border: 0; }

#menu #menu-produits { width: 238px; text-transform: uppercase; }
#menu #menu-produits ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
#menu #menu-produits ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; width: 238px; overflow: hidden; }
#menu #menu-produits ul li a { width: 238px; display: block; background-repeat: no-repeat; padding-left: 238px; }
#menu #menu-produits #rideaux-de-scene { line-height: 28px; height: 28px; background-image: url('../images/rideaux-de-scene.jpg'); }
#menu #menu-produits #ecrans { line-height: 27px; height: 27px; background-image: url('../images/ecrans.jpg'); }
#menu #menu-produits #patiences-et-machinerie { line-height: 27px; height: 27px; background-image: url('../images/patientes-et-machinerie.jpg'); }
#menu #menu-produits #tapis-de-danse { line-height: 28px; height: 28px; background-image: url('../images/tapis-de-danse.jpg'); }
#menu #menu-produits #cds-light { line-height: 30px; height: 30px; background-image: url('../images/cds-light.jpg'); }


#menu #menu-principal { width: 238px; text-transform: uppercase; /*margin-top: 30px;*/ }
#menu #menu-principal ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
#menu #menu-principal ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; width: 238px; overflow: hidden; }
#menu #menu-principal ul li a { width: 238px; display: block; background-repeat: no-repeat; padding-left: 238px; }
#menu #menu-principal #menu1 { line-height: 23px; height: 23px; background-image: url('../images/menu-presentation-de-l-entreprise.jpg'); }
#menu #menu-principal #menu2 { line-height: 28px; height: 28px; background-image: url('../images/menu-la-boutique.jpg'); }
#menu #menu-principal #menu3 { line-height: 28px; height: 28px; background-image: url('../images/menu-l-atelier.jpg'); }
#menu #menu-principal #menu4 { line-height: 28px; height: 28px; background-image: url('../images/menu-nos-partenaires.jpg'); }
#menu #menu-principal #menu5 { line-height: 25px; height: 25px; background-image: url('../images/menu-dev-dur.jpg'); }
#menu #menu-principal #menu6 { line-height: 28px; height: 28px; background-image: url('../images/menu-actualites.jpg'); }

#menu #menu-newsletter { width: 238px; text-transform: uppercase; /* margin-top: 35px; */ }
#menu #menu-newsletter ul { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; }
#menu #menu-newsletter ul li { margin: 0; padding: 0; list-style: none; list-style-type: none; list-style-image: none; width: 238px; overflow: hidden; }
#menu #menu-newsletter ul li a { width: 238px; display: block; background-repeat: no-repeat; padding-left: 238px; }
#menu #menu-newsletter #titre-newsletter { line-height: 21px; height: 21px; background-image: url('../images/menu-ml-newsletter.jpg'); }
#menu #menu-newsletter #inscrit-newsletter { line-height: 31px; height: 31px; background-image: url('../images/menu-ml-newsletter-inscription.jpg'); }
#menu #menu-newsletter #inscrit-newsletter form { margin: 0; padding: 0; margin-left: 16px; padding-top: 4px; }
#menu #menu-newsletter #inscrit-newsletter #nl-email { width: 176px; font-size: 12px; float: left; font-family: Verdana, Helvetica, Arial, sans-serif; padding: 2px; border: 1px solid black; color: #888888; }
#menu #menu-newsletter #inscrit-newsletter #nl-btn { float: right; margin-right: 6px; height: 20px; }
#menu #menu-newsletter #voir-newsletter { line-height: 15px; height: 15px; background-image: url('../images/menu-ml-voir-newsletter.jpg'); }

#menu #menu-conseil-general { width: 238px; height: 34px; overflow: hidden; }
#menu #menu-conseil-general img { border: 0; }



#content { margin-left: 238px; text-align: justify; position: relative; }


#content #titre-contenu { height: 525px; overflow: hidden; }
#content #titre-contenu #titre { overflow: hidden; width: 667px; }
#content #titre-contenu #animation-la-boite-noire { width: 667px; height: 73px; text-align: center; }
#content #titre-contenu div.texte-ref { text-align: justify; font-family: Verdana,Helvetica,Arial,sans-serif; font-size: 13px;}
#content #titre-contenu div.centrehaut-1 {  height: 139px; padding-top: 10px; }
#content #titre-contenu div.centrehaut {  height: 117px; padding-top: 32px; width: 667px; text-align: center; }
#content #titre-contenu #contenu { height: 376px; overflow: auto; padding: 0 20px; margin-right: 1px; }



/* Tout ce qui est relatif au contenu */
#content #titre-contenu #contenu #animation-flash { text-align: center; }
#content #titre-contenu p { margin: 0 0 8px 0; }
#content #titre-contenu #contenu #plandusite { margin: 30px 0 0 100px; }
#content #titre-contenu #contenu img { border: 0; }
#content #titre-contenu #titre h1.rideaux-de-scene { font-style:italic; font-size: 20px; }

#content #titre-contenu #contenu #semaine-b { width: 579px; margin: auto; }
#content #titre-contenu #contenu #semaine-b #animation-flash,
	#content #titre-contenu #contenu #semaine-b #rubrique-1-actualite { margin-top: 15px; }

.contenu-19 { background-image:url('/reg_tpl/laboitenoire/images/dvptdurablelbn.jpg'); background-repeat: no-repeat; }

#tpl-actualite { width: 579px; margin: auto; }
#tpl-actualite div.actualite-image-liste { height: 150px; display: block; }
h1.actualite-titre { font-size: 14px; line-height: 14px; margin: 6px 0; padding: 0; }
div.actualite-image { float: left; width: 198px; height: 130px; }
div.actualite-image img { border: none; }
div.actualite-resume { margin: 0; padding: 0; float: right; width: 381px; height: 128px; overflow: hidden; }
div.actualite-resume a { text-decoration: none; color: #ffffff; }
div.actualite-resume a:hover { text-decoration: none; }
div.actualite-lirelasuite { margin-left: 198px; }
div.actualite-lirelasuite a { color: #acbdb6; text-decoration: none; }
div.actualite-lirelasuite a:hover { text-decoration: underline; }

#tpl-glossaire div.lettres { text-align: center; margin-bottom: 40px; }
#tpl-glossaire div.lettres span.jolie-lettre { padding: 0 6px;  }
#tpl-glossaire div.moteur-recherche-lexique { text-align: center; margin: 0 0 20px 0; }
#tpl-glossaire input { font-size: 12px; }
#tpl-glossaire input.boutonok, #tpl-glossaire input.inputrecherche { margin: 0 0 0 10px; padding: 1px; font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; }


#tpl-contact { margin: auto; width: 500px; }
#tpl-contact #contact-formulaire { width: 250px; float: left; border-right: 10px solid #ffffff; }
#tpl-contact #contact-formulaire div.ligne { margin: 6px 0; }
#tpl-contact #contact-formulaire label { font-weight: bold; }
#tpl-contact #contact-formulaire .large { width: 215px; }
#tpl-contact #contact-formulaire .haut { height: 70px; }
#tpl-contact #contact-formulaire input, #tpl-contact #contact-formulaire textarea { font-size: 12px; font-family: Verdana, Helvetica, Arial, sans-serif; padding: 3px; border: solid; }
#tpl-contact #contact-formulaire input.bouton-valide { border: 0; }
#tpl-contact #contact-adresse { width: 200px; float: left; margin: 70px 0 0 20px ; font-size: 13px; }

div.block500align { width: 500px; margin: auto; }

#tpl-liens div.lien { clear: left; }
#tpl-liens div.logolien { width: 160px; float: left; margin-bottom: 5px; }


#tpl-produits #description { width: auto; min-height: 276px; }
#tpl-produits #liste { width: auto; overflow: auto; margin-bottom: 18px; }
#tpl-produits table { color: #000000; }
h1.nom-produit { color: #cccccc; line-height: 60px; }

#tpl-produits #visuel { margin: 8px auto; }
#tpl-produits #famille-1 a { color: #bdc9c5; }
#tpl-produits #famille-2 a { color: #a59b8f; }
#tpl-produits #famille-3 a { color: #a9b628; }
#tpl-produits #famille-4 a { color: #89a4b5; }

#tpl-produits #liste ul li.produit-1 { margin-left: 20px; }
#tpl-produits #liste ul li.produit-2 { margin-left: 120px; }
#tpl-produits #liste ul li.produit-3 { margin-left: 220px; }
#tpl-produits #liste ul li.produit-4 { margin-left: 320px; }
#tpl-produits #liste ul li.produit-5 { margin-left: 420px; }

/* FIN : Tout ce qui est relatif au contenu */




#menu-bas { margin-top: 10px; }
#menu-bas, #menu-bas a { color: #848484; font-size: 9px; text-decoration: none; }
#menu-bas a:hover { color: #848484; text-decoration: underline; }
#menu-bas #liste-menu { float: left; margin-left: 9px; line-height:11px; width:490px; }
#menu-bas #comdapy { float: right; margin-right: 7px; }

#baspage-debug { margin-top: 20px; margin-bottom: 10px; }


img {
	border:0;
	float: none !important;
}

/* générique */
a { outline: none; }
acronym { border-bottom: 1px dotted black; }
label { cursor: pointer; }

small { font-size: 9px; }
.jolieerreur {
	margin-top: 10px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
	padding-left: 30px;
	background-image: url('/reg_medias/images/tango/16x16/status/dialog-warning.png');
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	height:auto;
	background-color: #e9ecef;
	border: 2px solid #f00;
	color: #f00;
}
p.chaleureux { font-family: Verdana,Helvetica,Arial,sans-serif; /* font-weight: bold; */ font-size: 14px; }
p.rideaux { font-family: Verdana,Helvetica,Arial,sans-serif; /* font-weight: bold; */ font-size: 14px; color: #AEBFB7; }
p.ecrans { font-family: Verdana,Helvetica,Arial,sans-serif; /* font-weight: bold; */ font-size: 14px; color: #988B7A; }
p.patiences { font-family: Verdana,Helvetica,Arial,sans-serif; /* font-weight: bold; */ font-size: 14px; color: #A9B62A; }
p.tapis { font-family: Verdana,Helvetica,Arial,sans-serif; /* font-weight: bold; */ font-size: 14px; color: #8EA9BA; }