.theDevis a{
border-style:none; 
border-color:#000033;
border-width:2px;
height:30px;
width:160px;
position:absolute;
left:830px;
top:370px;
color:#ffffff;
font-weight:bold;
font-size:14pt;
text-decoration:none ;
text-align:center;
}

.PUB{
padding-top:5px;
font-family: arial, helvetica, sans-serif ;
font-size:11pt;
color:#ffffff;
font-weight:bold;
background-color:#FF6600;
text-align:center;
border:dashed #FFFFFF 2px;
-moz-border-radius : 5px 5px; 
width:350px; 
height:60px;
position:absolute;
left:330px;
top:95px;

}


.theDevis a:hover{
color:#FF6600;
}

.Text9 a{
color:#ffffff;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:left;
}
.Text9 a:hover{
color:#FF6600;
}

.pdfText a{
color:#ffffff;
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
text-align:left;
}
.pdfTextPlan a{
color:#FFFFFF;
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:12pt;
text-align:left;
}

.pdfTextPlan a:hover{
color:#000033;
}

.theDevis2 a{
font-family: arial, helvetica, sans-serif ;
border-style:none; 
border-color:#000033;
border-width:2px;
height:30px;
width:160px;
position:absolute;
left:830px;
top:370px;
color:#ffffff;
font-weight:bold;
font-size:16pt;
text-decoration:none ;
text-align:center;
}

.theDevis2 a:hover{
color:#FF6600;
}
.back{
font-family: arial, helvetica, sans-serif ;
border-style:solid; 
border-color:#afb7ce;
border-width:1px;
background-color:#afb7ce;
height:754px;
width:999px;
position:absolute;
left:0px;
top:0px;
}

.top
{
border-style:none; 
background:url(../images/topNew.jpg); 
background-color:#000033;
width:1000px;
height:200px;
position:absolute;
left:1px;
top:0px
}

.coin
{
border-style:none; 
background:url(../images/coin.jpg); 
width:13px;
height:14px;
position:absolute;
left:817px;
top:199px
}

.coinBas
{
border-style:none; 
background:url(../images/coinBas.jpg); 
background-color:#afb7ce;
width:13px;
height:13px;
position:absolute;
left:189px;
top:743px
}

.coinBasVolet
{
border-style:none; 
background:url(../images/coinBas.jpg); 
background-color:#afb7ce;
width:13px;
height:13px;
position:absolute;
left:188px;
top:742px
}

.ligne
{
border-style:none; 
background:url(../images/ligne.jpg); 
background-color:#afb7ce;
width:800px;
height:13px;
position:absolute;
left:201px;
top:200px
}

.ligneVolet
{
border-style:none; 
background:url(../images/ligne.jpg); 
background-color:#afb7ce;
width:800px;
height:13px;
position:absolute;
left:200px;
top:200px
}

.logoAccess
{
border-style:none; 
width:175px;
height:110px;
position:absolute;
left:0px;
top:0px;
padding:10px
}
.logoFabricant
{
border-style:none; 
width:180px;
height:129px;
position:absolute;
left:0px;
top:135px;
padding:10px
}

.soleil{
border-style:none; 
background:url(../images/soleil.gif); 
width:150px;
height:150px;
position:absolute;
left:210px;
top:3px;
}

.totem{
border-style:none; 
background:url(../images/totem.gif); 
width:46px;
height:197px;
position:absolute;
left:760px;
top:3px;

}


.blue {
border-width:0px; 
border-style:none; 
border-color:#000033;
background-color:#000033;
font-family: arial, helvetica, sans-serif ;
color:#eeeeee;
font-weight:bold;
width:180px;
height:735px;
padding:10px;
vertical-align:top;
position:absolute;
left:0px;
top:0px;
}

.none {
border-style:none;
} 

.blancMail{
color:#F5F5F5;
text-decoration:underline ;
}

#menu1 a {
color:#ff6600;
font-weight:bold;
font-size:12pt;
text-decoration:none ;
} 

#menu1 a:hover {
color:#ffffff;

}

.specialiste{
position:absolute;
top:10px;
left:300px;
}

.orange{
color:#ff6600;
}

#menu2 {
width: 200px;
border-style: none;
margin: 0px;
position:absolute;
left:0px;
top:305px;
text-align:left;
}

#menu2 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
font-size : 12pt; 
font-family : arial, helvetica, sans-serif;
text-decoration: none;
}


#menu2 li a:link, #menu2 li a:visited {
color: #FF6600;
font-weight:bold;
display: block;
background: url(../images/menu2.gif);
padding: 8px 0 0 15px;
}

#menu2 li a:hover, #menu2 li a:active {
color: #FFFFFF;
font-weight:bold;
background: url(../images/menu2.gif) 0 -32px;
padding: 8px 0 0 18px;
}

#menu3 {
width: 170px;
border-style: none;
margin: 0px;
position:absolute;
left:830px;
top:102px;
text-align:left;
}

