
body{
	background-image:url('../images/body_bg.jpg');
	background-repeat:repeat-x;
	background-color:#fff;
	background-position:top center;
	margin:0px;
	padding:0px;	
	text-align:center;
	font-family:Arial, sans;
}
*{margin:0px; padding:0px;}
a img{ border-width:0px;}
.alt{visibility:hidden;}

#centeredContainer{
	margin:0px auto;
	padding: 0px 0px 20px 0px;
	width:960px;
	text-align:left;
	background-image:url('../images/footer_bg.gif');
	background-repeat:no-repeat;
}

/* ------------------------------------------------------------------ */
div#header{
	border:0px green solid;
	height:91px;
	overflow:hidden;
}
/* ------------------------------------------------------------------ */
div#topNavigation{
	text-align:left;
	position:relative;
	background-color:#fff;
	height:34px;
	overflow:hidden;
}

div#topNavigation a{
	position:absolute; 
	background-image:url('../images/menu_off.jpg');
	background-repeat:no-repeat;
	height:34px;
	width:100px;
}

div#topNavigation a:hover {background-image:url('../images/menu_over.jpg');}

div#topNavigation a.accueil    {left: 260px; background-position: -260px 0px;}
div#topNavigation a.entreprise {left: 380px; background-position: -380px 0px;}
div#topNavigation a.clients    {left: 500px; background-position: -500px 0px;}
div#topNavigation a.services   {left: 620px; background-position: -620px 0px;}
div#topNavigation a.showroom   {left: 740px; background-position: -740px 0px;}
div#topNavigation a.pratique   {left: 860px; background-position: -860px 0px;}

div.page_home    div#topNavigation a.accueil,    
div.page_entreprise div#topNavigation a.entreprise, 
div.page_clients    div#topNavigation a.clients,  
div.page_clients_Ecomusee div#topNavigation a.clients,
div.page_clients_Germinal div#topNavigation a.clients,
div.page_clients_HalleMartenot div#topNavigation a.clients,
div.page_clients_Oberthur div#topNavigation a.clients,
div.page_clients_Opera div#topNavigation a.clients,
div.page_clients_PalaisCommerce div#topNavigation a.clients,
  
div.page_services   div#topNavigation a.services,   
div.page_services_ID div#topNavigation a.services,   
div.page_services_RDM div#topNavigation a.services,   
div.page_services_NT div#topNavigation a.services,   
div.page_services_PA div#topNavigation a.services,   
div.page_services_RF div#topNavigation a.services,   
div.page_services_ATCE div#topNavigation a.services,   
div.page_services_RenovationInterieur div#topNavigation a.services,   

div.page_showroom   div#topNavigation a.showroom,   
div.page_pratique   div#topNavigation a.pratique {background-image:url('../images/menu_on.jpg');}

/* ------------------------------------------------------------------ */
div#homeNavigation{
	text-align:left;
	position:relative;
	background-color:#fff;
}

div#homeNavigation a{
	position:absolute;
	background-image:url('../images/home_off.gif');
	background-repeat:no-repeat;
	overflow:hidden;
}
div#homeNavigation a.v{ height:177px; width: 29px; }
div#homeNavigation a.h{ height: 29px; width:177px; }

div#homeNavigation a.accueil    {left:  12px; top: 233px; background-image:url('../images/home_buttons/accueil_off.gif');}
div#homeNavigation a.entreprise {left: 356px; top: 350px; background-image:url('../images/home_buttons/entreprise_off.gif');}
div#homeNavigation a.clients    {left: 633px; top:   0px; background-image:url('../images/home_buttons/clients_off.gif');}
div#homeNavigation a.services   {left: 679px; top:  85px; background-image:url('../images/home_buttons/services_off.gif');}
div#homeNavigation a.showroom   {left: 485px; top: 399px; background-image:url('../images/home_buttons/showroom_off.gif');}
div#homeNavigation a.pratique   {left: 770px; top: 282px; background-image:url('../images/home_buttons/pratique_off.gif');}
div#homeNavigation a.h:hover    {background-position: 0px -29px;}
div#homeNavigation a.v:hover    {background-position: -29px 0px;}

