.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;
}

.photo1Devis a{
 border-width:5px 100px 0px 10px;
 border-style:solid ;
 border-color:#000033;
width:250px; 
height:175px;
position:absolute;
left:-1px;
top:0px;
background-image:url(../images/portesSectionnelles/veine.jpg);
}

.photo1Devis a:hover{
background-image:url(../images/portesSectionnelles/rainure.jpg);
}

.photo2Devis a{
 border-width:15px 100px 0px 10px;
 border-style:solid ;
 border-color:#000033;
width:250px; 
height:175px;
position:absolute;
left:-1px;
top:270px;
background-image:url(../images/portesSectionnelles/cassette.jpg);
}

.photo2Devis a:hover{
background-image:url(../images/portesSectionnelles/lisse.jpg);
}

.photo3Devis a{
 border-width:5px 100px 5px 10px;
 border-style:solid ;
 border-color:#000033;
width:250px; 
height:175px;
position:absolute;
left:-1px;
top:460px;
background-image:url(../images/portesSectionnelles/monorainure.jpg);
}

.photo3Devis a:hover{
background-image:url(../images/portesSectionnelles/microrainure.jpg);
}

.photo4Devis a{
 border-width:5px 100px 5px 10px;
 border-style:solid ;
 border-color:#000033;
width:250px; 
height:175px;
position:absolute;
left:-1px;
top:640px;
background-image:url(../images/portesSectionnelles/hublot.jpg);
}
.photo4Devis a:hover{
background-image:url(../images/portesSectionnelles/portillon.jpg);
}

.photo5Devis a{
 border-width:5px 100px 5px 10px;
 border-style:solid ;
 border-color:#000033;
width:250px; 
height:99px;
position:absolute;
left:-1px;
top:180px;
background-image:url(../images/newPanneaux.jpg);
}
.photo5Devis a:hover{
 border-width:5px 5px 5px 5px;
 border-style:solid ;
 border-color:#000033;
width:500px; 
height:316px;
position:absolute;
left:-245px;
top:3px;
background-image:url(../images/nouveauPanneaux.jpg);
}

.Cliquer a{http://www.google.fr/
 border-width:0px;
width:350px; 
height:192px;
position:absolute;
left:-280px;
top:330px;
background-image:url(../images/cliquer.gif);
}
.Cliquer a:hover{
 border-width:0px;
width:350px; 
height:192px;
position:absolute;
left:-280px;
top:330px;
background-image:url(../images/cliquer3.gif);
}