/* CSS Document */

/* /// CSS MOZZ ///////////////////*/
#ConteneurInfoPortesCadre_Mozz{
	position:absolute;
	z-index:2;
	left:0px;
	top:42px;
	width:579px;
	height:282px;
	background-color:#FFFFFF;
	border-left:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-top:1px solid #5C7BBE;
}
/* /// Fin CSS MOZZ ///////////////////*/



/* //// Debut du style Principale Produits /////////////////////////////////*/
a {
	position: absolute;
	width:115px;
	height:22px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:20px;
	font-weight:normal;
	color:#5C7BBE;
	text-decoration:none;
	left: 1085px;
	top: 500px;
}

.LiensContact{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#FF8B00;
	line-height:15px;
}
.LiensContact a{
	position: relative;
	top:0px;
	left:0px;
	width:300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#FF8B00;
	line-height:15px;
}
.LiensContact a:hover{
	position: relative;
	width:300px;
	height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:normal;
	color:#072C77;
	line-height:15px;
}


#ConteneurGenMenuiserie {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url(images/EnteteMenuiserie.gif);
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}
#ConteneurGenMenuiseriePorte {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url(images/EnteteMenuiseriePorte.gif);
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}
#ConteneurGenMenuiserieFenetre {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url(images/EnteteMenuiserieFenetre.gif);
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}
#CadreLienPorte {
	position:absolute;
	width:140px;
	height:22px;
	z-index:1;
	left:460px;
	top:44px;
	background-image:  url(portes_fenetres/images/puceOrangOn-5px.gif);
	background-position:left center;
	background-repeat:no-repeat;
	border-top:1px solid #D5DBEE;
	border-left:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
}
a#LienPorte {
	position:absolute;
	width:140px;
	height:22px;
	z-index:1;
	left:0px;
	top:0px;
	color:#FFFFFF;
	line-height:18px;
	padding-left:22px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#082D79;
}
a#LienPorte:hover {
	position:absolute;
	width:140px;
	height:22px;
	z-index:1;
	left:0px;
	top:0px;
	color:#082D79;
	font-weight:bold;
}

#OngletConteneur {
	position:absolute;
	left:20px;
	top:65px;
	width:580px;
	height:335px;
	padding:0px;
	background-color:#FFFFFF;
	z-index:2;
	background-image:url(images/separateurDegrade2px.jpg);
	background-position:top left;
	background-repeat:no-repeat;

}

/* //// Fromatage de <a> onglet 1 ///////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //// onglet 1 ////////////////////////////////////////////////////////////////////////////////////*/

#OngletProduitOn {
	position:absolute;
	z-index:3;
	left:0px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
}
a#ProduitOn {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:30px;
	color:#082D79;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
a#ProduitOn:hover {
	width:113px;
	height:22px;
	color:#082D79;
	font-weight:bold;
}
/* // Ongelt Off ///////////////*/
#OngletProduitOff {
	position:absolute;
	z-index:3;
	left:0px;
	top:20px;
	width:115px;
	height:22px;
	border-top:1px solid #D5DBEE;
	border-left:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
}
a#ProduitOff{
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:32px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	font-weight:normal;
}
a#ProduitOff:hover {
	width:113px;
	height:22px;
	color:#082D79;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* //// onglet 1 ////////////////////////*/


/* //// onglet 2 ////////////////////////*/
#OngletProposOff{
	position:absolute;
	z-index:2;
	left:115px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
}
a#AProposOff {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	padding-left:34px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
}
a#AProposOff:hover {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	color:#082C78;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* OngletOn /////*/
#OngletProposOn{
	position:absolute;
	z-index:3;
	left:113px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
}
a#AProposOn {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:34px;
	color:#082D79;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
a#AProposOn:hover {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
}

/* //// onglet 2 ////////////////////////*/


/* //// onglet 2.2 Motorisation////////////////////////*/
#OngletPropos2Off{
	position:absolute;
	z-index:2;
	left:115px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
}
a#APropos2Off {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	padding-left:29px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
}
a#APropos2Off:hover {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	color:#082C78;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* OngletOn /////*/
#OngletPropos2On{
	position:absolute;
	z-index:3;
	left:113px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
}
a#APropos2On {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:29px;
	color:#082D79;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
