/*@charset "iso-8859-1";*/
/*@charset "utf-8";*/

/* CSS Document */
/***************** STRUCTURE *****************/
*{ /*---toutes les marges sont a  0---*/
	margin:0;
	padding:0;
}
body,html{
	scrollbar-base-color:#e1edf8;
}
body{
	font-size:62.5%;
	font-family:Arial, Helvetica, sans-serif;
	/*background:#2463ab;	*/
	background:#ffffff;
	color:#666;
}
hr
{visibility:hidden; height:6px; display:block !important;margin:0;
}
img, a img
{border:0;
}
em 
{
color:#7ba1cd;
font-size:inherit;
margin:0;padding:0;
font-style:inherit;
}
img
{border:0;
}

samp 
{
font-family:Arial, Helvetica, sans-serif;
display:block;
margin:4px 0 4px 20px;
padding-left:6px;
border-left:2px solid orange;
}
/*-------------------*/
/* gestion logo en_tete
 /*note: 2 lettres specifiques selon domaine */
/* ----------------- */
/* positionnement generique du logo: tous domaines */
a#KA_logo, a#DM_logo, a#DP_logo, a#KC_logo, a#DD_logo, a#DA_logo, a#KM_logo, a#AP_logo, a#KH_logo, a#EN_logo
{ 
		display:block;
		position:absolute;
		top:45px;
		left:40px;
		width:240px;
		height:65px;
	}
/* Attribution Logo par domaine */
a#KA_logo
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur.gif') no-repeat;
}
a#DM_logo
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-devismutuelle.gif') no-repeat;
}
a#DP_logo /* Prévoyance */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-prevoyance.gif') no-repeat;
}
a#KC_logo /* Assurance Crédit */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur.gif') no-repeat;
}
a#DD_logo /* Défiscalisation */
{background:url('http://defiscalisation.kelassur.com/images/kelassur-defiscalisation.gif') no-repeat;
}
a#DA_logo /* Assurance Auto */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-auto.gif') no-repeat;
}
a#KM_logo /* Assurance Moto */
{background:url('/images-assurance-mutuelle/logo-kelassur-moto.gif') no-repeat;
}
a#AP_logo /* Assurance Pret */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-assurance-pret.gif') no-repeat;
}
a#KH_logo /* Assurance Habitation */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-habitation.gif') no-repeat;
}
a#DP_logo /* Prévoyance */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-prevoyance.gif') no-repeat;
}
a#EN_logo /* Assurance Entreprise */
{background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur.gif') no-repeat;
}

/* --------------- */
/* -- CONTAINER -- */
/* --------------- */
#container{
	/*background:#7ca1cd url(/KA/V3_img/body-bg.gif) repeat-x;*/
	background:#7ca1cd url(/KA/V3_img/body-bg-accueil.gif) repeat-x;
    padding-bottom:15px;
}

#container-accueil{
    background:#7ca1cd url(/KA/V3_img/body-bg-accueil.gif) repeat-x;
    padding-bottom:15px;
}

