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

/* formatage feuilles de type neutres sans interface ouvertes en pop-up
/*pages satellites*/


/*-- ASTUCES -- */
/* :first-letter --> pour IE: ajouter <span></span> autour de la 1ère lettre*/


/*******************************************/
/* éléments générique */
/* PARTICULARITES :  
/* ITERATIONS : 
/* SEMANTIQUE: body h1 h2 h3 img ul li p hr ul li
/*******************************************/
body
	{background:#fff;	
}
body, h1, h2, h3 , h4
{
	margin:0;
	padding:0;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	/*background:#2463ab;*/	
	color:#666666;
}
img
{
	border:0;
}
div
{
	margin:0;
	padding:0;
}
ul, li
{margin:0;
padding:0;
}
p
{margin:0;
padding:4px 6px 0 6px;
}


hr
{visibility:hidden; height:6px; display:block !important;margin:0;
}

/*ul, li
{list-style:none;
}*/

a
{	color:#47a7f3;
}

a:hover
{	color:#f45f0c;
	font-weight:bolder;
}

p.contact_Text
{
	padding:0 0 0 25px !important;
	font-size:1.1em;
	color:#6285b4;
	}
	p.contact_Text span
{
	font-size:1.4em;
	color:#6285b4;
	}
p.contact_Tel
{
	padding:0 0 0 25px !important;
	min-height:1.5em;color:#ff8601 !important;
	font-size:1.4em;
	background:url(/KA/V3_img/pictos/pict-comparaison-07-contact.gif) no-repeat 0px 5px ;
	color:#6285b4;
	}
strong{
font-weight:normal;
}
/*******************************************/
/* style DIV Header pour le referencement */
/* PARTICULARITES : ce calque contient une image transparente à laquelle est appliquée le lien cible - aucune image - Mots clés pour le référencement dans les balises h1 h2 h3
/* ITERATIONS : 
/* SEMANTIQUE: parent: div > enfants: marquee h1 h2 h3
/*******************************************/

#referencementNeutre
{z-index:800;
	width:100%;
	position:absolute;
	top:0;left:0;
}

#referencementNeutre marquee > h1, #referencementNeutre marquee > h2, #referencementNeutre marquee > h3
{
	display:inline;
	text-transform:uppercase;
	font-size:10px;
}
#referencementNeutre marquee > h1
{
	color:#fff;
}
#referencementNeutre marquee > h2
{	color:/*#fbec7f*/#d84646;
}

#referencementNeutre marquee > h3
{	color:/*#e55039#f9c325*/#ffcd1f;
}


/*******************************************/
/* style DIV entete du gabarit + style DIV pied de Page */
/* PARTICULARITES :  Header contient le logo du gabarit
/* ITERATIONS : #headerNeutre_DM > H1 : permet d'affiche le logo DevisMutuelle/Kelassur pour le contexte DM
/* SEMANTIQUE: parent: div > enfants: h1 ul li a
/*******************************************/


#headerNeutre
{
	display:block;
	background:url(/KA/V3_img/logos_KA/banniere_all_fond.gif) repeat-x top;	
}


#footerNeutre 
{
	margin:20px 0;
}

#headerNeutre > h1
{
	background:url(/KA/V3_img/logos_KA/banniere_gab00_KA.gif) no-repeat left top;
	padding:95px 0 0 20px;
	font-size:24px;
}


#headerNeutre #headerNeutre_DM > h1
{
	background:url(/KA/V3_img/logos_KA/banniere_gab00_DM.gif) no-repeat left top;
	padding:95px 0 0 20px;
	font-size:24px;
}

#headerNeutre > ul, #footerNeutre > ul 
{
	display:block;
	list-style:none;
	background:url(/KA/V3_img/menus/fond_bleuCiel.gif) repeat-x left bottom;
	padding:10px 0 2px 18px;
	color:#355191;

	}
#headerNeutre > ul li, #footerNeutre > ul li 
{
	display:inline;
	
}

#headerNeutre > ul li a, #footerNeutre > ul li a
{
	text-decoration:none;
	color:#355191;
	padding:0 6px;

	}

#headerNeutre > ul li a:hover, #footerNeutre > ul li a:hover
{
	background-color:#fff;
	color:gray;
	border:solid #fff;
	border-width:1px 0 3px 0;
}


/*******************************************/
/* style DIV pour le contenu 
/* PARTICULARITES : 
/* ITERATIONS : 
/* SEMANTIQUE : parent: div > enfants: h1 h2 h3 ul li blockquote p */
/*******************************************/



