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

/*******************/
/*---FORMULAIRES---*/
/*******************/
label{
  color:#2463ab;
  font-size:1.1em;
  }
select{
  color:#2463ab;
  font-size:1.1em;
}
select otpion em{
  font-style:italic;
}
input{
  color:#2463AB;
  font-size:1.1em;
}
#form-tri-offres{
  font-size:1.2em;
  padding:0 15px;
  clear:both;
  line-height:30px;
  height:30px;
}
#form-res-offres{
  width:97%;
  margin:0 auto;
}
/*****************************/
/* Mes besoins / Formulaire  */
/*****************************/
.bloc-form-left{
  width:45%;
  padding-left:30px;
  float:left;
  border-right:#999 dashed 1px;
}
.bloc-form-right{
  width:45%;
  margin-left:50%;
}
.bloc-form-all{
  width:94%;
  margin:15px 3% 0 3%;
  padding-top:10px;
  border-top:#999 dashed 1px;
}
.bloc-form-all-center{
  width:94%;
  margin:0 3% 0 3%;
}
.bloc-form-all-center-besoins{
  position:relative;
  width:96%;
  margin:0 2% 10px 2%;
}
#niveau-depense-fort{
  position:absolute;
  top:69px;
  width:/*100%*/ 80%;/*FL largeur réduite pour supprimer pointillés */
  border-top:#999 dashed 1px;
}
#niveau-depense-faible{
  position:absolute;
  top:100px;
  width:/*100%*/ 80%;/*FL largeur réduite pour supprimer pointillés */
  border-top:#999 dashed 1px;
}

.bloc-form-all-center-besoins h3{
  color:#FA7E01;
  font-size:1.1em;
  text-align:center;
}
.bloc-form-left h3, .bloc-form-right h3{
  padding-left:15px;
  background:url(/KA/V3_img/picto-form-besoin-flech.gif) 0px 3px no-repeat;
  color:#666666;
  font-size:1.2em;
  font-weight:bold;
}
.bloc-form-left .entete, .bloc-form-right .entete{
  width:40%;
  font-size:1.1em;
  text-align:right;
  float:left;
  padding-bottom:5px;
}
.bloc-form-all .entete{
  width:30%;
  font-size:1.1em;
  text-align:right;
  float:left;
  padding-bottom:5px;
 }
.bloc-form-all-center .entete{
  width:47%;
  font-size:1.1em;
  text-align:right;
  float:left;
  padding-bottom:5px;
 }