/* -------- */
/* -- 01 -- */
/* -------- */
#container01{
	padding:0px 15px 0 15px;
}
#container01 #container-in{
	width:100%;
	background:#f0f6fc url(/KA/V3_img/container-in-coin-haut-droit.gif) top right no-repeat;
}
#container01 #container-in #container-fin{
	width:100%;
	height:15px;
	background:url(/KA/V3_img/container-in-coin-bas-gauche.gif) no-repeat;
}
#container01 #container-in #container-fin .coin{
	width:15px;
	height:15px;
	background:url(/KA/V3_img/container-in-coin-bas-droit.gif);
	float:right;
}
#cropper{
	background:url(/KA/V3_img/container-in-cropper-bg.gif) no-repeat;
	width:183px;
	height:94px;
	float:left;
}
/* -------- */
/* -- 02 -- */
/* -------- */
#container02{
	padding:0px 15px 0 198px;	
	min-height:600px;
}
#container02 #container-in{
	width:100%;
	min-width:750px;
	background:#f0f6fc url(/KA/V3_img/container-in2-bg.gif) repeat-x;
}
#container02 #container-in #container-deb{
	width:100%;
	height:14px;
	background:url(/KA/V3_img/container-in2-coin-haut-gauche.gif) no-repeat;
}
#container02 #container-in #container-deb-accueil{
	width:100%;
	height:32px;
	background:url(/KA/V3_img/container-in-coin-haut-gauche-accueil.gif) no-repeat;
}
#container02 #container-in #container-deb-accueil h2{
	position:relative;
	padding:10px 20px 0 20px;
	color:#FF8601;
	font-size:1.6em;
	font-weight:bold;
	text-align:left;
}
#container02 #container-in #container-deb-accueil h2 span{
	background:url(/KA/V3_img/accueil-minuteur.gif) center no-repeat;
	position:absolute;
	top:-20px;
	left:500px;
}
#container02 #container-in #container-deb-accueil .coin{
	width:14px;
	height:14px;
	background:url(/KA/V3_img/container-in-coin-haut-droit-accueil.gif);
	float:right;
}
#container02 #container-in #container-deb .coin{
	width:14px;
	height:14px;
	background:url(/KA/V3_img/container-in2-coin-haut-droit.gif);
	float:right;
}
#container02 #container-in #container-fin{
	width:100%;
	height:15px;
	background:url(/KA/V3_img/container-in-coin-bas-gauche.gif) no-repeat;
}
#container02 #container-in #container-fin .coin{
	width:15px;
	height:15px;
	background:url(/KA/V3_img/container-in-coin-bas-droit.gif);
	float:right;
}
/* ------------- */
/* -- CONTENU -- */
/* ------------- */
.entete-contenu{ /* valable pour container01 uniquement*/
	margin:0 15px 0 198px;
}
.contenu{
	padding:1px 15px;
	clear:both;
	font-size:1.1em;
	color:#666;
}
.contenu h1, form .contenu h1{
	color:#FF8601;
	font-size:1.5em;
	font-weight:bold;
	display:block;
} 
.contenu h2, form .contenu h2{
	font-size:1.4em;
	font-weight:bold;
	color:#2463ab;
	padding-bottom:10px;
} 
.entete-contenu h2{
	font-size:1.4em;
	font-weight:bold;
	color:#2463ab;
	display:block;
} 
.contenu p, .entete-contenu p{
	/*color:#666666; couleur supprimée : empêche action inherit - reportée sur le conteneur*/
	font-size:1em;
	margin:0;
}
.contenu p span, .entete-contenu p span{
	color:#FB7F01;
}
.contenu ul, .entete-contenu ul{
	list-style:none;
}
div.sommaireAssurance ul li {
	font-size:13px;
	font-weight:bold;
}
.contenu li, .entete-contenu li
{
	padding-left:10px;
	background:url(/KA/V3_img/pict-puce-type.gif) 0 2px no-repeat;
	color:#666;
	font-size:inherit;
}
/* encart entetes */
.contenu .sommaireAssurance
{float:left;width:55%;
}

.contenu .liensAssurance
{float:right;width:40%;
}
.contenu .liensAssurance h3, .contenu .sommaireAssurance h3
{font-size:11px !important;padding-left:6px;
}
.contenu .sommaireAssurance h3
{padding-top:6px;
}
.contenu .liensAssurance ul
{border-left:1px #fff solid;padding-left:6px;
}


/* end encart */

.filetH
{
	/*border-top:1px dotted #666 !important;*/
	padding:0 0 5px 0 !important;
	background:url(/KA/V3_img/Divers/dot_gris01.gif) repeat-x top;
}

.right
{text-align:right !important;
}
.left
{text-align:left !important;
}
/* ------------------------ */
/* -- BOITE BLANCHE TYPE -- */
/* ------------------------ */
.bloc-blanc{
	background:#fff url(/KA/V3_img/bloc-blanc-coin-haut-droit.gif) top right no-repeat;
	margin:10px 0 0 0;
}
* img.illustration
{float:right;margin:5px;
}
.bloc-blanc #coin-haut-gauche{
	background:url(/KA/V3_img/bloc-blanc-coin-haut-gauche.gif) top left no-repeat;
}
.bloc-blanc h2, form .bloc-blanc h2{
	background:url(/KA/V3_img/bloc-blanc-titre-bg.gif) top left no-repeat;
	font-size:1.4em;
	font-weight:bold;
	color:#2463ab;
	text-indent:36px;
	padding-bottom:10px;
	display:block;
}
.bloc-blanc h2 span{
	color:#666666;
	font-size:0.9em;
	font-weight:normal;
	padding-left:5px;
}
.bloc-bleu-ciel
{width:270px !important;}
.bloc-blanc .bloc-fin, .bloc-bleu .bloc-fin, .bloc-bleu-ciel .bloc-fin{
	background:url(/KA/V3_img/bloc-blanc-coin-bas-gauche.gif) no-repeat;
	width:100%;
	height:14px;
	clear:both;
}
.bloc-blanc .bloc-fin .coin, .bloc-bleu .bloc-fin .coin, .bloc-bleu-ciel .bloc-fin .coin{
	background:url(/KA/V3_img/bloc-blanc-coin-bas-droit.gif) no-repeat;
	width:14px;
	height:14px;
	float:right;

}