p#homeText{
	color:#fff;
	font-weight:bold;
	position:absolute;
	width:340px;
	/*text-align:justify;*/
	top:280px;
	left:20px;
	padding:10px;
	font-size:12px;
}
/* ------------------------------------------------------------------ */
div#subMenuFullContainer{
	text-align:center;
	background-image:url('../images/submenu_bg.gif');
	background-repeat:repeat-x;
	background-color:#ca0e0d;
	position:absolute;
	top:125px;
	width:100%;
}


/*div.page_menu div#subMenu{display:none;}*/


div#subMenu{
	position:relative;
	margin:0px auto;
	width:960px;
	text-align:center;
	padding: 3px 4px 4px 4px;
}

div#subMenu a{
	color:#000;
	text-decoration:none;
	font-size:10px;
	padding:0px 5px 0px 0px ;
	background-image:url('../images/submenu_sep.gif');
	background-repeat:no-repeat;
	background-position:center right;
}

div#subMenu a.pos0{background-image:none;}

div#subMenu a.last{background-image:none;background-image:none;}

/* ID RDM NT PA RF ATCE RenovationInterieur */

div.page_services_ID div#subMenu a.item_ID ,
div.page_services_RDM div#subMenu a.item_RDM ,
div.page_services_NT div#subMenu a.item_NT ,
div.page_services_PA div#subMenu a.item_PA ,
div.page_services_RF div#subMenu a.item_RF ,
div.page_services_ATCE div#subMenu a.item_ATCE ,
div.page_services_RenovationInterieur div#subMenu a.item_RenovationInterieur ,
div.page_clients_Ecomusee div#subMenu a.item_Ecomusee ,
div.page_clients_Germinal div#subMenu a.item_Germinal ,
div.page_clients_HalleMartenot div#subMenu a.item_HalleMartenot ,
div.page_clients_HoteldeVille div#subMenu a.item_HoteldeVille ,
div.page_clients_Oberthur div#subMenu a.item_Oberthur ,
div.page_clients_Opera div#subMenu a.item_Opera ,
div.page_clients_PalaisCommerce div#subMenu a.item_PalaisCommerce ,
div#subMenu a:hover{color:#fff;}
  

div#subMenu img.fleche_bulle{
	position:absolute;
	top:25px;
	left:100px;
}
div.page_services_ID div#subMenu img.fleche_bulle{ left: 100px;}
div.page_services_ATCE div#subMenu img.fleche_bulle{ left: 214px; }
div.page_services_PA div#subMenu img.fleche_bulle{ left: 350px; }
div.page_services_RDM div#subMenu img.fleche_bulle{ left: 424px; }
div.page_services_RenovationInterieur div#subMenu img.fleche_bulle{ left: 610px; }
div.page_services_NT div#subMenu img.fleche_bulle{ left: 725px; }
div.page_services_RF div#subMenu img.fleche_bulle{ left: 802px; }

div.page_clients_Ecomusee div#subMenu img.fleche_bulle{ left: 260px; }
div.page_clients_Germinal div#subMenu img.fleche_bulle{ left: 316px; }
div.page_clients_HalleMartenot div#subMenu img.fleche_bulle{ left: 373px; }
div.page_clients_HoteldeVille div#subMenu img.fleche_bulle{ left: 460px; }
div.page_clients_Oberthur div#subMenu img.fleche_bulle{ left: 530px; }
div.page_clients_Opera div#subMenu img.fleche_bulle{ left: 582px; }
div.page_clients_PalaisCommerce div#subMenu img.fleche_bulle{ left: 622px; }


/* ------------------------------------------------------------------ */
div#footer{
	position:relative;
	text-align:center;
	background-image:url('../images/footer_bg.gif');
	background-repeat:repeat-x;
	background-color:#fff;
	padding-bottom:20px;
	width:100%;
	border-color:#fff;
	border-style:solid;
	border-width:0px 0px 1px 0px ;
	
}


