﻿/*@charset "utf-8";*/
/* CSS Document */
html{
    background-color:#225da3;
}

body{
    background:#b5d2ee;
    padding-top:0px;
    width:980px;
    margin:0 auto;
    border:3px solid #FF8601;
    border-width:0 3px 3px 3px;
    position:relative;
}

div.ComparerTarifsAssurance{
    width:960px;
    height:13px;
    padding:0 10px;
    background:#b5d2ee;
}
div.ComparerTarifsAssurance * {
    color:#3863BF;
    display:inline;
    font-size:11px;
}

/* -------------------- */
/* -- MENU PRINCIPAL -- */
/* -------------------- */
#menu-principal-accueil{
	margin:3px auto auto 10px;
	float:left;
    width:936px;
    display:inline;
}
#menu-principal-accueil li{
	padding:0 1px 0 0;
	list-style:none;
	float:left;
}
#menu-principal-accueil 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-accueil li a:hover{
	background:url(/KA/V3_img/menu-principal-bg-over.gif) no-repeat;
	text-decoration:underline;
}
#menu-principal-accueil li a.on-onglet{
	color:#ff8601;
	background:url(/KA/V3_img/menu-principal-bg-on.gif) no-repeat;
	text-decoration:none;
}
#menu-principal-accueil li a.on-onglet:hover{
	background:url(/KA/V3_img/menu-principal-bg-on.gif) no-repeat;
	text-decoration:underline;
}
/* FIN MENU PRINCIPAL */

/* ------------- */
/* -- BANDEAU -- */
#bandeau{
	position:relative;
	top:23px;
	left:0;
	background:url(/KA/V3_img/bandeau-bg.gif) no-repeat;
	width:868px;
	height:107px;
}
*+html #bandeau{
    top:1px;
}

h2.titre-bandeau{
	position:relative;
	top:0px;
	left:220px;
	font-size:2.4em;
	color:#fff;
	float:left;
}
*+html h2.titre-bandeau{
    top:25px;
}

h2.titre-bandeau em{
	font-size:0.7em;
	color:#91AECE;
	font-style:normal;
	font-weight:bold;
}
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{ 
	position:relative;
	top:0px;
	left:30px;
	width:240px;
	height:65px;
	float:left;
}
a#DM_logo{
	display:block;
	position:relative;
	top:0;
	left:40px;
	background:url(/KA/V3_img/logo-devis-mutuelle.gif) no-repeat;
	width:202px;
	height:58px;
}
a#DP_logo{
	display:none;
	position:relative;
	top:45px;
	left:40px;
	background:url(/KA/V3_img/logos_KA/KA_DP_accueil.gif) no-repeat;
	width:240px;
	height:65px;
}

#espace-perso-bar{
    position:relative;
	top:25px;
	float:right;
	width:700px;
	font-size:1.1em;
	color: #2463AB;
	clear:both;
}

/* POINTS FORTS */
.pointsFortsComparateur{
    background:url(/KA/V3_img/accueil-bg-teaser-kelassur.jpg) no-repeat /*30px*/ transparent;
    background:none;
    color:#fff;
    height:0px/*80px*/;
    margin-top:35px/*26px Avec le barre de connexion activée */;
    /*padding-top:10px;*/
    padding-bottom:5px;
}

.pointsFortsComparateur h1{
    font-size:18px;
    margin:0 10%;
    padding:0;
}
.pointsFortsComparateur ul{
    margin:0 3%;
    padding-left:5%;
}
.pointsFortsComparateur ul li{
    font-size:12px;
    font-weight:bold;
    list-style-type:decimal;
}
.pointsFortsComparateur li a{
    font-weight:normal;
    font-size:11px;
    color:#fff;
}
.pointsFortsComparateur li a:hover{
    color:#fe8500;text-decoration:none;
}


/* BOITES GAUCHES (MENUS) */
#Boites-menu {
    position:relative;
    width:170px;
    padding-top:60px;
    float:left;
    background:none;
}

#conseil-pro, #actusKelassur {
	position:relative !important;
	width:168px;
	left:15px;
	background:#fff url(/KA/V3_img/conseil-bg-bottom.gif) bottom right no-repeat;
    top:0px !important;
    margin-bottom:40px !important;
    margin-top:0 !important;
}

#conseil-pro div.titre, #actusKelassur div.titre {
background:url('/KA/v3_img/assurance-titre-menu.gif') no-repeat #7BA1CD;
color:#FFFFFF;
display:block;
font-size:14px;
font-weight:bold;
margin:0;
width:100%;
height:35px;
text-align:center;
font-style:italic;
padding-top:6px;
}

