@charset "utf-8";
/* CSS Document */

h1{ color:#000; font-size:14px; font-style:italic; text-transform:uppercase;  font-family:Verdana, Geneva, sans-serif;}
h2{ font-size:13px; color:#0590c7; font-family:Verdana, Geneva, sans-serif; line-height:18px; margin-bottom:20px; text-align:justify; font-weight:lighter;}
h3{ font-size:15px; color:#0590c7; font-family: 'Didact Gothic', sans-serif; line-height:18px; margin-bottom:10px; margin-top:25px;}

#contenu a{color:#0590c7; text-decoration:none;}
#contenu a:hover{ text-decoration:underline;}

#resultat{ padding-top:25px;}
#resultat a{ display:block; border-bottom:1px dotted #CCC; padding-bottom:4px; margin-bottom:4px; padding-left:20px;}

#contenu #gauche{ width:710px; float:left;}
#contenu #droite{ width:280px; float:left; padding-top:29px;}

#contenu p{ color:#000; font-size:12px;  text-align:justify; padding:20px 0 3px 0; font-family:Verdana, Geneva, sans-serif; line-height:20px; }

#contenu #droite form{ padding-left:18px;}
#contenu #droite form input{ font-size:13px; color:#676869; text-transform:uppercase; width:187px; border:0; height:29px; padding:0 5px 0 5px; background:url(../images/charte/recherche.png) left top no-repeat;}
#contenu #droite form input#ok{ padding:0; width:43px; height:29px; background:url(../images/charte/ok.png) left top no-repeat;}
#contenu #droite form input#ok:hover{ cursor:pointer; background-position:left bottom;}
#contenu #droite a#devis{ display:block; height:150px; width:214px; background:url(../images/charte/devis.png) left top no-repeat; margin:70px 0 0 30px;}
#contenu #droite a#devis:hover{ background-position:left bottom;}

#contenu #accueilbottom a#devis{ display:block; height:150px; width:214px; background:url(../images/charte/devis.png) left top no-repeat; margin:0 0 0 80px;; float:left;}
#contenu #accueilbottom a#devis:hover{ background-position:left bottom;}

#accueilbottom{ padding:20px 0 0 150px;}

#contenu form#form1{ width:450px; padding-top:20px; margin-bottom:20px;}
#contenu form label{ display:block;  font-size:16px; font-style:italic; font-weight:bold; text-transform:uppercase;font-family: 'Josefin Sans', sans-serif; width:170px; text-align:right; padding-right:10px; padding-top:3px; float:left;}
#contenu form input{ width:187px; padding:0 5px 0 5px; height:29px; background:url(../images/charte/recherche.png) left top no-repeat; font-size:14px; color:#676869; border:0; float:left; margin-bottom:4px;}
#contenu form textarea{ width:187px; padding:5px 5px 0 5px; height:85px; resize:none; background:url(../images/charte/textarea.png) left top no-repeat; font-size:14px; color:#676869; border:0; float:left;}
#contenu form input#envoyer{ width:130px; height:25px; background:url(../images/charte/envoyer.png) left top no-repeat; padding:0; margin:10px 0 0 210px;}
#contenu form input#envoyer:hover{ background-position:left bottom; cursor:pointer;}

#contenu form input#calculer{ width:130px; height:25px; background:url(../images/charte/calculer.png) left top no-repeat; padding:0; margin:10px 0 0 290px;}
#contenu form input#calculer:hover{ background-position:left bottom; cursor:pointer;}

#contenu #gauche img{ float:left; padding:0 15px 0 0;}

#contenu #plan{ width:472px; padding:65px 0 0 25px; height:228px; background:url(../images/charte/plan.png) left top no-repeat; float:right; margin-top:-30px;}
#contenu #plan small a{ display:block;}


input.inputcalcul{ display:none;}
select#nuance,select#nuancebronze, select#nuancecuivre, select#nuancelaiton, select#nuanceinox, select#nuanceplastic, select#nuanceacier{ display:none;}

#calculpoid select{ width:200px; font-size:15px; letter-spacing:1px; margin-left:5px;}
#selectdiv{ border-bottom:1px dotted #000; padding-bottom:10px; margin-bottom:10px;}
#calculpoid input.inputcalcul{ margin-right:12px;}

p#liens_caracteristiques a{ display:block; width:180px; line-height:14px; padding-left:20px; padding-right:20px; height:53px; float:left; padding-top:115px; text-align:center; margin-right:0px; margin-bottom:5px; outline:0;}
p#liens_caracteristiques a:hover{ color:#000;}

p#liens_caracteristiques a.btalu{ background:url(../images/btalu.png) left top no-repeat;}
p#liens_caracteristiques a.btbronze{ background:url(../images/btbronze.png) left top no-repeat;}
p#liens_caracteristiques a.btcuivre{ background:url(../images/btcuivre.png) left top no-repeat;}
p#liens_caracteristiques a.btinox{ background:url(../images/btinox.png) left top no-repeat;}
p#liens_caracteristiques a.btlaiton{ background:url(../images/btlaiton.png) left top no-repeat;}
p#liens_caracteristiques a.btplastique{ background:url(../images/btplastique.png) left top no-repeat;}
p#liens_caracteristiques a.mds{ background:url(../images/mds.png) left top no-repeat;}