/***************************************************************************
 *				openme.css
 *				----------
 *	Cree le		: 24 Novembre 2006
 *	Derniere modif.	: 19 Mars
 *	Auteur		: Asselin Benoit Developpement
 *	Email		: contact(a)ab-d.fr
 *
 ***************************************************************************/



html, body, h1, h2, h3, h4, div, p, span { font-size: 9pt; font-family: Arial, sans-serif; font-weight: normal; padding: 0px; margin: 0px; }
a { color: #e95f12; text-decoration: none; cursor: pointer; }
form { margin: 0px; padding: 0px; }
input, textarea { font-size: 9pt; font-family: Arial, sans-serif; }

body { background: #fff; color: #333; height: 100%; width: 100%; cursor: default; }



/* fiche */
#container { position: relative; margin: 0px auto; width: 520px; }

#head { background: url("../images/interface-2/fiche-fond.gif") no-repeat; height: 235px; color: #000; }
#head .p1 { height: 95px; }
#head .p2 { height: 90px; }

#head h1 { color: #cfcfcf; font-size: 10pt; padding: 10px 0px 10px 140px; }
#head h1 span { display: none; }
#head img { float: left; height: 190px; width: 190px; margin: 0px 10px; }
#head h2 { color: #e95f12; font-size: 14pt; }
#head h3 { font-size: 11pt; margin-top: 10px; }
#head h4 { font-size: 11pt; }
#head h4 strong { font-size: 14pt; }
#head h4 em { font-size: 9pt; }
#head .print { margin-top: 5px; }
#head .print a { position: absolute; display: block; background: url("../images/interface-2/fiche-imprimer.gif") center no-repeat; height: 34px; width: 320px; right: 0; }


#body { border-top: 1px solid #fff; color: #333; }
#body .description { border-bottom: 1px solid #ccc; padding: 10px; line-height: 24px; text-align: justify; }
#body strong { color: #e95f15; }
#body .matter,
#body .colour,
#body .information { border-bottom: 1px solid #ccc; padding: 10px; }
#body .image { text-align: center; margin-top: 10px; }
#body .pdf-1 { position: relative; text-align: center; margin-top: 10px; }
#body .pdf-1 a.pdf { display: block; background: url("../images/interface-2/fiche-pdf-2.gif") center no-repeat; height: 25px; }
#body .pdf-2 { position: relative; text-align: center; margin-top: 10px; height: 30px; }
#body .pdf-2 a.doc { position: absolute; left: 0; top: 0; display: block; background: url("../images/interface-2/fiche-pdf-1.gif") center no-repeat; height: 25px; width: 50%; }
#body .pdf-2 a.pdf { position: absolute; right: 0; top: 0; display: block; background: url("../images/interface-2/fiche-pdf-2.gif") center no-repeat; height: 25px; width: 50%; }
#body img { height: 500px; width: 500px; border: 1px solid #333; }


#foot { padding: 10px; color: #333; }
#foot h1 { font-size: 7.5pt; text-align: center; }
#foot h1 span { display: none; }
#foot strong { color: #e95f15; }
#foot em { }



/* demande de... */
body.demande { background: #fff url("../images/interface-2/openme-fond.gif") repeat-x; }
#demande { width: 595px; margin: 0px auto; }
#demande form { margin: 0px; padding: 0px; }
#demande .coordonnees { height: 190px; }
#demande h1 { background: url("../images/interface-2/demande-logo.gif") 20px 10px no-repeat; color: #e95f12; padding: 11px 0px 10px 150px; letter-spacing: 2px; }
#demande h1 span { display: none; }
#demande h2 { color: #e95f12; font-size: 13pt; margin-left: 40px; margin-bottom: 5px; }
#demande table { white-space: nowrap; border: 0px none; margin: 0px auto; }
#demande td { padding: 0px; margin: 0px; }
#demande .coordonnees table { color: #333; }
#demande .coordonnees input { width: 175px; }
#demande td.label { text-align: right; padding: 0px 10px; }
#demande td.label span { color: #e95f12; }

#demande .demandes { padding: 10px 0px; }
#demande input { margin: 0px; padding: 0px; height: 18px; font-size: 9pt; border: 1px solid #999; background: #fff; color: #666; }
#demande input.produit { width: 175px; }
#demande input.quantite { width: 40px; }
#demande input.options { width: 130px; }
#demande .demandes p { width: 540px; margin: 0px auto; }
#demande .demandes p textarea { height: 100px; width: 540px; font-size: 9pt; border: 1px solid #999; background: #fff; color: #666; overflow: auto; }

#demande .demander { text-align: center; }
#demande .demander p { text-align: left; margin: 20px 0px 0px 30px; }
#demande .demander p span { color: #e95f12; }
#demande .demander input { height: 25px; width: 178px; margin: 0px auto; border: 0px none; }
#demande #submit-devis { background: url("../images/interface-2/demande-devis.gif") no-repeat; }
#demande #submit-renseignements { background: url("../images/interface-2/demande-renseignements.gif") no-repeat; }

#demande .merci { color: #333; margin: 40px 0px 0px 0px; text-align: center; }
#demande .fermer { margin-top: 160px; text-align: center; }
#demande .fermer a { display: block; height: 25px; width: 178px; margin: 0px auto; background: url("../images/interface-2/openme-fermer.gif") no-repeat; }
#demande .fermer span { display: none; }


/* paroramique */
div.panoramique { margin: 0px auto; height: 400px; width: 600px; color: #333; }


/* agrandissement */
div.agrandissement { text-align: center; color: #333; }
div.agrandissement img { border: 0px none; }