#menu3 ul {
list-style: none;
margin: 0;
padding: 0;
}
#menu3 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
font-size : 12pt; 
font-family : arial, helvetica, sans-serif;
text-decoration: none;
}

/* N'oubliez pas de renseigner l'adresse des images que vous avez telecharge */
#menu3 li a:link, #menu3 li a:visited {
color: #FFFFFF;
font-weight:bold;
display: block;
background: url(../images/menu3.gif);
padding: 8px 0 0 10px;
}

#menu3 li a:hover, #menu3 li a:active {
color: #FF6600;
font-weight:bold;
background: url(../images/menu3.gif) 0 -32px;
padding: 8px 0 0 15px;
}

.TextTop
{
color: #FF6600;
font-weight:bold;
font-size : 11pt; 
font-family : arial, helvetica, sans-serif;
position:absolute;
left:792px;
top:99px;
text-align:right;
width:200px;
}

.TextTopOmbre
{
color: #DDDDDD;
font-weight:bold;
font-size : 11pt; 
font-family : arial, helvetica, sans-serif;
position:absolute;
left:793px;
top:100px;
text-align:right;
width:200px;
}

.Text{
top:10px; left:790px; height:180px; width:200px; position:absolute; text-align:right;color: #DDDDDD;
font-weight:bold;
font-size : 11pt; 
font-family : arial, helvetica, sans-serif;
}
.TextOmbre{
top:11px; left:791px; height:180px; width:200px; position:absolute; text-align:right;color: #FF6600;
font-weight:bold;
font-size : 11pt; 
font-family : arial, helvetica, sans-serif;
}


#sous-menu1, #sous-menu2, #sous-menu3, #sous-menu4, 
#sous-menu5, #sous-menu6, #sous-menu7, #sous-menu8, 
#sous-menu9, #sous-menu10, #sous-menu11, #sous-menu12, #sous-menu13 { 
  display: none;
  margin: 0; 
  padding : 0;
  position : absolute ; 
  top : 0px; 
  left : 200px;
  width : 200px;
  filter:Alpha(opacity=100);-moz-opacity:1;}
#sous-menu2 {top:64px} 
#sous-menu3 {top:96px}
#sous-menu4 {top:128px}
#sous-menu5 {top:160px}
#sous-menu6 {top:192px}
#sous-menu7 {top:192px}
#sous-menu8 {top:224px}
#sous-menu9 {top:288px}
#sous-menu10 {top:288px}
#sous-menu11 {top:160px; width:220px;}
#sous-menu12 {top:160px; width:220px;}
#sous-menu13 {top:192px; width:220px;}

.logos
{top:665px; left:200px; width:800px; position:absolute; color:inherit;filter:Alpha(opacity=100);-moz-opacity:1; }

.titre {
border:none 1px #000033;
width:600px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
color:#000033;
text-align:center;
position:absolute;
left:215px;
top:230px;
}

.titre2 {
border:none 1px #000033;
width:600px;
height:24px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:12pt;
color:#000033;
text-align:center;
position:absolute;
left:215px;
top:230px;
}

.titrePieceOmbre {
border:none 1px #000033;
width:600px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:18pt;
color:#000033;
text-align:center;
position:absolute;
left:216px;
top:232px;
}

.titrePiece {
border:none 1px #000033;
width:600px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:18pt;
color:#FF6600;
text-align:center;
position:absolute;
left:215px;
top:230px;
}

.titrePieceOmbre2 {
border:none 1px #000033;
width:600px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:14pt;
color:#000033;
text-align:center;
position:absolute;
left:216px;
top:212px;
}

.titrePiece2 {
border:none 1px #000033;
width:600px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:14pt;
color:#FF6600;
text-align:center;
position:absolute;
left:215px;
top:210px;
}

.text1{
border-style:none; 
width:550px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
color:#000033;
text-align:center;
position:absolute;
left:240px;
top:290px;
}

.text1bis{
border-style:none; 
width:550px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
color:#000033;
text-align:center;
position:absolute;
left:240px;
top:220px;
}
.textlivraison{
border-style:none; 
width:400px;
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:left;
position:absolute;
left:400px;
top:290px;
}

.textlivraison2{
border-style:none; 
width:540px;
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:left;
position:absolute;
left:250px;
top:450px;
}

.cartelivraison{
border-style:none; 
width:110px;
height:71px;
background: url(../images/NPDC.jpg);
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:left;
position:absolute;
left:240px;
top:320px;
}


.textPlan{
border-style:none; 
width:550px;
height:330px;
font-family: arial, helvetica, sans-serif ;
font-size:10pt;
color:#000033;
text-align:left;
position:absolute;
left:240px;
top:260px;
overflow: auto;

}
.text2{
border-style:none; 
width:550px;
font-family: arial, helvetica, sans-serif ;
font-weight:normal;
font-size:10pt;
color:#000033;
text-align:center;
position:absolute;
left:240px;
top:615px;
}

.lamesVR {position:absolute; top:200px; left:230px; width:600px; height:274px; 
background: url(../images/volets/lames2.jpg); filter:Alpha(opacity=40);-moz-opacity:0.4;}