/* ----------------------------- */
/* -- BOITE TYPE AVEC H2 BLEU -- */
/* ----------------------------- */
.bloc-bleu{
	background:#fff;
	margin:10px 0 0 0;
}
.bloc-bleu h2{
	background:#2463AB url(/KA/V3_img/bloc-bleu-titre-bg.gif) top left no-repeat;
	text-align:center;
	line-height:24px;
	font-size:1.4em;
	font-weight:bold;
	color:#FFFFFF;
}
#bloc-bleu-bg-top-right{
	background:#2463AB url(/KA/V3_img/bloc-bleu-coin-haut-droit.gif) top right no-repeat;
	float:right;
	width:26px;
	height:24px;
	display:block;
}
/* -------------------- */
/* -- MENU PRINCIPAL -- */
/* -------------------- */
#menu-principal{
	position:absolute;
	top:3px;
	right:10px;
	width:936px;
	height:19px;
	list-style:none;
	display:inline;
}
#menu-principal li{
	padding:0 1px 0 0;
	font-size:1.1em;
	width:77px;
	display:block;
	float:left;
}
#menu-principal li a{
	display:block;
	width:77px;
	height:19px;
	line-height:19px;
	color:#fff;
	background:url(/KA/V3_img/menu-principal-bg-out.gif) no-repeat;
	text-decoration:none;
	text-align:center;
}
#menu-principal li a:hover{
	background:url(/KA/V3_img/menu-principal-bg-over.gif) no-repeat;
	text-decoration:underline;
}
#menu-principal li a.on-onglet{
	color:#ff8601;
	background:url(/KA/V3_img/menu-principal-bg-on.gif) no-repeat;
	text-decoration:none;
}
#menu-principal li a.on-onglet:hover{
	background:url(/KA/V3_img/menu-principal-bg-on.gif) no-repeat;
	text-decoration:underline;
}
/* ------------- */
/* -- BANDEAU -- */
/* ------------- */
#bandeau{
	position:absolute;
	top:23px;
	left:0;
	background:url(/KA/V3_img/bandeau-bg.gif) no-repeat;
	width:868px;
	height:107px;
}
h2.titre-bandeau{
	position:absolute;
	top:57px;
	left:430px;
	font-size:2.4em;
	color:#fff;
}
h2.titre-bandeau em{
	font-size:0.7em;
	color:#91AECE;
	font-style:normal;
	font-weight:bold;
}
a#DM_logo{
	display:block;
	position:absolute;
	top:45px;
	left:40px;
    background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-devismutuelle.gif') no-repeat;
	width:240px;
	height:58px;
}
a#DP_logo{
	display:block;
	position:absolute;
	top:45px;
	left:40px;
    background:url('http://www.kelassur.com/images-assurance-mutuelle/logo-kelassur-prevoyance.gif') no-repeat;
	width:240px;
	height:65px;
}
/* ------------------- */
/* -- BOITE CONSEIL -- */
/* ------------------- */
#conseil-box{
	position:absolute;
	width:168px;
	top:145px; /* postion par defaut: surclassee par la mention !important des feuilles de gabarit */
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;

}
#conseil-pro{
	position:absolute;
	width:168px;
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;
}
/*ajout FL : boite actu kelassur*/
#actusKelassur
{
	position:absolute;
	width:168px;
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;	margin-top:20px;
}

/*ajout FL : boite comparer*/
#comparerDevis, #BoiteVotreCompte, #BoiteVosDemandes, #BoiteEditerDevis, #ComparatifDevis, #PourToutSavoir /*ajout AG: classe boites ComparatifDevis et PourToutSavoir*/

{
	position:absolute;
	width:168px;
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;
}
#BoiteVotreCompte 
{
	top:390px;
}
#BoiteVosDemandes
{
	top:580px;
}
 #BoiteEditerDevis
 {top:580px;
 }
#ComparatifDevis /*ajout AG: classe boite ComparatifDevis*/
{
	top:440px;
}
#PourToutSavoir /*ajout AG: classe boite PourToutSavoir*/
{
	top:620px;
	margin-bottom:100px;
}
#PourToutSavoir h2 /*ajout AG: classe boite PourToutSavoir*/
{
	border-top:1px dashed #666666;
	margin:0;
	padding:0;
	height:8px;
}
#BoiteVotreCompte h1, #BoiteVosDemandes h1, #BoiteEditerDevis h1
{
	display:block;
	background:url(/KA/V3_img/cadres/menu-left-titre_01.gif) no-repeat;
	color:#fff;font-weight:900;
	font-size:14px;font-style:italic;text-align:center !important;
	height:30px;
	margin:0;
	padding:6px 0;
}

 #ComparatifDevis h1, #PourToutSavoir h1 /*ajout AG :*/
 {
	display:block;
	background:url(/KA/V3_img/cadres/menu-left-titre_01.gif) no-repeat;
	color:#fff;font-weight:900;
	font-size:14px;font-style:italic;text-align:center !important;
	height:36px;
	margin:0;
	padding:6px 0;
}


