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

.sectio 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/portesSectionnelles/miniatures/sectio.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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

.collective 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/porteAutomatique/miniatures/hormann.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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

.basculante 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/porteBasculante/miniatures/basculante.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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

.perso 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/porteAutomatique/miniatures/sprint.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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

.enroulement 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/porteEnroulement/miniatures/standard.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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

.pietonne 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/porteAutomatique/miniatures/onda.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;}

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


.textGarage{
width:550px; 

border-style:none; 
font-family: arial, helvetica, sans-serif ;
font-size:10pt;
color:#000033;
position:absolute;
left:230px;
top:490px;
}