#contenuNeutre 
{
	border:1px dotted gray;
	border-width:1px 0 1px 0;
	margin-top:0px;
	padding:0 20px 10px 20px;
}


#contenuNeutre p strong
{
	font-weight:normal;
}



/* fin ajout marque blanche   */
#contenuNeutre > ul#menu 
{
	clear:both;
	display:block;
	padding:3px 0 30px 0;
	list-style:none;
	
}


#contenuNeutre > ul#menu li
{
color:#5082bc;
display:inline;
float:left;

}
#contenuNeutre > ul#menu li h1
{
padding:5px 0 0 6px;
}

#contenuNeutre > ul#menu li a
{
	display:block;	
	width:auto;
	background-color:#b6cce4;
	color:#fff;
	border:#fff solid;
	border-width:1px 3px 0 3px;
	padding:0 4px;
	text-decoration:none;
	text-align:left;
	text-transform:capitalize;
	font-weight:bold;
}

#contenuNeutre > ul#menu li a:hover
{
	background-color:#5082bc;
	color:#fff;
	text-align:right;
	}

#contenuNeutre > ul#menu a.on, #contenuNeutre > ul#menu a.on:hover 
{background:#fff;
	background:url(/KA/V3_img/pict-haut.gif) no-repeat center bottom;
text-decoration:overline;
	color:#5082bc;
	padding:0 0px 10px 0px;
}

#contenuNeutre form fieldset
{	border:orange 2px olid;
}
#contenuNeutre form fieldset legend
{	clear:both;
	display:block;
	background:url(/KA/V3_img/Pictos/bloc-blanc-titre-bg.gif) no-repeat 0 10px;
	color:#365186;
	text-transform:uppercase;
	padding:16px 0 4px 30px;
	font-size:14px;
}

#contenuNeutre > h1
{	clear:both;
	display:block;
	background-color:#5082bc;
	color:#fff;
	text-transform:uppercase;
	border-top:15px solid #fff; /* astuce pour ajuster positionnement du titre sous menu */
	padding:0 0 0 5px;
	font-size:14px;	
	font-weight:bold;
}
#contenuNeutre > h1 strong
{	
	font-weight:bold;
}