#comparerDevis a, #BoiteVotreCompte a, #actusKelassur a, #BoiteVosDemandes a, #BoiteEditerDevis a, #ComparatifDevis a, #PourToutSavoir a /*ajout AG: classe boites ComparatifDevis et PourToutSavoir*/
{font-weight:normal;color:#769cca;
}
#comparerDevis a:hover, #BoiteVotreCompte a:hover, #actusKelassur a:hover, #BoiteVosDemandes a:hover, #BoiteEditerDevis a:hover,#ComparatifDevis a:hover, #PourToutSavoir a:hover /*ajout AG: classe boites ComparatifDevis et PourToutSavoir*/

{color:#ff8601;
}
#conseil-box ul, #actusKelassur ul, #comparerDevis ul, #conseil-pro ul, #BoiteVotreCompte ul, #BoiteVosDemandes ul, #BoiteEditerDevis ul, #ComparatifDevis ul, #PourToutSavoir ul /*ajout FL: classe boite actus kelassur */ /*ajout AG: classe boites ComparatifDevis et PourToutSavoir*/
{
	padding:0px 5px 10px 10px;
	list-style-type:none;
}
#conseil-box ul li, #actusKelassur ul li, #comparerDevis ul li, #conseil-pro ul li, #BoiteVotreCompte ul li, #BoiteVosDemandes ul li, #BoiteEditerDevis ul li, #ComparatifDevis ul li, #PourToutSavoir ul li /*ajout FL: classe boite actus kelassur */ /*ajout AG: classe boites ComparatifDevis et PourToutSavoir*/
 
{
	background:url(/KA/V3_img/pict-puce-orange.gif) 0 2px no-repeat;
	color:#FF8601;
	font-size:1.1em;
	padding:0 0 3px 12px;
}

#conseil-box p{
	padding:10px 20px;
	color:#666;
	font-size:1.1em;
	text-align:center;
}
#conseil-box p.tel, .tel
{
	width:102px;
	padding:0 0 0 34px;
	margin:0 auto;
	background:url(/KA/V3_img/pict-tel-conseil.gif) no-repeat;
	font-size:1.2em;
	height:30px;
	color:#2362ab;
	text-align:left;
}
#conseil-box p.heure{
	padding:10px 20px;
	color:#666;
	font-size:0.9em;
	text-align:center;
}
.codesCompte
{text-align:center;
 margin:0 4px 4px 4px;
 color:#2363aa;
 border-bottom:1px dotted #666;
}

/*fin ajout FL*/
#conseil-box button{
	margin-left:24px;
	margin-bottom:5px;
	width:120px;
	border:none;
	cursor:pointer;
	background:transparent;
}
#conseil-box .bouton_conseil{
	margin-left:24px;
	margin-bottom:5px;
	width:120px;
	cursor:pointer;	
}
#conseil-box .pointillet-conseil{
	width:140px;
	margin:10px 0 10px 10px;
	line-height:1px;
	border-bottom:1px dashed #999;
}
#conseil-box h2{
	color:#2362AB;
}
#conseil-box h4{
	font-weight:bold;
	font-style:italic;
	color:#2362AB;
	font-size:1.4em;
	text-align:center;
}
#conseil-pro a.conseil-pro{
	background:url(/KA/V3_img/pict-comparaison-07-ajouter.gif) 15px 0 no-repeat;
	font-weight:bold;
	font-size:1.2em;
	color:#FA7E01;
	padding:0 10px 10px 35px;
	display:block;
}
	
#conseil-box ul{
	padding:10px 10px 10px 15px;
	list-style-type:none;
}
#conseil-box ul li{
	background:url(/KA/V3_img/pict-puce-orange.gif) 0 2px no-repeat;
	color:#FF8601;
	font-size:1.1em;
	padding-left:15px;
	padding-bottom:6px;
}

#crm-panel{
	position:absolute;
	width:168px;
	top:350px; 
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;
}

