/**
 * Framework CSS
 */

body	{margin: 0px;}
img 	{border: 0px;}
form	{margin: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.souligne		{text-decoration: underline;}
.conteneur	{overflow: auto; height: 1%;}


body{background: url(../images/bg.jpg) #e2007a repeat-x top left;font-size:11px; font-family:arial;color:#434343}
a:hover {text-decoration:none;}
a:focus{outline:none}
input#imginput:focus{outline:none}
#background{width: 100%; background: url(../images/bg_bulles.jpg) transparent no-repeat top center; /*padding-top: 29px;*/}
#general{width: 980px; margin:0 auto 10px auto; background: url(../images/bg_content.png) transparent repeat-y top center; padding: 0 5px;}

#header{height: 112px; background: url(../images/bg_header.jpg) transparent no-repeat top left;position:relative;}
#top_header{height:29px; background: url(../images/bg_top_header.jpg) transparent no-repeat top center;width:990px;margin:0 auto;}
#logo{margin:0 0 0 21px;position:relative; top:-15px; }


#compte_header {position:absolute;left:510px;top:-20px;z-index:10;width:465px;color:#959595;font-weight:bold;}
#btn_basket, #btn_compte, #searchblock {display: block;}
#form_search input { border:1px solid #cccccc; padding:2px; font-size:11px; margin-top:2px; width:150px; }
#form_search #submit_search { border:none; width:15px; height:15px; background:url(../images/btn_submit_search.jpg) no-repeat; }
#compte {padding-left:10px;float:left;}
#basket, #searchblock {float:left;}
#btn_basket { background: url(../images/bg_btn_basket.jpg) transparent no-repeat center center; color: #e3157e; width:129px; height:18px; padding:3px 0 0 35px; }
#btn_compte { background: url(../images/bg_btn_compte.jpg) transparent no-repeat center center; display: block; color: #f6c1d7; width:86px; height:18px;padding:3px 0 0 25px; }
/* Menu */
ul#menu{margin: 13px 0 0 0; padding: 0 0 0 60px; list-style-type: none; height: 46px; background: url(../images/bg_menu.png) transparent repeat-x top left; width:920px;}
#divmenu {position:absolute; top:-13px; left:0; z-index:800; width:980px;}
ul#menu li{float: left; position: relative;}
ul#menu li a{display: block; padding: 0; text-align: center; text-decoration: none; color: #fff; font-weight: bold; height: 46px; text-indent: -9999px;}
ul#menu li a {background: url(../images/btn_menu_basket.jpg) transparent no-repeat center center;}
ul#menu li a:hover{background: #0167a6;}
ul#menu li a:focus {outline: none;}

ul#menu li a#btn_mutuelle { background:url(../images/btn_menu_mutuelle.jpg) no-repeat top left; width:162px; height:46px;}
ul#menu li a#btn_prevoyance { background:url(../images/btn_menu_prevoyance.jpg) no-repeat  top left; width:162px;height:46px;}
ul#menu li a#btn_garanties { background:url(../images/btn_menu_garanties.jpg) no-repeat top left;width:150px; height:46px;}
ul#menu li a#btn_entreprises { background:url(../images/btn_menu_entreprises.jpg) no-repeat top left; width:135px;height:46px;}
ul#menu li a#btn_pros { background:url(../images/btn_menu_pros.jpg) no-repeat top left; width:134px;height:46px;}
ul#menu li a#btn_agences { background:url(../images/btn_menu_agences.jpg) no-repeat top left; width:99px;height:46px;}
ul#menu li a#btn_mutuelle:hover, ul#menu li a#btn_prevoyance:hover, ul#menu li a#btn_garanties:hover, ul#menu li a#btn_entreprises:hover,
ul#menu li a#btn_pros:hover, ul#menu li a#btn_agences:hover { background-position:bottom left}


ul#menu li ul{position: absolute; top: 45px; left: 0px; margin: 0; padding: 0; list-style-type: none; display: none; z-index: 500; }
ul#menu li ul li a{width: 160px; padding-left: 10px; text-align: left; height: auto; padding-top: 6px; padding-bottom:6px; background: url(../images/bg_menu.png) transparent repeat-x bottom left;text-indent:0;}

#contenu { overflow:auto;background:#fff; position:relative; padding:46px 0 0 0; width:980px;}

#col_left {width:742px; float:left; position:relative;}
#col_right {width:232px; float:left; padding-left:5px; }

#avatar_div {position: absolute; bottom: 0; right: 0;}
#avatar {position: relative;}
#avatar_texte {position: absolute; top: 70px; left: 0; text-align: right; width: 100px; color: #E2017B; font: bold 14px "Trebuchet MS", Trebuchet; line-height: 18px;}
#avatar_texte span {font-size: 12px; line-height: 15px;}

/** Colonne de droite **/
#menu_right  {margin:0 0 20px 0;}
#menu_right ul {list-style:none;width:226px;padding:0;margin:5px 0 0 0;}
#menu_right ul  li a{display: block; padding: 0; text-align: center; text-decoration: none; color: #fff; font-weight: bold; width:226px; height: 46px; text-indent: -9999px;}
#menu_right ul  li a#btn_right_jeunes{ background:url(../images/btn_menu_right_jeunes.jpg) no-repeat top center; }
#menu_right ul  li a#btn_right_familles{ background:url(../images/btn_menu_right_familles.jpg) no-repeat top center; }
#menu_right ul  li a#btn_right_seniors{ background:url(../images/btn_menu_right_seniors.jpg) no-repeat top center; }
#menu_right ul  li a#btn_right_plus{ background:url(../images/btn_menu_right_plus.jpg) no-repeat top center; }

#menu_right ul  li  a#btn_right_jeunes:hover{ background-position:bottom center;}
#menu_right ul  li  a#btn_right_familles:hover{ background-position:bottom center;}
#menu_right ul  li  a#btn_right_seniors:hover{ background-position:bottom center;}
#menu_right ul  li  a#btn_right_plus:hover{ background-position:bottom center;}

#moncompte {color:#fff;width:226px; }
#moncompte ul {list-style:none;width:226px;padding:0;margin:0;}
h2#h2_moncompte {text-indent:-9999px; background:url(../images/h2_right_moncompte.jpg) no-repeat; width:226px; height:50px;margin-bottom:0;}
#moncompte a {display: block; padding: 0; text-align: center; text-decoration: none; color: #fff; font-weight: bold; width:226px; text-indent: -9999px;}
#moncompte a#btn_moncompte_contrat  {background:url(../images/btn_compte_contrat.jpg) no-repeat; height:27px;}
#moncompte a#btn_moncompte_remboursement  {background:url(../images/btn_compte_remboursement.jpg) no-repeat; height:27px;}
#moncompte a#btn_moncompte_profil  {background:url(../images/btn_compte_profil.jpg) no-repeat;height:27px;}
#moncompte #footer_moncompte {background:url(../images/btn_moncompte_footer.jpg) no-repeat;height:21px;width:226px}

#moncompte a#btn_moncompte_contrat:hover {background-position:bottom center}
#moncompte a#btn_moncompte_remboursement:hover {background-position:bottom center}
#moncompte a#btn_moncompte_profil:hover {background-position:bottom center}

h2#h2_infos_pratiques{text-indent:-9999px; background:url(../images/h2_infos_pratiques.jpg) no-repeat; width:118px; height:17px;margin-top:15px;}
#infospratiques {width:206px;padding-left:20px;}
#infospratiques img{vertical-align:middle;}
#infospratiques  a {color:#8d559a;}

/** Footer **/
#lastline {background:url(../images/bg_lastline.jpg) no-repeat bottom left #fff; height:94px; width:980px; overflow:auto;padding-top:40px;:}
#entreprises_footer, #pros_footer, #newsletter_footer {width:240px;height:78px; float:left; color:#fff;padding:0 3px;}
#entreprises_footer p, #pros_footer p, #newsletter_footer p { margin-left:39px; }
#entreprises_footer {background:url(../images/bg_entreprises_footer.jpg) no-repeat top center;padding:0 6px;}
#pros_footer {background:url(../images/bg_pros_footer.jpg) no-repeat top center;color:#009ee0;}
#lastline #pros_footer a {color:#009ee0;}
#newsletter_footer {background:url(../images/bg_newsletter_footer.jpg) no-repeat top center;}
#numero_footer {float:left;width:215px;padding-left:10px;}

#lastline a {color:#fff; font-weight:bold;}
#lastline h4#h4_entreprises {margin:11px 0 5px 39px;text-indent:-9999px; background:url(../images/h4_entreprises_footer.jpg) no-repeat; width:186px; height:19px;}
#lastline h4#h4_pros {margin:12px 0 5px 39px;text-indent:-9999px; background:url(../images/h4_pros_footer.jpg) no-repeat; width:158px; height:20px;}
#lastline h4#h4_newsletter {margin:11px 0 5px 39px;text-indent:-9999px; background:url(../images/h4_newsletter_footer.jpg) no-repeat; width:166px; height:17px;}

#bottomline {clear:both; width:980px; height:30px; background:#f6f6f6;color:#8d559a}

#footer  { width:950px; padding:10px 0 0 30px; background:#efefef; color:#959595}
#footer {overflow:auto;height:250px;position:relative}

.footer_col {float:left; width:185px;}
.footer_col a {color:#959595;}
.footer_col h3 {font-size:11px;color:#8d559a;font-weight:normal;margin-bottom:0;background:url(../images/puce_footer_purple.gif) no-repeat center left;padding-left:8px;}
.footer_col ul {margin:0;list-style-image:url(../images/puce_footer_grey.gif);list-style-position:inside;padding:0 0 0 7px;}
.footer_col .nopuce {list-style:none;}
#footer_col1 {width:170px;}
#footer_col2 {width:210px;}

/** Bottom Links **/
a#link_mutuelledefrance {
	background:transparent url(../images/logo_mutuelledefrance.png) no-repeat top left;
	display:block;
	height:63px;
	position:absolute;
	left:40px;
	text-indent:-9999px;
	top:170px;
	width:304px;
	}
a#link_mutualitefrancaise {
	background:transparent url(../images/logo_mutualitefrancaise.png) no-repeat top left;
	display:block;
	height:64px;
	position:absolute;
	left:390px;
	text-indent:-9999px;
	top:170px;
	width:86px;
	}
a#link_msante {
	background:transparent url(../images/logo_m_sante.jpg) no-repeat top left;
	display:block;
	height:64px;
	position:absolute;
	left:530px;
	text-indent:-9999px;
	top:170px;
	width:120px;
	}	

a#link_ideal {
	background:transparent url(../images/btn_idealcom.png) no-repeat top left;
	display:block;
	height:28px;
	position:absolute;
	right:130px;
	text-indent:-9999px;
	top:200px;
	width:95px;
	}
a#link_ideal:hover { background-position:bottom left;}
a#link_cryptone:hover { background-position:bottom left;}
a#link_cryptone {
	background:transparent url(../images/btn_cryptone.png) no-repeat top left;
	display:block;
	height:18px;
	position:absolute;
	right:30px;
	text-indent:-9999px;
	top:208px;
	width:77px;
}
/**  Pagination **/
#navpages {color:#d4d4d4;font-weight:bold;text-align:right;}
#navpages a {color:#e3157e;}
#navpages img {vertical-align:middle;}
#navpages span {color:#4d196a}

/** Classes **/
.grey {color:#959595;}