a#APropos2On:hover {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
}

/* //// onglet 2.2 Motorisation ////////////////////////*/


/* //// onglet 3.2 Motorisation ////////////////////////*/
#OngletSecurite2Off{
	position:absolute;
	z-index:2;
	left:228px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
	border-left:1px solid #D5DBEE;
}
a#Securite2Off {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	padding-left:29px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
}
a#Securite2Off:hover {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	color:#082C78;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* ongle On //////*/
#OngletSecurite2On{
	position:absolute;
	z-index:3;
	left:228px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
}
a#Securite2On {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:29px;
	color:#082C78;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
a#Securite2On:hover {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	color:#082C78;
}

/* ////fin onglet 3.2 Motorisation  ////////////////////////*/



/* //// onglet 3 ////////////////////////*/
#OngletSecuriteOff{
	position:absolute;
	z-index:2;
	left:228px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
	border-left:1px solid #D5DBEE;
}
a#SecuriteOff {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	padding-left:34px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
}
a#SecuriteOff:hover {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	color:#082C78;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}
/* ongle On //////*/
#OngletSecuriteOn{
	position:absolute;
	z-index:3;
	left:228px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
}
a#SecuriteOn {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:34px;
	color:#082C78;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
}
a#SecuriteOn:hover {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	color:#082C78;
}

/* //// onglet 3 ////////////////////////*/


/* //// onglet 4 ////////////////////////*/
#OngletDecoOmbre{
	position:absolute;
	z-index:1;
	left:355px;
	top:25px;
	width:115px;
	height:22px;
	background-color:#E2E6F2;

}
#OngletDecoOmbre2{
	position:absolute;
	z-index:1;
	left:122px;
	top:25px;
	width:115px;
	height:22px;
	background-color:#E2E6F2;

}
#OngletDecoOmbre3{
	position:absolute;
	z-index:1;
	left:240px;
	top:25px;
	width:115px;
	height:22px;
	background-color:#E2E6F2;

}
#OngletDecoOff{
	position:absolute;
	z-index:2;
	left:342px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #D5DBEE;
	border-right:1px solid #D5DBEE;
	border-left:1px solid #D5DBEE;
}

a#DecoOff {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	padding-left:30px;
	background-image:url(images/pucePrincipal3Off-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
}
a#DecoOff:hover {
	left:0px;
	top:0px;
	width:85px;
	height:22px;
	color:#082C78;
	font-weight:bold;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
}

#OngletDecoOn{
	position:absolute;
	z-index:3;
	left:342px;
	top:20px;
	width:115px;
	height:22px;
	background-color:#FFFFFF;
	border-top:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-left:1px solid #5C7BBE;
	
}
a#DecoOn {
	left:0px;
	top:0px;
	width:113px;
	height:22px;
	padding-left:30px;
	background-image:url(images/pucePrincipal3-5px.gif);
	background-position:left;
	background-repeat:no-repeat;
	vertical-align:middle;
	border-bottom:1px solid #FFFFFF;
	font-weight:bold;
	color:#082C78;
}
a#DecoOn:hover {
	width:113px;
	height:22px;
}
/* //// onglet 3 //////////////////////////////////////////////////////////////////:////////////////*/


/* //// Fin Fromatage de <a> onglet 1 ///////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////////////////////////////*/








/* //////////////////////////////////////////////////////////////////////////*/
/* //// DIV principal ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
#ConteneurCadre {
	position:absolute;
	width:590px;
	z-index:2;
	left:0px;
	top:42px;
	background-color:#FFFFFF;
	
}
.TableProduits {
	background-color:#FFFFFF;
	border-left:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-top:1px solid #5C7BBE;
}
.FinTableProduits {
	height:20px;
	background-color:#FFFFFF;
	background-image:url(images/AngleProduits.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.FondConteneurProduitsD {
	background-color:#E2E6F2;
	background-image:url(portes_fenetres/images/AngleTableauDroite.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.FondConteneurProduitsG {
	height:10px;
	background-color:#E2E6F2;
	background-image:url(portes_fenetres/images/AngleTableauGauche.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
/* ///////////////Conetenur Matrice//////////////////////////////////////////*/
#ConteneurInfoPortesCadre {
	position:absolute;
	z-index:2;
	left:0px;
	top:42px;
	width:580px;
	height:282px;
	background-color:#FFFFFF;
	border-left:1px solid #5C7BBE;
	border-right:1px solid #5C7BBE;
	border-top:1px solid #5C7BBE;
}