/* ------------------------ */
/* -- BARRE ESPACE PERSO -- */
/* ------------------------ */
#espace-perso-bar
{
  position:absolute;
	top:131px;
	right:0%;
	width:700px;
	font-size:1.1em;	
	color: #2463AB;
}
#espace-perso-bar a:hover{color:white;}
#espace-perso-bar h2
{
  float:left;
  color:white;
  font-size:1em; 
  font-weight:lighter;
  color:white;  
  padding:3px 2px 3px 15px;  
}
.a-connect{
	font-size:1em;
	color:#2463ab;
	padding:3px 2px 3px 15px;
	margin-left:10px;
	float:left;
}
.a-noconnect{	
	font-size:1em;
	color:#2463ab;
	padding-left:15px;	
}
.bigwhite
{
    font-size:1.3em; 
    font-weight:bold; 
    color:white;    
}
.input_bar{
	font-size:1.1em;
	color:#2463ab;
	width:80px;	
	vertical-align:middle;
}
#espace-perso-bar input
{
  vertical-align:middle;
}
#espace-perso-bar button{
	padding:0;
	margin:0;
	border:none;
	cursor:pointer;
	background:transparent;
	
}	
.img_user
{
  background:url(/KA/V3_img/pict-utilisateur.gif) left no-repeat;
  margin-left:5px;
}
.img_acces{background:url(/KA/V3_img/pict-demandes.gif) left no-repeat;}
.img_code{background:url(/KA/V3_img/pict-code.gif) left no-repeat;}
.img_info{background:url(/KA/V3_img/pict-information.gif) left no-repeat;}
.img_deconnect{background:url(/KA/V3_img/pict-deconnect.gif) left no-repeat;}
/* ------------------------ */
/* -- BOITE ESPACE PERSO -- */
/* ------------------------ */
#espace-perso-box{
	position:absolute;
	width:200px;
	top:145px;
	right:15px;
	background:#b5d2ee;
}
#espace-perso-box h2 
{
	display:block;font-size:1.1em;
	font-weight:bold;
	color:#b5d2ee;
	background-color:#2463ab;
	padding-left:5px;
	/*line-height:19px;
	text-indent:8px;*/
}
#espace-perso-box h2 a
{
	font-weight:bold;
	color:#b5d2ee;
	background-color:#2463ab;
	/*line-height:19px;
	text-indent:8px;*/
}
#espace-perso-box p{
	font-size:1em;
	color:#2463ab;
	padding:3px 8px;
}

#espace-perso-box a{
	/*display:block;
	font-size:1.1em;
	color:#2463ab;
	padding:3px 15px 3px 8px;
	background:center center no-repeat;*/
	/*float:left;*/
}

#espace-perso-box a{
	display:block;
	font-size:1.1em;
	color:#2463ab;
	padding:3px 2px 3px 15px;
	background:left no-repeat;
	float:left;
}
#espace-perso-box a.deconnect{
	display:block;
	font-size:1.1em;
	color:#2463ab;
	padding:3px 25px 3px 15px;
	background:left no-repeat;
	float:right;
}



#espace-perso-box a:hover{
	text-decoration:none;
}
#espace-perso-box a.acces{
	background-image:url(/KA/V3_img/pict-utilisateur.gif);
	margin-left:5px;
}
#espace-perso-box a.info{
	background-image:url(/KA/V3_img/pict-information.gif);
}
#espace-perso-box a.deconnect{
	background-image:url(/KA/V3_img/pict-deconnect.gif);
}
/* -------------- */
/* -- SCENARIO -- */
/* -------------- */
#scenario{
	width:580px;
	height:32px;
	margin:0 auto;
	padding:152px 0 21px 0;
}

/* num scenario */
#scenario a#passe01, #scenario a#passe02, #scenario a#passe03, #scenario a#passe04, #scenario #futur01, #scenario #futur02, #scenario #futur03, #scenario #futur04{
	display:block;
	width:130px;
	height:32px;
	background:left center no-repeat;
	float:left;
	line-height:32px;
	text-indent:28px;
	font-size:1.2em;
	color:#7ca1cd;
	text-decoration:none;
}
#scenario a#passe01:hover, #scenario a#passe02:hover, #scenario a#passe03:hover, #scenario a#passe04:hover{
	color:#ff8601;
}
#scenario #present01, #scenario #present02, #scenario #present03, #scenario #present04{
	width:160px;
	height:32px;
	line-height:32px;
	background:left center no-repeat;
	text-indent:32px;
	float:left;
	font-size:1.4em;
	font-weight:bold;
	color:#ff8601;
}
#scenario a#passe01{
	background-image:url(/KA/V3_img/scenar-01-passe.gif);
}
#scenario a#passe02{
	background-image:url(/KA/V3_img/scenar-02-passe.gif);
}
#scenario a#passe03{
	background-image:url(/KA/V3_img/scenar-03-passe.gif);
}
#scenario a#passe04{
	background-image:url(/KA/V3_img/scenar-04-passe.gif);
}

#scenario #futur01{
	background-image:url(/KA/V3_img/scenar-01-futur.gif);
}
#scenario #futur02{
	background-image:url(/KA/V3_img/scenar-02-futur.gif);
}
#scenario #futur03{
	background-image:url(/KA/V3_img/scenar-03-futur.gif);
}
#scenario #futur04{
	background-image:url(/KA/V3_img/scenar-04-futur.gif);
}
#scenario #present01{
	background-image:url(/KA/V3_img/scenar-01-present.gif);
}
#scenario #present02{
	background-image:url(/KA/V3_img/scenar-02-present.gif);
}
#scenario #present03{
	background-image:url(/KA/V3_img/scenar-03-present.gif);
}
#scenario #present04{
	background-image:url(/KA/V3_img/scenar-04-present.gif);
}
/*FL ajout: menu simple quand il n'ya pas le scénario*/
#scenario ul
{
	position:absolute;
	top:190px;
	left:210px;
	right:210px;
	list-style:none;
	width:auto;
}
#scenario li[class=h1]
{
	background:none;padding:0;
}

