body {
	background-image:url(images/background.gif);
	background-position:top;
	margin-top:0px;
	padding:0px;
	color: black;
	text-align: center;
}

h1, h2
{
	position:absolute;
}

#mainContainer
{
	width:786px;
	height:859px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

#container
{
	position:absolute;
	width:786px;
	height:859px;
	background-color:white;
	text-align:left;
}

#javaMessage
{
	position:absolute;
	width:786px;
	height:859px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-image:url(images/background.gif);
	text-align:center;
}

#containerLeftBorder /* bords geres differemment dans IE et FireFox */
{
	position:absolute;
	background-color:rgb(255,122,3);
	width:7px;
	height:859px;
	margin-left:-7px;
}

#containerRightBorder
{
	position:absolute;
	background-color:rgb(89,167,217);
	width:7px;
	height:859px;
	margin-left:786px;
}

/* ---------------------------- accueil logo ------------------------------- */
#accueilLogo
{
	position:absolute;
	width:435px;
	height:119px;
	background-color:black;
	color:black;
	overflow:hidden;
}

#accueilLogoImg
{
	position:absolute;
	width:435px;
	height:119px;
	background-image:url(images/accueil_logo_NB.gif);
}

.logoLetter
{
	position:absolute;
	width:53px;
	height:24px;
	margin-top:-11px;
}

#logoDeco
{
	position:absolute;
	width:413px;
	height:25px;
	margin-top:43px;
	margin-left:17px;
	overflow:hidden;
}

#logoDecoImg
{
	position:absolute;
	width:413px;
	height:51px;
	margin-top:25px;
	background-image:url(images/accueil_logo_deco.gif);
}

/* --------------------------- accueil haut droit ---------------------------*/

#accueilTopRight
{
	position:absolute;
	background-image:url(images/accueil_top_right.jpg);
	width:351px;
	height:327px;
	margin-left:435px;
}

/* ------------------------- accueil haut gauche ---------------------------*/

#accueilTopLeft
{
	position:absolute;
	background-image:url(images/accueil_top_left.jpg);
	width:435px;
	height:208px;
	margin-top:119px;
}


/* ----------------------------- exposition ------------------------------*/

#exposition
{
	position:absolute;
	width:586px;
	height:40px;
	margin-top:265px;
	margin-left:200px;
	background-color:rgb(255,122,3);
	color:rgb(255,122,3);
	overflow:hidden;
}

#expositionImg
{
	position:absolute;
	width:586px;
	height:40px;
	background-image:url(images/accueil_exposition.gif)
}

/* ---------------------------- bandeau titre ------------------------------*/

.titleContainerL1
{
	position:absolute;
	width:786px;
	height:46px;
	background-color:rgb(125,125,125);
	color:rgb(125,125,125);
	overflow:hidden;
}

.titleContainerL2
{
	position:absolute;
	width:786px;
	height:71px;
	margin-top:-25px;
	overflow:hidden;
}

.titleContainerL3
{
	position:absolute;
	width:786px;
	height:46px;
	margin-top:25px;
}

.lienGris
{
	position:absolute;
	color:rgb(125,125,125);
	text-decoration:none;
}

.textDefilant
{
	position:absolute;
	margin-top:90px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
}

/* -------------------------- fenetre metier ------------------------------ */

#metier
{
	position:absolute;
	width:287px;
	height:1px; /* 192px */
	margin-top:60px;
	margin-left:486px;
	overflow:hidden;
	visibility:hidden;
	background-image:url(images/fond_metier.jpg);
}

#metierContainer
{
	position:absolute;
	width:267px;
	height:172px;
	margin-top:25px;
	margin-left:10px;
	overflow:hidden;
}

#metierText
{
	position:absolute;
	width:267px;
	height:800px;
	margin-top:0px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

#boutonMetier
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:39px;
	margin-left:501px;
	background-image:url(images/bouton_metier.gif)
}

/* ---------------------------- accueil bas ----------------------------- */

#bandeGrise
{
	position:absolute;
	width:786px;
	height:30px;
	margin-top:550px;
	background-color:rgb(200,200,200);
}

#accueilBottom
{
	position:absolute;
	width:786px;
	height:279px;
	margin-top:580px;
	background-image:url(images/accueil_bottom.jpg)
}

#photos
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:559px;
	margin-left:259px;
	background-image:url(images/accueil_photos.gif);
}

#plan
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:559px;
	margin-left:436px;
	background-image:url(images/accueil_plan.gif);
}

#contact
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:559px;
	margin-left:613px;
	background-image:url(images/accueil_contact.gif);
}

#nous
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:559px;
	margin-left:82px;
	background-image:url(images/accueil_nous.gif);
}

/* ------------------------------ visite ------------------------------- */

#visiteBandeau
{
	position:absolute;
	width:786px;
	height:90px;
}

#visiteLogo
{
	width:322px;
	height:90px;
	float:left;
	background-image:url(images/visite_logo.gif);
}

#visiteAdresse
{
	width:464px;
	height:90px;
	float:right;
	background-image:url(images/visite_adresse.jpg);
}

#visiteBG
{
	position:absolute;
	width:786px;
	height:588px;
	background-color:rgb(125,125,125);
	overflow:hidden;
}

#visiteImg
{
	position:absolute;
	width:786px;
	height:588px;
	overflow:hidden;
}