/* Fin BOITES GAUCHES (MENUS) */

#container02{ min-height:480px !important;}
*+html #container02{padding:0 15px 0 25px;}

#container-accueil{
    background:url("/KA/V3_img/body-bg-accueil-kelassur.gif") repeat-x scroll 0 13px #7BA1CD /*#b5d2ee*/ !important;
    padding-bottom:15px;
    padding-top:0;
}

#container02 #container-in #container-deb-accueil{
	width:100%;
	height:28px;
	background:url(/KA/V3_img/container-in-coin-haut-gauche-accueil.gif) no-repeat;
}

#container02 #container-in #container-deb-accueil .coin{
	width:14px;
	height:14px;
	background:url(/KA/V3_img/container-in-coin-haut-droit-accueil.gif) repeat;
	float:right;
}

#container-deb-accueil h1{
	padding-top:0px;
}

#container-in h2.accueil-kelassur{
    margin-left:80px;
    padding-left:50px;
    padding-top:7px;
    color:#FF8413;
    background:url('/KA/v3_img/accueil_v3.3/accueil-fleche-assurance.gif') no-repeat;
    font-size:16px;
}
#container-in h3.accueil-kelassur{
    margin-left:80px;
    padding-left:50px;
    padding-top:7px;
    color:#FF8413;
    background:url('/KA/v3_img/accueil_v3.3/accueil-fleche-assurance.gif') no-repeat;
    font-size:16px;
}
#container-in p.accueil-kelassur{
    margin-left:20px;
    padding-left:0px;
    padding-top:7px;
    color:#666666;  
    font-size:12px;
}

.h3-savoir div.asavoir {
background:url("/KA/V3_img/accueil-savoir-bottom.gif") repeat-x scroll center bottom transparent;
color:#FFFFFF;
font-size:1.2em;
font-weight:bold;
line-height:24px;
margin:0 18px;
}

#container-in table{
    margin:5px auto;
    width:90%;
}

#container-in table tr{
    padding-top:5px;
}

#container-in table tr td{
    width:133px;
    height:160px;
    padding:5px;
    margin-top:5px;
    text-align:center;
}

#container-in table tr td h2{
    margin-bottom:5px;
    color:#0C407A;
}

#container-in table tr td a.comparez{
    height:138px;
    width:133px;
    margin:auto auto;
    display:block;
}
#container-in table tr td p{
    height:30px;
}

#container-in table tr td.Sante a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-mutuelle-off.jpg') bottom no-repeat;}
#container-in table tr td.Sante a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-mutuelle-on.jpg') bottom no-repeat;}

#container-in table tr td.Auto a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-auto-off.jpg') bottom no-repeat;}
#container-in table tr td.Auto a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-auto-on.jpg') bottom no-repeat;}

#container-in table tr td.Habitation a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-habitation-off.jpg') bottom no-repeat;}
#container-in table tr td.Habitation a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-habitation-on.jpg') bottom no-repeat;}

#container-in table tr td.Entreprise a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-entreprise-off.jpg') bottom no-repeat;}
#container-in table tr td.Entreprise a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-entreprise-on.jpg') bottom no-repeat;}

#container-in table tr td.Prevoyance a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-prevoyance-off.jpg') bottom no-repeat;}
#container-in table tr td.Prevoyance a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-prevoyance-on.jpg') bottom no-repeat;}

#container-in table tr td.Moto a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-moto-off.jpg') bottom no-repeat;}
#container-in table tr td.Moto a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-moto-on.jpg') bottom no-repeat;}

#container-in table tr td.Emprunteur a.comparez{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-emprunteur-off.jpg') bottom no-repeat;}
#container-in table tr td.Emprunteur a.comparez:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-emprunteur-on.jpg') bottom no-repeat;}

#container-in table tr td.Divers a{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-divers-off.jpg') bottom no-repeat;}
#container-in table tr td.Divers a:hover{background:url('/KA/V3_img/accueil_v3.3/devis-assurance-divers-on.jpg') bottom no-repeat;}

/*#container-in table tr td a.credit{
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    background:none;
}
#container-in table tr td a.credit:hover{background:none;}*/

.marques-promotions{
    width:97%;
    margin:0 auto;
}

.h3-marque .image-defil a.bandeau-marques {
    display:table-cell;
    vertical-align:middle;
    height:80px;
}

#backlink_kelassur{
	line-height:20px;
}