#FondConteneurInfoPortes {
	position:absolute;
	z-index:1;
	left:10px;

	top:54px;
	width:580px;
	height:300px;
	background-color:#E2E6F2;
	background-image:url(images/AngleProduitsOmbre.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#FinConteneurInfoPortes {
	position:absolute;
	z-index:3;
	left:0px;
	top:324px;
	width:580px;
	height:20px;
	background-color:#FFFFFF;
	background-image:url(images/AngleProduits.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
#PointilleV {
	position:absolute;
	z-index:1;
	left:268px;
	top:0px;
	width:1px;
	height:270px;
	background-image: url("portes_fenetres/images/Pointille.gif");
	background-repeat:repeat-y;
}
#PointilleH {
	position:absolute;
	z-index:1;
	left:0px;
	top:0px;
	width:235px;
	height:1px;
	background-image: url("portes_fenetres/images/PointilleH.gif");
	background-repeat:repeat-x;
}
#PointilleH2 {
	position:absolute;
	z-index:1;
	left:0px;
	top:20px;
	width:235px;
	height:1px;
	background-image: url("portes_fenetres/images/PointilleH.gif");
	background-repeat:repeat-x;
}
.Pointille1px {
	width:1px;
	background-image:url("portes_fenetres/images/Pointille.gif");
	background-repeat:repeat-y;
	
}
.Pointille1pxH {
	width:1px;
	background-image:url("portes_fenetres/images/PointilleH.gif");
	background-repeat:repeat-x;
	
 }
/* /// Matrice ////////////////////////////////////////////////////*/
#ConteneurMatrice {
	position:absolute;
	z-index:2;
	left:30px;
	top:15px;
	width:260px;
	height:235px;
	background-color:#FFFFFF;
	background-image: url("portes_fenetres/images/TitreSelection.gif");
	background-position:top left;
	background-repeat:no-repeat;
}
#ConteneurMatriceImg {
	position:absolute;
	z-index:2;
	left:0px;
	top:10px;
	width:260px;
	height:235px;
}
#infoNav {
	position:absolute;
	z-index:2;
	left:0px;
	top:240px;
	width:235px;
	height:20px;
	background-color:#FF8903;
	visibility:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
#infoNavGen {
	position:absolute;
	z-index:3;
	left:0px;
	top:240px;
	width:235px;
	height:20px;
	background-color:#EBF4FE;
	visibility:visble;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	font-weight:normal;
	text-align:center;
	color:#082C78;
}
/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Fin DIV principal ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/







/* //////////////////////////////////////////////////////////////////////////*/
/* //// Affichage des portes  ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/


/* Début Image départ //////////////////////////////////////*/

#ConteneurDetailsPorte{
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	visibility:visible;
}
#ImagePorte {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/MooveGlobal.gif);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte{
	position:absolute;
	z-index:2;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:5px;
	background-color:#EBF4FE;
}
/* Fin Image départ //////////////////////////////////////*/
/* Début Ligne V1 //////////////////////////////////////*/
a#Porte01 {
	left:0px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte01:hover {
	left:0px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #FF8504;
}

#ConteneurDetailsPorte1 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte01 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/FD03_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}
#infoPorte01{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/*a#Porte01:visited {
	left:0px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
a#Porte01:active {
	left:0px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}*/
a#Porte02 {
	left:0px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte02:hover {
	left:0px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}

#ConteneurDetailsPorte2 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte02 {
		position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/AR31_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte02{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}



/*/////////*/

a#Porte03 {
	left:0px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte03:hover {
	left:0px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte3 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte03 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/RU2A_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}