#contenuNeutre > h2, #contenuNeutre form h2
{	clear:both;
	display:block;
	background:url(/KA/V3_img/Pictos/bloc-blanc-titre-bg.gif) no-repeat 0 10px;
	color:#365186;
	text-transform:uppercase;
	padding:16px 0 4px 30px;
	font-size:14px;
}
#contenuNeutre > h2 a
{	color:#365186;
}
#contenuNeutre > h2 a:hover
{	color:#7ba1cd;
}
cite
{clear:both;font-weight:400;font-style:normal !important;font-size:smaller;color:#666;}
cite > em
{text-transform: uppercase;font-style:inherit;}
h1 cite
{display:block;font-size:14px;
	border-bottom:1px dotted #999;padding:8px 0 0 0;font-weight:bolder;margin:0 15px;}
#contenuNeutre h3, #contenuNeutre h3 a
{	clear:both;
	color:#fc6301;
	font-size:14px;
}
#contenuNeutre h3
{display:block;
	padding:10px 0 3px 30px;}
#contenuNeutre > h3 a
{}
#contenuNeutre > h3 a:hover
{color:#7ba1cd;}

#contenuNeutre > h3:first-letter /* voir Astuce en haut de page */
{	text-transform:capitalize;
}

#contenuNeutre h4
{	/*clear:both;*/
	display:block;
	padding:5px 0 0 31px;
	font-size:1em;
	
	}
#contenuNeutre h4:first-letter /* cf ASTUCES css haut de page */
{	
padding-left:8px;background:url(/KA/V3_img/Puces/fleche_5x5_orange.gif) no-repeat left center;
}
/* fiche produit */
#contenuNeutre blockquote.cadre_CoinBlanc33x33_HG
{margin:8px 0 4px 0;padding:0;
background:/*#e7eef7#bfd1e6#8babd1*/ #7c99c0 url(/KA/V3_img/cadres/coin_33x33_blanc_HG.gif) no-repeat top left;color:#fff;
}
#contenuNeutre blockquote.cadre_CoinBlanc33x33_HG h2
{background:url(/KA/V3_img/cadres/coin_33x33_blanc_HD.gif) no-repeat top right;
	font-size:1.5em;padding:5px 0 0 25px;color:#fff;}
#contenuNeutre blockquote.cadre_CoinBlanc33x33_HG p
{padding:0px 6px 6px 25px;font-weight:normal;
}
#contenuNeutre blockquote.cadre_CoinBlanc33x33_HG a
{color:#fff;
}
.cadre_CoinBlanc33x33_BG
{background:/*#f0f5fa*/#e7edf3 url(/KA/V3_img/cadres/coin_33x33_blanc_BG.gif) no-repeat bottom left;padding:10px 0 0 0;}
.cadre_CoinBlanc33x33_BG p
{padding:0 5px 0 15px;font-weight:normal;}
.cadre_CoinBlanc33x33_BD
{background:url(/KA/V3_img/cadres/coin_33x33_blanc_BD.gif) no-repeat bottom right;padding:0;margin:0;min-height:30px;}

div.selection
{	
clear:both;display:block;
min-height:120px;
padding:12px 4px 4px 4px;
margin:15px;
border:solid #bfd1e6;
border-width:0 1px 1px 1px;
border-top:1px solid #bfd1e6;
background:#fff url(/KA/V3_img/fonds/cadre_foto_fond_blanc_B.gif) repeat-x 0 -1px;
}
div.selection h2
{	
font-size:1.05em;color:#356eb1;padding:6px 0 0 16px;
}
div.selection div
{min-height:70px;margin:1% 15%;
	width:70%;}
div.selection div > img
{	float:left;
	margin:0 3% 0 0;
}
div.selection div > ul
{
padding:0 0 0 150px;
}
div.selection ul
{	
padding:0 0 0 25px;
font-style:inherit;
font-weight:normal;
list-style:none;
}
div.selection li
{	
background:url(/KA/V3_img/Puces/dot_3x3_orange.gif) no-repeat 0.3em 0.7em;
padding-left:10px;
}

/* fin fiche produit */
/* calque afficher masquer */
div.afficheMasque
{ position:absolute;
    height:auto;
	  overflow:auto;
width:70%;
top:20%;
left:20%;
bottom:15%;
background:/*#fff2d3 #fff7e3*/#e7edf3;
border:outset 3px #366eb0;
visibility:hidden;
}
div.afficheMasque h1
{font-size:1.05em;
	background:/*#366eb0*/#ff8601 url(/KA/V3_img/Fonds/bandeau_bleu_H.gif) repeat-x;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	padding:8px 3px 3px 3px;
	border-bottom:8px solid #fff;
}
div.afficheMasque h2
{font-size:1.08em;
	background:#ebf0f5;
	color:#1175cc;
	margin:15px 10px 8px 10px;
	padding:2px 8px;
	border:/*#8faed3*/#c2d3e7 1px ridge;
	border-width:1px;
}
div.afficheMasque h3
{font-size:1.02em;
	color:#346399;
	font-weight:bold;
	padding:3px 8px 0px 23px;
	background:url(/KA/V3_img/Puces/pict-puce-bleu_bg.gif) no-repeat 8px 7px;
}
div.afficheMasque p
{	padding:0px 15px 0 22px;
}
div.afficheMasque ul
{list-style:disc outside;
	margin:0 0 0 20px;
	padding:0 15px 0 30px;
}
/* calque afficher masquer */

#contenuNeutre > blockquote, table.sommaire
{	margin:0 0 0 25px;
	color:#5082bc;
	padding-left:6px;
	font-weight:bold;
}

table.sommaire
{	width:100%;
}


table.sommaire td
{
	height:auto;
	vertical-align:top;
}
table.sommaire img
{
	float:left;
	margin-right:20px;
}
table.sommaire h1
{	
	font-size:1.2em;
	padding:0 0 10px 0;
	color:#fc6301;
}

table.sommaire p
{	
	
}

#contenuNeutre > blockquote:first-letter /* voir Astuce en haut de page */
{	
	/*color:#fc6301;*/
	text-transform:capitalize;
}

#contenuNeutre > ul,#contenuNeutre ul.Liste
{	list-style: disc inside;
	/*margin-left:40px;*/
	padding:0 0 0 48px;
}

#contenuNeutre > ul a, #contenuNeutre > a
{	color:#47a7f3;
	
}

#contenuNeutre > ul a:hover, #contenuNeutre > a:hover
{	color:#f45f0c;font-weight:normal;
}

#contenuNeutre > p
{	
	padding-left:40px;
}


/*styles a reporter sur une feuille de charte generale */

.menuFermer a, a.fermer
{
	background-image:url(/KA/V3_img/pictos/pict-deconnect_on.gif);
	background-image:url(/KA/V3_img/pictos/pict-deconnect.gif);
	background-repeat:no-repeat;
	background-position:2px;
}

.menuFermer a:hover
{
	background-image:url(/KA/V3_img/pictos/pict-deconnect_on.gif);
}
.menuFermer span, .menuHome span, .menuDevis span
{
	padding:0 0 0 10px;
}


.menuHome a
{
	background-image:url(/KA/V3_img/pictos/pict_home_off.gif);
	background-repeat:no-repeat;
	background-position:2px;
	
}

.menuHome a:hover
{
	background:url(/KA/V3_img/pictos/pict_home_on.gif) no-repeat 2px;
}

.menuDevis a
{
	background-image:url(/KA/V3_img/pictos/pict_devis_off.gif);
	background-repeat:no-repeat;
	background-position:2px;
	
}

.menuDevis a:hover
{
	background-image:url(/KA/V3_img/pictos/pict_devis_on.gif);
}
/*liste de definition*/
dl
{margin:0 10px;}
dt
{  margin:8px 0 3px 0;
	color:#fc6301;
	border-bottom:#999 1px dashed;
	font-weight:bold;
	text-transform:capitalize;
	font-size:14px;
	}

dd
{
	color:#10336b;
	padding:0 5px 0 8px;
	font-size:13px;
	
}


/*fin liste de definition*/

/*filets*/
.filetHaut
{
	border:1px dotted #666;
	border-width:1px 0 0 0;
	padding:5px 0 0 0;
}
.filetBas
{
	border:1px dotted #666;
	border-width: 0 0 1px 0;
	padding:0 0 5px 0;
}
/* tableau documentaire*/
table.documentaire
{clear:both;border:thin solid #999;vertical-align:top;width:90%;border-spacing:10px;border-collapse:separate;border-spacing:3px;margin:10px;width:auto;
}
table.documentaire caption
{caption-side:top;color:#ff6100;padding:8px 0 3px 0;border-bottom:2px #fff solid;height:1.2em;min-height:1.2em !important;
}
table.documentaire th
{background:#eff3f6;
	padding:0 2px;
	color:#666 !important;
}
table.documentaire td
{vertical-align:top;}
table.documentaire col.data1
{text-align:center;font-weight:bold;color:#366eb0;
}
table.documentaire col.data2 
{text-align:center;font-weight:bold;color:#345091;
}
table.documentaire tfoot
{color:#5f8fc7;font-size:0.9em;
	padding:0 2px;background:#f7f7f9;
	vertical-align:top;
}
table.documentaire tfoot p
{border-top:1px solid #d8d7df;
	padding-top:3px;
}
table.documentaire ul
{padding:0 0 0 15px;
	list-style:square;
}
.filetH_dot
{
	background:url(/KA/V3_img/Divers/dot_gris01.gif) repeat-x top;padding:3px 0;}
/* fin tableau documentaire*/

/*******************************************/
/* style des boutons 
/* PARTICULARITES : taille du texte définie pour tous les boutons par le css généric attribut type="button" 
/* ITERATIONS : des tyles spécifiques existent pour des fonctions précises: bouton fermer, bouton devis, etc. Styles définits selon attributs
/* SEMANTIQUE: INPUT BUTTON
/*******************************************/

button[id~=contact]
{width:150px;
margin:5px;
}


input[type=button], button
{
	background-color:#e4effa;
	background:url(/KA/V3_img/menus/fond_Orange.gif) repeat-x top;
	background:url(/KA/V3_img/menus/fond_bleuCiel.gif) repeat-x top;
	border:2px solid #afc9e5;
	color: #5c91ca;
	font-size:14px;
	font-weight:bolder;
	text-align:center;
	margin:5px 0;
	padding:4px;
	/*line-height:50px;*/
	}

input[type=button]:hover, button:hover
{
	background-color:#ffb667;
	background:url(/KA/V3_img/menus/fond_Orange.gif) repeat-x top;
	border:2px solid #f8a144;
	color:#f2604a;
}

/*bouton fermer fen&ecirc;tre*/
input[onclick="javascript:window.close();"]
{
	clear:both;
	background:url(/KA/V3_img/pictos/pict-deconnect_on.gif) ;
	background:url(/KA/V3_img/pictos/pict-deconnect.gif) no-repeat 0 7px;
	background-color:#e4effa;
	color: #5c91ca;
	text-align:left;
	text-indent:10px;
	/*padding:5px 3px 5px 20px;*/
}

input[onclick="javascript:window.close();"]:hover
{	
	background:url(/KA/V3_img/pictos/pict-deconnect_on.gif) no-repeat 0 7px;
	background-color:#ffe7cb;
	color: #f2604a;
}

/*bouton comparer devis*/

/*input[onclick="javascript:window.open('ObtenirDevis.htm','','').focus();"]*/
input[class="inputDevis"]
{
	background:url(/KA/V3_img/pictos/devis_small.gif) no-repeat 0 2px;
	background-color:#e4effa;
	color: #5c91ca;
	text-align:left;
	/*padding:2px 0 4px 35px;*/
	text-indent:30px;
}
/*input[onclick="javascript:window.open('ObtenirDevis.htm','','').focus();"]:hover*/
input[class="inputDevis"]:hover
{
	background:url(/KA/V3_img/pictos/devis_small.gif) no-repeat  0 2px;
	background-color:#ffe7cb;
	color:#f2604a;
}
a.inputDevis
{display:inline-block;
text-decoration:none;
font-weight:bold;
font-size:14px;
background:url(/KA/V3_img/pictos/devis_small.gif) no-repeat 2px 2px;
	background-color:#e4effa;
	color: #5c91ca;
	text-align:left;
	min-height:21px;
	padding:5px 4px 1px 36px;
	border:2px solid #f8a144;
	border:2px solid #afc9e5;
	color:#f2604a;
	color: #5c91ca;
}
a.inputDevis:hover
{
	background-color:#ffe7cb;
	border:2px solid #f8a144;
	color:#f2604a;
}
/* style button applicable au lien txt */
a.button
{
	
	padding:3px 6px;
	margin:2px 8px;
	background:#f7f7f9;
	border:2px solid #6b91c3;color:#6c94c8 !important;
	text-decoration:none;
}
 a.button:hover
{
	background:#6b91c3;
	color:#fff !important;
	text-decoration:none;
}

/* Roland -- Besoin de nouveaux styles pour décaler le bloc central */
.contenu
{
  margin-left:180px;
}
/* --------- 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:190px !important;
border-bottom:1px solid #688ec0;
/* background: url(/KA/V3_img/conseil-h2_fondBleu.gif) no-repeat top; */
padding:11px 1px 0 1px;
}
/* boite conseil-pro
#conseil-pro{
	top:560px;
}*/
/* boite Actus
#actusKelassur
{
	top:660px;
}*/
/*boite comparer
#comparerDevis
{	top:440px;
}*/
/*** import structure boite Connexion ***/
#espace-perso-accueil{
	/*position:absolute;
	width:138px;
	top:160px;
	right:15px;
	background:#b5d2ee;*/
		clear:both;
width:600px;	text-align:left;
padding:0;
}
#espace-perso-accueil h2
{
	visibility:hidden;
	display:none;
}

#espace-perso-accueil #bloc-loggin
{

		clear:both;
background:#e7edf3;
	width:259px;
	text-align:left;
	padding:0;
	border:2px solid #e7edf3;

}
#espace-perso-accueil label
{
	font-size:1em;
	color:#2463AB;
	width:128px;
	text-align:left;
	margin:0;
	padding-left:2px;
}
#espace-perso-accueil input
{
	font-size:1.1em;
	color:#2463ab;
	width:125px;
	margin:0;
}
#espace-perso-accueil button{
	margin:5px 0 0 0;
	padding:0;
	border:none;
	width:/*128px*/100%;
	cursor:pointer;
	background:transparent;
	text-align:right;
}


/* elements graphiques ureau activite partenaire*/
div#CONTACT
{
 z-index:500;
 background: url(/KA/V3_img/cadres/menu-left-B_02-00.gif) no-repeat bottom;
 width:168px;
 float:right;margin-right:5%;
 padding:0 0 15px 0;
 text-align:center;
 margin-top:50px;
}
div#CONTACT *
{
 font-size:11px;
}
div#CONTACT ul
{
 padding:0 2px;
 width:158px;
 text-align:left;
}
div#CONTACT h1
{clear:both;
 background: url(/KA/V3_img/cadres/menu-left-titre_02-00.gif) no-repeat top center;
 color:#fff;
 text-align:center;
 padding: 8px 0 0 0;
 height:38px;
}

div#TITRE h2
{
}

/* end  / elements graphiques bureau activite partenaire*/

td.BoutonActions
{
 background:#ffc383 url(/KA/V3_img/tab-fleche-bottom.gif) no-repeat 5px 5px;  padding:0 10px 0 45px; min-height:30px;
 text-align:right;
}
a.boutonAction
{
 background: url(/KA/V3_img/Boutons/btn_f_Action_OFF.gif) no-repeat right;
 display:inline-block !important;color:#fff !important;
 padding:8px 20px 10px 8px;
 text-decoration:none;
}
a.boutonAction:hover
{
 color:#fff !important;
 text-decoration:underline;font-weight:bold;
 padding:8px 20px 10px 8px;
 text-decoration:none;
}