#scenario li[class=h1] h1
{
	display:inline;
	background:none;
	color:#fff;
	text-transform:uppercase;
	padding:0 5px 0 0;
	font-size:11px;
	font-weight:lighter;	
}

#scenario ul li
{
	display:inline;text-align:left !important;
	padding:0;margin:0 3px 0 0;color:#b4d1ee;border:0;
}

#scenario ul li a
{	
	background:url(/KA/V3_img/Puces/trait_V_blanc_1px.gif) no-repeat center right;
	text-decoration:none;margin:0 !important;
	padding:0 5px;
	color:#b4d1ee;	text-align:left;
	}

#scenario > ul li a:hover
{
	background-color:#b4d1ee;
	background-image:none;
	text-decoration:none;
	color:#fff;
}
#scenario ul li:hover 
{
color:#b4d1ee;}

/*FL ajout: menu simple quand il n'ya pas le scénario*/

/* ------------- */
/* -- ONGLETS -- */
/* ------------- */
#onglets{
	height:32px;
	padding-left:183px;
}
#onglets .off, #onglets .on{
	height:32px;
	width:250px;
	padding:0 10px 0 0;
	background:no-repeat;
	float:left;
}
#onglets .off{
	background-image:url(/KA/V3_img/onglet-off.gif);
}
#onglets .on{
	background-image:url(/KA/V3_img/onglet-on.gif);
}
#onglets .off a{
	display:block;
	line-height:32px;
	width:250px;
	text-indent:18px;
	color:#7ca1cd;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}
#onglets .off a:hover{
	color:#fa7e01;
	text-decoration:underline;
}
#onglets .on h1{
	line-height:32px;
	width:250px;
	text-indent:18px;
	color:#fa7e01;
	font-size:1.2em;
	font-weight:bold;
}
#onglets .off a strong, #onglets .on h1 strong{
	font-size:1.5em;
}
/* ------------ */
/* -- FOOTER -- */
/* ------------ */
#footer, #backlink_kelassur{
	clear:both;
	background:#2463ab;
	width:100%;
	line-height:30px;
	font-size:1.1em;
	color:#fff;
	text-align:center;
}
#footer{
	border-top:3px solid #ff8601;
}

#footer ul li
{
    display:inline;
    list-style:none;
}

p.InfosLegalesFooter
{
    width:80%;
    margin:0 auto;
    color:#666;
    font-size:10px;
}

#footer a, #backlink_kelassur a{
	color:#fff;
	text-decoration:none;
	padding:0 3px;
}
#footer a:hover, #backlink_kelassur a:hover{
	color:#fff0e0;
	text-decoration:underline;
}

#footer > ul.partenaires, #backlink_kelassur ul.partenaires
{
	font-size:1em;
	border:solid orange;
	border-width:1px 0 0 0;
	/*margin-top:12px;*/
	}