#infoPorte03{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/* fin Ligne V1 //////////////////////////////////////*/


/* fin Ligne V2 //////////////////////////////////////*/
a#Porte04 {
	left:62px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte04:hover {
	left:62px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}

#ConteneurDetailsPorte4 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte04 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/FD05_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte04{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

a#Porte05 {
	left:62px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte05:hover {
	left:62px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte5 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte05 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/AR21_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte05{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}






a#Porte06 {
	left:62px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte06:hover {
	left:62px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte6 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte06 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/771_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte06{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}


/* fin Ligne V2 //////////////////////////////////////*/


/* Début Ligne V3 //////////////////////////////////////*/
a#Porte07 {
	left:122px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte07:hover {
	left:122px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte7 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte07 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/C51_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte07{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}



a#Porte08 {
	left:122px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte08:hover {
	left:122px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte8 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte08 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/AR101_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte08{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}





a#Porte09 {
	left:122px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte09:hover {
	left:122px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte9 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte09 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/790_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte09{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/* Début Ligne V3 //////////////////////////////////////*/

/* Fint Ligne V4 //////////////////////////////////////*/
a#Porte10 {
	left:182px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte10:hover {
	left:182px;
	top:20px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte10 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte10 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/C31_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;

}
#infoPorte10{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}



a#Porte11 {
	left:182px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte11:hover {
	left:182px;
	top:90px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte11 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte11 {
position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/RU2_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte11{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}


a#Porte12 {
	left:182px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#EEEEEE;
	border:1px solid #082C78;

}
a#Porte12:hover {
	left:182px;
	top:160px;
	width:52px;
	height:60px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPorte12 {
	position:absolute;
	z-index:3;
	left:300px;
	top:0px;
	width:215px;
	height:260px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePorte12 {
	position:absolute;
	z-index:3;
	left:60px;
	top:8px;
	width:90px;
	height:190px;
	background-image:url(portes_fenetres/images/C210_moyenne.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
#infoPorte12{
	position:absolute;
	z-index:3;
	left:0px;
	top:200px;
	width:215px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/* Fin Ligne V4 //////////////////////////////////////*/













/* //////////////////////////////////////////////////////////////////////////*/
/* //// Affichage des portails  /////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
#ConteneurGenPortail {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EntetePortails.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}


/* Début Image départ //////////////////////////////////////*/

#ConteneurDetailsPortail{
	position:absolute;
	z-index:3;
	left:295px;
	top:40px;
	width:215px;
	height:260px;
	visibility:visible;
}
#ImagePortail {
	position:absolute;
	z-index:2;
	left:0px;
	top:10px;
	width:220px;
	height:127px;
	background-color:#CC0000;
}
#infoPortail{
	position:absolute;
	z-index:2;
	left:0px;
	top:150px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}
#ConteneurMatriceImg {
	position:absolute;
	width:260px;
	height:235px;
	top:10px;
	left:0px;
	
}
/* Fin Image départ //////////////////////////////////////*/





/* /////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////*/
/* Matrice Portail //////////////////////////////////////*/
/* /////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////*/
/* /////////////////////////////////////////////////////*/
#ConteneurDetailsPortail{
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:260px;
	visibility:visible;
}
#ImagePortail {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/moovePortail.gif);
	background-position:center;
	background-repeat:no-repeat;
}
#infoPortail{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

#ConteneurMatriceImgP {
	position:absolute;
	width:260px;
	height:235px;
	top:24px;
	left:0px;
}

#infoNavP {
	position:absolute;
	z-index:2;
	left:0px;
	top:225px;
	width:235px;
	height:20px;
	background-color:#FF8903;
	visibility:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}
#infoNavGenP {
	position:absolute;
	z-index:3;
	left:0px;
	top:225px;
	width:235px;
	height:20px;
	background-color:#EBF4FE;
	visibility:visble;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	line-height:14px;
	font-weight:normal;
	text-align:center;
	color:#082C78;
}


/* Début Ligne V1 //////////////////////////////////////*/

a#Portail01 {
	left:0px;
	top:20px;
	width:110px;
	height:50px;
	border:1px solid #082C78;
	background-image:url(portails/img/galeria_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;

}
a#Portail01:hover {
	left:0px;
	top:20px;
	width:110px;
	height:50px;
	border:1px solid #FF8504;
}