.bloc-form-left .entete span, .bloc-form-right .entete span, .bloc-form-all .entete span, .bloc-form-all-center .entete span{
  color:#FF8601;
}
.bloc-form-left .formulaire, .bloc-form-right .formulaire{
  width:59%;
  margin-left:41%;
  padding-bottom:5px;
}
.bloc-form-all .formulaire{
  width:55%;
  float:left;
  margin-left:5px;
  /*margin-left:31%;*/
  padding-bottom:5px;
}
.bloc-form-all .formulaire select{margin-left:1%;}
.bloc-form-all .formulaire input{}
.bloc-form-all-center .formulaire{
  width:50%;
  margin-left:48%;
  padding-bottom:5px;
}
.bloc-form-left .formulaire input, .bloc-form-right .formulaire input, .bloc-form-all-center .formulaire input{
  margin-right:4px;
}
.bloc-form-left .formulaire label, .bloc-form-right .formulaire label, .bloc-form-all-center .formulaire label, .bloc-form-all .formulaire label{
  margin-right:25px;
}
.bloc-form-left .formulaire a, .bloc-form-right .formulaire a{
  font-size:1.1em;
  color:#FF8601;
}
.bloc-form-left .formulaire select, .bloc-form-right .formulaire select, .bloc-form-all .formulaire select, .bloc-form-all-center .formulaire select{
  font-size:1.1em;
  color:#2463AB;
}
/***************************/
/*---BLOC NIVEAU BESOINS---*/
/***************************/
#bloc-niveau-besoins{
  width:100%;
  height:72px;
  padding-top:10px;
}
#niveau-left-besoins{
  width:80%;
  height:72px;
  float:left;
}
#niveau-left-besoins #bloc-titre{
  width:32%;
  font-size:1em;
  font-weight:bold;
  float:left;
  padding:15px 0px 0 0px;
}
#niveau-left-besoins #bloc-titre h4{
  color:#666666;
  font-size:1em;
  line-height:15px;
  padding-top:16px;
}
#niveau-left-besoins .txt{
  color:#2463AB;
  font-size:1.1em;
  font-weight:bold;
  line-height:18px;
  text-align:center;
}
#niveau-left-besoins .ss-txt{
  color:#2463AB;
  font-size:1em;
  line-height:12px;
  text-align:center;
  padding-bottom:5px;
}
#niveau-left-besoins .bloc-niv{
  width:22%;
  height:72px;
  float:left;
}
#assistante-02
{
  width:140px;
  height:60px;
  float:left;
  background:url(/KA/V3_img/assistante/02-mes-besoins-assistante.gif) center no-repeat;
  margin-top:10px;
}
/*******************************/
/*---BLOC ESTIMATION BESOINS---*/
/*******************************/
.bloc-form-all-center-estimation{
  position:relative;
  width:100%;
  margin:0 0 10px 0;
}
.bloc-form-all-center-estimation h3{
  color:#FA7E01;
  font-size:1.1em;
  text-align:center;
}
.bloc-estimation{
  width:100%;
  margin-top:10px;
  height:23px;
  line-height:23px;
  color:#2463AB;
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
}
.bloc-estimation button{
  height:23px;
  background:transparent;
  border:none;
  cursor:pointer;
  vertical-align:middle;
  margin-left:10px;
}
/*#bloc-estimation{
  width:100%;
  margin-top:10px;
  height:23px;
  line-height:23px;
  color:#2463AB;
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
}
#bloc-estimation button{
  height:23px;
  background:transparent;
  border:none;
  cursor:pointer;
  vertical-align:middle;
  margin-left:10px;
}*/
.bloc-bleu h3{
  padding-top:10px;
  clear:both;
}
.bloc-contenu-estimation{
  width:22%;
  padding:15px 0 0 2%;
  float:left;
}
.bloc-contenu-estimation h4{
  color:#2463AB;
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
}
.bloc-contenu-estimation h5{
  color:#2463AB;
  font-size:1em;
  text-align:center;
  padding-bottom:15px;
}
.box-estimation{
  position:relative;
  width:177px;
  margin:0 auto;
}
/********************/
/*---BLOC SLIDER ---*/
/********************/
.content-slider{
  width:400px;
  /*padding-bottom:12px;*/
  padding-top:0.5em;
  float:left;
}
.txt-slider{
  width:124px;
  font-size:0.9em;
  color:#666666;
  float:left;
  padding-bottom:2px;
}
.txt-slider .left{
  width:50px;
  text-align:left;
  float:left;
}
.txt-slider .right{
  width:50px;
  text-align:right;
  float:right;
}
.box-estimation .box-detail{
  background:url(/KA/V3_img/box-estimation-bg-021.gif) no-repeat;
  padding:10px 10px;
  height:262px;/*192px;*/
  text-align:left;
  clear:both;
}
.box-estimation .assistante{
  position:absolute;
  top:/*20px*/-10px;
  right:/*0px*/-5px;
  width:51px;
  height:64px;
}
.box-estimation .box-detail .detail{
  height:260px;/*190px;*/
  overflow:auto;
  padding-top:0;
  font-size:1em;
  color:#666666;
}
.box-estimation .box-detail .detail h4{
  font-size:1.1em;
  color:#666666;
  text-align:left;
  padding-bottom:10px;
}
.box-estimation .box-detail .detail p{
  padding:0;
  margin:0 0 10px 0;
}
.box-estimation .box-detail .detail strong{
  font-size:1em;
  color:#2463AB;
}
.box-estimation .box-detail .detail span{
  font-size:1em;
  color:#2463AB;
}
.box-estimation .box-detail .detail a{
  font-size:1em;
  color:#FA7E01;
}
#espace-perso{
  height:60px;
  background:#B5D2EE;
  width:300px;
  margin-right:20px;
  margin-left:60%;  
}
#espace-perso h2{
  font-size:1.6em;
  color:#E1EDF8;
  font-weight:bold;
  padding-left:10px;
  background:#2463AB;
  line-height:24px;
}
#espace-perso .perso-entete{
  margin-top:10px;
  padding:0 10px;
}
#espace-perso .perso-entete a{
  text-align:right;
  font-size:1.1em;
  color:#2463ab;
  padding:0px 15px 3px 8px;
  background:right center no-repeat;
  float:right;
}
#espace-perso .perso-entete a:hover{
  text-decoration:none;
}
#espace-perso .perso-entete a.deconnect{
  background-image:url(/KA/V3_img/pict-deconnect.gif);
}
#espace-perso .perso-entete span{
  font-size:1.4em;
  color:#2463AB;
  padding-left:20px;
  background:url(/KA/V3_img/pict-utilisateur.gif) no-repeat;
  float:left;
}

.note{
  color:white;
  font-weight:bold;
}
th{ 
  background-color:#d3e1ee;
  color:#2363aa;
  text-align:left;
  border-right:1px solid #4d7eb6;
  font-size:10px;
  whitespace:nowrap;
  padding:12px;
}
th h4{
  font-size:13px;
  font-weight:bold;
  padding:2px 0 4px 0;
}
.garantie{
font-size:12px;
color:#666666;
}
.barre_d{
  background-color:#d3e1ee;               
  border-left:1px solid #4d7eb6;
}
.bc1{
background-color:#2462ab;
height:40px;
}
.pointil{border-bottom:1px dotted #666666;}
.bord_d{border-right:1px solid #4d7eb6;}
.bord_b{border-bottom:1px solid #4d7eb6;}
.bord_r{border-right:1px solid #4d7eb6;}
.txtcenter{text-align:center}

.descrip_niveaux {
width:393px;
margin-top:0.5em;
margin-left:10px;
text-align:center;
font-size:8pt;
}
.descrip_niveaux TR {height:17px}
.descrip_niveaux TD {
height:17px;
width:78px;
}

#MessageInternaute
{
position:absolute;
top:450px;
width:168px;
left:15px;
background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;	margin-top:20px;
}
#MessageInternaute p{
padding:10px 20px;
color:#666;
font-size:1.1em;
text-align:left;
}

/* --------- position haut des boites Gauches  ------- */
/*  style générique des boites dans charte.css + avatar.css */
/* position haute gérée par la feuille liée au gabarit */
/* ---------------------------------- */ 

/*avatar boite Conseil_V2*/
#conseil-box
{top:205px !important;}

/* boite conseil-pro*/
#conseil-pro{
  top:560px;
}
/* boite Actus*/
#actusKelassur
{
  top:660px;
}
/*boite comparer*/
#comparerDevis
{ top:440px;
}