#footer > ul.partenaires li, #backlink_kelassur ul.partenaires li
{display:inline;}
#footer > ul.partenaires li h1, #backlink_kelassur ul.partenaires li h1
{font-size:1em;color:#999;text-transform:uppercase;display:inline;}
#footer > ul.partenaires li a, #backlink_kelassur ul.partenaires li a
{color:#85b3d1;text-decoration:none;
}
#backlink_kelassur ul.partenaires li a
{border-right:1px solid #fff;
}
#footer > ul.partenaires li a:hover, #backlink_kelassur ul.partenaires li a:hover
{background:#85b3d1;color:#fff;
	}
	
	
/* ----------------------- */
/* -- TEXTES GENERIQUES -- */
/* ----------------------- */
.txt12{
	font-size:1.2em;
}

/* ----------- */
/* -- LIENS -- */
/* ----------- */
.barre-liens{
	line-height:30px;
	text-align:right;
	font-size:1.2em;
}
.barre-liens a{
	margin-right:10px;
}
a{
	color:/*#fa7e01*/#7ba1cd;
}
a.neutre{/*FLajout:a.neutre - enlève le trait et hérite de la couleur du parent*/
	color:inherit;
	text-decoration:none;
}
a:hover, a.neutre:hover{
	color:#ff9933;
	text-decoration:none;
}
a.a-modifier{
	line-height:21px;
	background:url(/KA/V3_img/pict-modif.gif) left center no-repeat;
	padding-left:23px;
}
a.a-retour{
	line-height:21px;
	background:url(/KA/V3_img/pict-backback.gif) left center no-repeat;
	padding-left:13px;
}
a.a-print{
	line-height:21px;
	background:url(/KA/V3_img/pict-print.gif) left center no-repeat;
	padding-left:22px;
}
a.a-doc{
    line-height:21px;
    background:url(/KA/V3_img/pict-doc01.gif) 3px top no-repeat;
    padding-left:23px;
}
a.a-doc-full{
    line-height:21px;
    background:url(/KA/V3_img/pist-doc-full.gif) left top no-repeat;
    padding-left:23px;
}
a.a-ajout-select{
	line-height:21px;
	background:url(/KA/V3_img/pict-ajout-select01.gif) left center no-repeat;
	padding-left:23px;
}
a.a-ajout-select-off{
	line-height:21px;
	background:url(/KA/V3_img/pict-ajout-select01-off.gif) left center no-repeat;
	padding-left:23px;
}
a.a-supprim-select{
	line-height:21px;
	background:url(/KA/V3_img/pict-supprim-select01.gif) left center no-repeat;
	padding-left:23px;
}
a.a-contact-tel{
	line-height:21px;
	background:url(/KA/V3_img/pict-phone-mini.gif) left center no-repeat;
	padding-left:23px;
}
a.a-demande-adh{
	line-height:21px;
	background:url(/KA/V3_img/pict-crayon-mini.gif) left center no-repeat;
	padding-left:23px;
}
a.a-derouler{
	line-height:21px;
	background:url(/KA/V3_img/pict-bas.gif) right center no-repeat;
	padding-right:18px;
}
a.a-enrouler{
	line-height:21px;
	background:url(/KA/V3_img/pict-haut.gif) right center no-repeat;
	padding-right:18px;
}
a.button
{
display:inline-block;
	font-size:13px;
	padding:3px 6px;
	margin:8px;
}

/*Boutons de formulaire */
a[title=Bouton], a[title~=Bouton], a.BoutonAction
{
		background:url(/KA/V3_img/boutons/btn_f_Action_OFF.gif) no-repeat right;
		border:none;
		text-align:center;
		padding:10px 45px 10px 20px;
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		margin:3px;
		font-size:1.1em;
		line-height:110%;
		margin-top:15px;
}

a[title=Bouton]:hover, a[title~=Bouton]:hover, a.BoutonAction:hover
{
		background:url(/KA/V3_img/boutons/btn_f_Action_ON.gif) no-repeat right;
		padding:10px 40px 10px 25px;
}

 /* FL: bouton retour haut de page: le style s'applique à tout conteneur */
 .haut
{
text-align:right;
}
.haut > a
{
background:url(/KA/V3_img/pictos/pict-haut_on.gif) no-repeat left bottom;
background:url(/KA/V3_img/pictos/pict-haut.gif) no-repeat left bottom; 
text-transform:uppercase;
font-size:11px;
padding-left:15px;
color:#fc6300;
margin-right:6px;
}

.haut > a:hover
{
background:url(/KA/V3_img/pictos/pict-haut_on.gif) no-repeat left bottom; 
background-color:#fa7e00;
color:#fff;
}
/* fin bouton retour haut de page*/



.flyOver {cursor : pointer;}
.flyOut {cursor : auto;}

/* --------------- */
/* -- elements inactifs ou masques -- */
/* Ces classes permettent de masquer les élements ciblés*/
/* méthode masque: lorsque c'est possible encadrer l'élément visé par un conteneur masque */
/* méthode inactif: lorsque c'est possible, appliquer la class .inactif */
/* --------------- */

/*FL: appliqué à un conteneur, masque tout le contenu que ce conteneur encadre */
/* notamment, permet de masquer les différentes boîtes à volonté dans n'importe qu'elle page, en local */

.masquer, .masquer > *
{display:none;visibility:hidden;
}

/*FL: lien inactif = fait figuer un lien mais qui ne doit pointer sur rien - cf plan du site*/
a.inactif 
{
	color:#d0d3d8 !important;
	text-decoration:none;
	font-weight:lighter;
	font-size:smaller;
}
a.inactif:hover 
{
	text-decoration:line-through;
	color:#d0d3d8 !important;
}

/* --------------- */
/* -- END / END -- */
/* --------------- */

/*** Style des boites latérales gauche génériques ***/
.boite_info
{
  /*border:1px solid #7CA1CD;*/
  width:168px;
  font-size:10px;
  /*background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;*/
}
.boite_info ul
{
  padding:10px 10px 10px 15px;
	list-style-type:none;
}
.boite_info ul li
{
	background:url(/KA/V3_img/pict-puce-orange.gif) 0 2px no-repeat;
	color:#FF8601;
	padding-left:15px;
	padding-bottom:6px;	
}

/* patch positionnement Boites de Gauche si avatar Conseil Non affiché */
/* Encadrer les boites qui suivent dans un conteneur Div.No_avatar*/
.NO_avatar
{
	position:absolute;
	top:206px;
	vertical-align:top;
}


.NO_avatar #comparerDevis, .NO_avatar #conseil-pro, .NO_avatar #actusKelassur
{	
	position:relative;
	top:0;
	margin:0 0 25px 0;
}
/* ------------------------ */
/* -- AIDE CONTEXTUELLE -- */
/* ------------------------ */
#img_close_aide
{
    position:absolute;
    right:0;
    vertical-align:middle;
    margin:3px;
    cursor:pointer;
}
.aide_cadre
{
   position:absolute;
   top:100px;
   border:2px solid #ff8601;/*** orange ***/
   background-color:#f1f6fc;/*** bleu clair ***/
   width:500px;
}
.aide_cadre > h2
{
    font-size:1.5em;
    text-align:center;
    background-color:#17539b;/*** bleu foncé ***/
    color:white;
}
.aide_cadre > p{
    margin:7px;
    font-size:1.1em;
    color:#175399;/*** bleu fonce ***/
}
.Fermer_aide{text-align:center;}

div#SelectionAssureurs
{border: dotted 1px #999;
 max-width:100%;
}
div#SelectionAssureurs img
{border:none; margin:6px;
}

.AccrocheMarque
{color:Red;border:none;font-size:11px;
}

.h3-savoir a
{text-decoration:underline;
color:#fff;
}
.h3-savoir a:hover
{
text-decoration:none;
}
/* panorama Marques */
#panorama {
width:100%;
}
.AssuranceComparateur
{
width:150px;height:120px;float:left;
}
.AssuranceComparateur img
{
margin:0 !important;
border-bottom:2px solid #fff;
}
.AssuranceComparateur span
{
display:inline-block;
background:#eaecef;
color:orange;
padding:0 5px;
width:120px;
height:35px;
}
.AssuranceComparateur span:hover
{
background:orange;
color:#fff !important;
}
.AssuranceComparateur span:hover *
{
color:#fff !important;
}
.AssuranceComparateur span a
{
text-decoration:none;
}
.AssuranceComparateur span a:hover
{
color:#fff;
}
/*lien vers les guides */
#Guide-Mutuelle-sante
{
    margin:100px auto 20px /*230px*/40px;
    float:left;
}