div#footer img.fioriture_gauche,
div#footer img.fioriture_droite{
	position:absolute;
	top:-35px;
}
div#footer img.fioriture_gauche{left:0px;}
div#footer img.fioriture_droite{right:0px;}

div#footer .credits a,
div#footer .credits{
	color:#999;
	font-size:10px;
}
/* ------------------------------------------------------------------ */
/*
body.page_home div.content_other{ display:none;}
body.page_other div.content_home{ display:none;}
*/
/* ------------------------------------------------------------------ */

div.text_content{
	background-color:#cecece;
	height:160px;
	overflow:hidden;
}
div.page_showroom div.text_content{height:auto;background-color:#cecece;}

div.text_content .content_title{
	font-size:18px; 
	font-weight:bold;
	color:#fff;
	padding: 4px 10px 8px 10px;
}

div.text_content .right,
div.text_content .left{
	float:left;
	width:460px;
	padding: 0px 10px 20px 10px;
	font-size:11px;
	color:595959;
}
/* ------------------------------------------------------------------ */
div.genericImage_bottom{
	position:absolute;
	top:472px;
}


div#currentImageData{position:relative;height:374px;}

/*div#currentImageData img.genericImage{*/
div#currentImageData div{
	position:absolute;
	top:0px; left:0px;
}
span.imageLegendText{
	position:absolute;
	font-size:10px;
	color:#fff;
	/*
	top:355px;
	right:630px;
	*/
	top:348px;
	left:0px;
	border:1px #181818 solid;
	width:343px;
	height:14px;
	text-align:right;
	padding: 5px 0px;
	background-color:#181818;
}
span.imageLegendText span{padding: 0px 5px;}
/*
div.genericImage_bottom div.imageLegendBlock{
	width:400px;
	color:#fff;
	background-color:#1a1a1a;
	font-size:10px;
	padding:6px;
	margin-right:10px;
	text-align:right;
	float:left;
}
*/
div.genericImage_bottom {	
	height:25px;
}
div#vignettes{
	/*border-left:400px #1a1a1a solid;*/
	padding-left:345px;
	height:25px;
}
div#vignettes a{text-decoration:none;}

div.genericImage_bottom img.vignette{	
margin:0px 5px;	
padding:1px;
}

/* ------------------------------------------------------------------ */
div#contactForm span.label{font-size:12px; color:#888;}
/* ------------------------------------------------------------------ */


div#currentImageData-remoteControl {
	position:relative;
	top:-28px;
	left:-330px;
	color:#fff;
	height:28px;
}

div#currentImageData-remoteControl span{
	cursor:pointer;
	display:block;
	width:23px;
	height:21px;
	background-image:url('../images/player.jpg');
	background-repeat:no-repeat;
	/*background-position:-2px -3px;*/
	float:left;
}
div#currentImageData-remoteControl span#currentImageData-previous{background-position:-2px -28px;}
div#currentImageData-remoteControl span#currentImageData-next    {background-position:-24px -28px;}
div#currentImageData-remoteControl span.remoteControl_stop       {background-position:-47px -28px;}
div#currentImageData-remoteControl span.remoteControl_start      {background-position:-70px -28px;}

div#pageContent div.running span.remoteControl_start     {background-position:-70px -3px; color:#888;}
div#pageContent div.paused span.remoteControl_stop       {background-position:-47px -3px; color:#888;}


.s1 a#v1 img,
.s2 a#v2 img,
.s3 a#v3 img,
.s4 a#v4 img,
.s5 a#v5 img,
.s6 a#v6 img,
.s7 a#v7 img,
.s8 a#v8 img,
.s9 a#v9 img,
.s10 a#v10 img,
.s11 a#v11 img,
.s12 a#v12 img,
.s13 a#v13 img,
.s14 a#v14 img,
.s15 a#v15 img,
.s16 a#v16 img,
.s17 a#v17 img,
.s18 a#v18 img,
.s19 a#v19 img,
.s20 a#v20 img
{padding:0px;border:1px red solid;}