.voletAcc a {
border:none;
position:absolute; top:525px; left:208px;  height:80px; width:82px; 
background: url(../images/accueil/volet_roulant.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:8pt;
text-align:center; 

 }
.voletAcc a:hover {

background-color:#FF6600;
color:#FF6600;
 }


.garageAcc a {
border:none;
position:absolute; top:525px; left:290px;  height:80px; width:80px; 
background: url(../images/accueil/porte_garage.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.garageAcc a:hover {

background-color:#FF6600;
color:#FF6600;
 }

.indusAcc a {
border:none;
position:absolute; top:525px; left:370px;  height:80px; width:95px; 
background: url(../images/accueil/porte_industrie.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.indusAcc a:hover {
background-color:#FF6600;
color:#FF6600;
 }

.storeAcc a {
border:none;
position:absolute; top:525px; left:465px;  height:80px; width:85px; 
background: url(../images/accueil/store.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.storeAcc a:hover {
background-color:#FF6600;
color:#FF6600;
 }

.portailAcc a {
border:none;
position:absolute; top:525px; left:550px;  height:80px; width:100px; 
background: url(../images/accueil/portail.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.portailAcc a:hover {
background-color:#FF6600;
color:#FF6600;
 }

.telecoAcc a {
border:none;
position:absolute; top:525px; left:650px;  height:80px; width:80px; 
background: url(../images/accueil/telecommande.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.telecoAcc a:hover {
background-color:#FF6600;
color:#FF6600;
 }

.rideauAcc a {
border:none;
position:absolute; top:525px; left:730px;  height:80px; width:95px; 
background: url(../images/accueil/rideau_metallique.jpg);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#000033;
text-decoration:none; 
color:#000033;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
text-align:center; 

 }
.rideauAcc a:hover {
background-color:#FF6600;
color:#FF6600;
 }

#devis a {

color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:18pt;
text-decoration:none ;
position:absolute; top:450px; left:390px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
#devis a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}



.formulaire{
color:#000033;
border-style:none;
font-family: arial, helvetica, sans-serif ;
font-size:10pt;
width:590px;
height:800px;
position:absolute;
left:220px;
top:210px;
}

.main{
border-style:none;
background: url(../images/telecommandes/main.jpg);
width:200px;
height:247px;
position:absolute;
left:800px;
top:428px;
}

.main2{
border-style:none;
background: url(../images/telecommandes/main2.jpg);
width:171px;
height:212px;
position:absolute;
left:829px;
top:463px;
}

.main3{
border-style:none;
background: url(../images/telecommandes/main2.jpg);
width:170px;
height:212px;
position:absolute;
left:830px;
top:463px;
}

input, textarea{ background-color:#FF6600; color:#FFFFFF; font-weight:bold;} 

.radio{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:300px;
top:150px;
}
.radio1{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:320px;
top:152px;
}
.radio2{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:320px;
top:172px;
}
.radio3{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:300px;
top:170px;
}
.radio4{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:320px;
top:192px;
}
.radio5{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:300px;
top:190px;
}
.radio6{
border-style:none;
background-color:#afb7ce; 
position:absolute;
left:305px;
top:220px;
}

form.css fieldset
 {
 padding:10px;
 }
form.css label
 {
 display: inline;
 float: left;
 width: 100px;
 } 
 
a.lienDevis{
color:#FFFFFF;
font-weight:bold;
font-size:12pt;
text-decoration:underline ;
}
a.lienDevis:hover{
color:#FF6600;
font-weight:bold;
font-size:12pt;
text-decoration:underline ;
}

a.lienDevis2{
color:#FFFFFF;
font-weight:normal;
font-size:10pt;
text-decoration:underline ;
}
a.lienDevis2:hover{
color:#FF6600;
font-weight:normal;
font-size:10pt;
text-decoration:underline ;
}
 
.piece a {
color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
width:100px;
position:absolute; top:345px; left:855px;   padding:6px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 

.piece a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.pieceToit a {
color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
position:absolute; top:355px; left:350px; width:130px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
.pieceToit a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.pieceMini a {

color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
position:absolute; top:800px; left:340px; width:200px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
.pieceMini a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.pieceVeranda a {

color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
position:absolute; top:400px; left:400px; width:200px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
.pieceVeranda a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.pieceTradi a {

color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
position:absolute; top:680px; left:340px; width:200px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
.pieceTradi a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.pieceBlocBaie a {
color:#ffffff;
background-color:#FF6600; 
font-weight:bold;
font-size:12pt;
text-decoration:none ;
text-align:center;
position:absolute; top:450px; left:130px; width:130px;   padding:3px 6px 6px 6px;
border-style:outset;
border-width:2px;
} 
.pieceBlocBaie a:hover {
color:#000033;
border-style:inset;
border-width:2px;
}

.piece1{
border-style:none; 
width:550px;
font-family: arial, helvetica, sans-serif ;
font-weight:bold;
font-size:10pt;
color:#000033;
text-align:center;
position:absolute;
left:240px;
top:480px;
}