.afficher-guide{
background:url(http://www.kelassur.com/KA/V3_img/pict-puce-orange.gif) no-repeat;
background-position:100% 60%;
padding:8px 10px 6px 0;
font-size:11px;
color:#7BA1CD;
text-align:right;
font-weight:normal;
}

.afficher-guide:hover{
	
	color:#FF9933;
}
/*end lien vers les guides */

/* Ajout Adrien Garry pour les menus sur DM */
#conseil-box div.titre, #conseil-pro div.titre, #actusKelassur div.titre {
background:url("/KA/v3_img/assurance-titre-menu.gif") no-repeat scroll 0 0 #7BA1CD;
color:#FFFFFF;
display:block;
font-size:14px;
font-style:italic;
font-weight:bold;
height:35px;
margin:0;
padding-top:6px;
text-align:center;
width:100%;
}
#conseil-box div.titre {background:url("/KA/v3_img/assurance-titre-menu-orange.gif") no-repeat scroll 0 0 #7BA1CD;}

#conseil-box div {
color:#2362AB;
font-size:1.4em;
font-style:italic;
font-weight:bold;
text-align:center;
}


#conseil-box div.assurance-sante {
background:url("../Images/assurance-sante.jpg") no-repeat scroll 0 0 transparent;
/*background:url("../Images/Photos/foto_cartevitale.gif") no-repeat scroll 0 0 transparent;*/
/*background:url("../Images/Vignettes/DM_vignette.gif") no-repeat scroll 5px 0 transparent;*/
height:113px;
margin:0 auto 5px;
width:150px;
}

#conseil-box-image
{
    background:url("/KA/V3_img/conseil-bg-bottom.gif") no-repeat scroll right bottom #FFFFFF;
    width:168px;
    position:absolute;
    /*top:200px;*/
    left:15px;
}

#conseil-box-image h2
{
    background:url("/KA/v3_img/assurance-titre-menu-orange.gif") no-repeat scroll 0 0 #7BA1CD;
    color:#fff;
    font-style:italic;
    padding-top:6px;
    width:100%;
    height:35px;
    display:block;
    text-align:center;
    font-size:14px;
}

#conseil-box-image img
{
    width:150px;
    margin:0 auto 5px auto;
    display:block;
}