#ConteneurDetailsPortail1 {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail01 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/galeria_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#infoPortail01{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/**/
a#Portail02 {
	left:0px;
	top:85px;
	width:110px;
	height:50px;
	background-image:url(portails/img/lumino_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #082C78;

}
a#Portail02:hover {
	left:0px;
	top:85px;
	width:110px;
	height:50px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPortail2  {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail02 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/lumino_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#infoPortail02{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}



/*/////////*/

a#Portail03 {
	left:0px;
	top:150px;
	width:110px;
	height:50px;
	background-image:url(portails/img/mariana_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #082C78;

}
a#Portail03:hover {
	left:0px;
	top:150px;
	width:110px;
	height:50px;
	border:1px solid #FF8504;
}
#ConteneurDetailsPortail3 {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail03 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/mariana_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#infoPortail03{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

/* fin Ligne V1 //////////////////////////////////////*/


/* fin Ligne V2 //////////////////////////////////////*/
a#Portail04 {
	left:124px;
	top:20px;
	width:110px;
	height:50px;
	background-image:url(portails/img/cervionne_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #082C78;

}
a#Portail04:hover {
	left:124px;
	top:20px;
	width:110px;
	height:50px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}

#ConteneurDetailsPortail4 {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail04 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/cervionne_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#CCCCCC;
}
#infoPortail04{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

a#Portail05 {
	left:124px;
	top:85px;
	width:110px;
	height:50px;
	background-image:url(portails/img/Olmetto_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #082C78;

}
a#Portail05:hover {
	left:124px;
	top:85px;
	width:110px;
	height:50px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPPortail5 {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail05 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/Olmetto_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;
}
#infoPortail05{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}

a#Portail06 {
	left:124px;
	top:150px;
	width:110px;
	height:50px;
	background-image:url(portails/img/sagone_petite.jpg);
	background-position:center;
	background-repeat:no-repeat;
	border:1px solid #082C78;

}
a#Portail06:hover {
	left:124px;
	top:150px;
	width:110px;
	height:50px;
	background-color:#FFFFFF;
	border:1px solid #FF8504;
}
#ConteneurDetailsPortail6 {
	position:absolute;
	z-index:3;
	left:295px;
	top:20px;
	width:215px;
	height:220px;
	background-color:#FFFFFF;
	visibility:hidden;
}
#ImagePortail06 {
	position:absolute;
	z-index:2;
	left:0px;
	top:0px;
	width:220px;
	height:127px;
	background-image:url(portails/img/sagone_moyenne.jpg);
	background-position:center;
	background-repeat:no-repeat;

}
#infoPortail06{
	position:absolute;
	z-index:2;
	left:0px;
	top:165px;
	width:220px;
	height:60px;
	padding:3px;
	background-color:#EBF4FE;
}


/* fin Ligne V2 //////////////////////////////////////*/






/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Motorisation ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/

#ConteneurGenMotorisation {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EnteteMotorisation.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}

/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Stores ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/


#ConteneurGenStoresExt {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EnteteStoresExt.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}	





/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Garage ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/

#ConteneurGenPortesGarage {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EntetePorteGarage.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}


/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Stores Interieur ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/

#ConteneurGenStoresInt {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EnteteStoresInt.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}

/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Volets Roulants ///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/


#ConteneurGenVoletsRoul {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:40px;
	top:0px;
	background-image: url("images/EnteteVoletsRoulants.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}

/*///////////////////////////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/
/* //// Volets Battants///////////////////////////////////////////////////////*/
/* //////////////////////////////////////////////////////////////////////////*/


#ConteneurGenVoletsBat {
	position:absolute;
	width:610px;
	height:auto;
	z-index:1;
	left:39px;
	top:0px;
	background-image: url("images/EnteteVoletsBattants.gif");
	background-position:top left;
	background-repeat:no-repeat;
	visibility: visible;
}
