.titre {
border-style:none; 
background-color:#000033;
width:400px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
color:#DDDDDD;
position:absolute;
left:305px;
top:210px;
text-align:center;
}

.bandeau {
border-style:none; 
width:550px;
height:85px;
position:absolute;
left:230px;
top:210px;
text-align:center;
background-image:url(../images/rideauMetallique/eurolook/bandeau.jpg);
}


.photo1 a{
border:none;
width:238px; 
height:176px;
position:absolute;
left:20px;
top:60px;
background-image:url(../images/rideauMetallique/rideauToulousaine3.jpg);
}

.photo1 a:hover{
background-image:url(../images/rideauMetallique/rideauToulousaine.jpg);
}



.photo2 a{
border:none;
width:238px; 
height:235px;
position:absolute;
left:20px;
top:250px;
background-image:url(../images/rideauMetallique/microperfore.jpg);
}

.photo2 a:hover{
background-image:url(../images/rideauMetallique/microperfore3.jpg);
}

.photo3 a{
border:none;
width:238px; 
height:161px;
position:absolute;
left:20px;
top:60px;
background-image:url(../images/grille/grille2.jpg);
}

.photo3 a:hover{
background-image:url(../images/grille/grille.jpg);
}

.photo4 a{
border:none;
width:238px; 
height:238px;
position:absolute;
left:20px;
top:270px;
background-image:url(../images/grille/grille5.jpg);
}

.photo4 a:hover{
background-image:url(../images/grille/grille6.jpg);
}

.photo5 a{
border:none;
width:238px; 
height:179px;
position:absolute;
left:29px;
top:110px;
background-image:url(../images/rideauMetallique/eurolook/euro3.jpg);
}

.photo5 a:hover{
background-image:url(../images/rideauMetallique/eurolook/euro6.jpg);
}

.photo6 a{
border:none;
width:238px; 
height:126px;
position:absolute;
left:29px;
top:300px;
background-image:url(../images/rideauMetallique/eurolook/euro4.jpg);
}

.photo6 a:hover{
background-image:url(../images/rideauMetallique/eurolook/zoomEuro.jpg);
}


.photo7 a{
border:none;
width:238px; 
height:158px;
position:absolute;
left:29px;
top:450px;
background-image:url(../images/rideauMetallique/eurolook/euro.jpg);
}

.photo7 a:hover{
background-image:url(../images/rideauMetallique/eurolook/euro1.jpg);
}

.text{
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:left;
border:none;
width:300px; 
height:238px;
position:absolute;
left:300px;
top:60px;

}


.textEuro{
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:left;
border:none;
width:300px; 
height:238px;
position:absolute;
left:300px;
top:110px;

}

.inside{

border-style:none; 
border-color:#000033;
border-width:1px;
background-color:#afb7ce;
height:475px;
width:628px;
position:absolute;;
left:201px;
top:200px;
overflow: auto;
/*
scrollbar-arrow-color:#FF6600;
scrollbar-face-color:#afb7ce;
scrollbar-track-color:#afb7ce;
scrollbar-highlight-color:#000033;
scrollbar-shadow-color:#000033;
scrollbar-darkshadow-Color:#afb7ce;
scrollbar-3dlight-color:#afb7ce;
*/

}

.titre {
border-style:none; 
background-color:#000033;

width:400px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
color:#DDDDDD;
position:absolute;
left:305px;
top:210px;
text-align:center;
}

.acier a{
border:outset #000033 2px; 
width:150px; 
height:190px; 
text-decoration:none; 
color:#FF6600;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
text-align:center; 
font-weight:bold; 
position:absolute;
left:230px;
top:270px;
background-image:url(../images/rideauMetallique/miniatures/acier.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

.acier a:hover{
border-style:inset; 
color:#ffffff;
position:absolute;
left:232px;
top:272px;
}

.micro a{
border:outset #000033 2px;
width:150px; 
height:190px; 
text-decoration:none; 
color:#FF6600;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
text-align:center; 
font-weight:bold; 
position:absolute;
left:435px;
top:270px;
background-image:url(../images/rideauMetallique/miniatures/microperfore.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

.micro a:hover{
border-style:inset; 
color:#ffffff;
position:absolute;
left:437px;
top:272px;
}

.grille a{
border:outset #000033 2px;
width:150px; 
height:190px; 
text-decoration:none; 
color:#FF6600;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
text-align:center; 
font-weight:bold; 
position:absolute;
left:640px;
top:270px;
background-image:url(../images/rideauMetallique/miniatures/grille.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

.grille a:hover{
border-style:inset; 
color:#ffffff;
position:absolute;
left:642px;
top:272px;
}

.euro a{
border:outset #000033 2px; 
width:150px; 
height:190px; 
text-decoration:none; 
color:#FF6600;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
text-align:center; 
font-weight:bold; 
position:absolute;
left:230px;
top:475px;
background-image:url(../images/rideauMetallique/miniatures/eurolook.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

.euro a:hover{
border-style:inset; 
color:#ffffff;
position:absolute;
left:232px;
top:477px;
}

.textRideau{
width:350px; 
border-style:none; 
font-family: arial, helvetica, sans-serif ;
font-size:10pt;
color:#000033;
position:absolute;
left:435px;
top:475px;
}