#visiteLoad
{
	position:absolute;
	width:32px;
	height:32px;
	margin-top:278px;
	margin-left:377px;
	background-image:url(images/chargement.gif);
}

#visiteBas
{
	position:absolute;
	width:786px;
	height:28px;
	background-color:rgb(200,200,200);
	overflow:visible;
}

#visiteRetour
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:8px;
	margin-left:13px;
	background-image:url(images/visite_retour.gif);
}

#visitePrecSuiv
{
	position:absolute;
	width:182px;
	height:40px;
	margin-top:8px;
	margin-left:245px;
	background-image:url(images/visite_photo.gif);
}

#visitePlan
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:8px;
	margin-left:440px;
	background-image:url(images/visite_plan.gif);
}

#visiteContact
{
	position:absolute;
	width:160px;
	height:40px;
	margin-top:8px;
	margin-left:613px;
	background-image:url(images/visite_contact.gif);
}

/* ---------------------------- plan Google ----------------------------- */

#ggMap
{
	width:676px;
	height:488px;
	margin-left:55px;
	margin-top:50px;
	border: 1px solid black;
}

#infoWindowContainer
{
	position:absolute;
	width:224px;
	height:70px;
	margin-left:-2px;
	margin-top:-5px;
	background-color:white;
	overflow:hidden;
}

#infoWindow
{
	position:absolute;
	margin-top:5px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#999999;
	font-size:12px;
	text-align:center;
}

/* ---------------------------- photos ----------------------------- */

#photoContainer
{
	position:absolute;
	width:786px;
	height:637px;
	margin-top:93px;
	background-color:rgb(125,125,125);
	overflow:hidden;
}

#photoBarL1
{
	position:absolute;
	width:728px;
	height:104px;
	margin-top:10px;
	margin-left:28px;
	overflow:hidden;
}

#photoBarL2
{
	position:absolute;
	width:2920px;
	height:104px;
}

.photoBarL3
{
	width:137px;
	height:102px;
	margin:0px 15px 0px 0px;
	float:left;
	border: 1px solid white;
	background-color:white;
}

#photoImg
{
	position:absolute;
	margin-top:128px;
	margin-left:63px;
	width:660px;
	height:494px;
}

#photoLoad
{
	position:absolute;
	width:32px;
	height:32px;
	margin-top:359px;
	margin-left:377px;
	background-image:url(images/chargement.gif);
}

#flecheD
{
	position:absolute;
	width:15px;
	height:45px;
	margin-top:40px;
	margin-left:8px;
	background-image:url(images/fl_gauche.gif);
}

#flecheG
{
	position:absolute;
	width:15px;
	height:45px;
	margin-top:40px;
	margin-left:762px;
	background-image:url(images/fl_droite.gif);
}

/* ---------------------------- boite info ----------------------------- */

#boiteIcone
{
	position:absolute;
	width:29px;
	height:29px;
	margin-top:5px;
	margin-left:752px;
	background-image:url(images/info_icone.gif);
}

#boiteInfo
{
	position:absolute;
	width:281px;
	margin-top:11px;
	margin-left:495px;
	visibility:visible;
}

#boiteMotif
{
	position:absolute;
	width:281px;
}

#boiteMotifHaut
{
	width:281px;
	height:26px;
	background-image:url(images/info_haut.gif);
}

#boiteMotifMilieu
{
	width:281px;
	background-image:url(images/info_milieu.gif);
}

#boiteMotifBas
{
	width:281px;
	height:32px;
	background-image:url(images/info_bas.gif);
}

#boiteFermer
{
	position:absolute;
	width:54px;
	height:15px;
	margin-top:3px;
	margin-left:208px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-decoration:none;
}

#boiteTexte
{
	position:absolute;
	width:241px;
	margin-top:20px;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:white;
}

/* ---------------------------- marques ----------------------------- */

.marquesContainer
{
	position:absolute;
	width:281px;
	overflow:visible;
	text-align:center;
}

.marquesContainer div
{
	margin:auto;
	margin-top:10px;
}

#mBomat
{
	width:109px;
	height:43px;
	background-image:url(images/logo_bomat.gif);
}

#mDiacasan
{
	width:51px;
	height:111px;
	background-image:url(images/logo_diacasan.gif);
}

#mSLesage
{
	width:65px;
	height:75px;
	background-image:url(images/logo_slesage.gif);
}

#mLignePure
{
	width:149px;
	height:30px;
	background-image:url(images/logo_lignepure.gif);
}

#mTlmB
{
	width:66px;
	height:87px;
	background-image:url(images/logo_TlmB.gif);
}

#mBalsan
{
	width:133px;
	height:57px;
	background-image:url(images/logo_balsan.gif);
}

#mArte
{
	width:112px;
	height:26px;
	background-image:url(images/logo_arte.gif);
}

#mElitis
{
	width:92px;
	height:26px;
	background-image:url(images/logo_elitis.gif);
}

#mLediteur
{
	width:109px;
	height:25px;
	background-image:url(images/logo_lediteur.gif);
}

/* ---------------------------- présentation ----------------------------- */

#photoPresent
{
	position:absolute;
	width:786px;
	height:589px;
	margin-top:93px;
	background-image:url(images/presentation.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:rgb(45,45,45);
}