ƒ/*
Copyright Mutualités Neutres
Created by Evolutionland
Contact: nicolas@evolutionland.eu
*/

/* CSS Document */
@charset "utf-8";
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, img { margin: 0; padding: 0; }
body {background-color:#fff; background:url(../images/bg_repeat_prod.jpg) top repeat-x; font-family:Arial, Helvetica, sans-serif; color:#454545; font-size:12px; margin:0;}
img, div { behavior: url("iepngfix.htc") }

/*General Styles*/
.clearer{overflow: hidden; width: 100%;}
img {border:0;}

h2 { font-size: 27px; color: #9d9d9d; font-weight: normal; margin: 10px 0 0 10px;}
h3 { font-size: 23px; color: #9d9d9d; font-weight: normal; margin: 10px 0; text-decoration: none;}
h3 a { font-size: 27px; color: #9d9d9d; font-weight: normal; margin-top: 10px; text-decoration: none;}
h3 a:hover { font-size: 27px; color: #9d9d9d; font-weight: normal; margin-top: 10px;}

h4 { font-size: 15px; font-weight: bold; color: #2c2b2b;}

/*Table Specs*/
.TableDiv { width:652px; background:url(../images/TableDiv_header.jpg) no-repeat; padding-top: 5px; margin-bottom: 5px;  position: relative;}
.TableDiv_Footer { width:652px; height: 11px; background:url(../images/TableDiv_footer.jpg) no-repeat; padding:0; position: relative;}
.TableDiv_Footer_B { width:652px; height: 11px; background:url(../images/TableDiv_footer.jpg) no-repeat; padding:0; position: relative; float: left;}
.tableHeader {color:#7f275b;  font-weight: bold;}
.tableOrange {color:#f0a202;}
.TableDiv .AskImg { position: relative; top: 0px; left: 15px; float: left;}
.TableDiv .AskHomeTxt { position: relative; top: 10px; left: 25px; float: left; width: 500px;}
.OfficeTable input {height: 12px; margin: 2px 1px; font-size: 10px;}
.DocTable input {height: 12px; font-size: 9px; width: 80px;}
.DocTable input.radios {height: 12px; font-size: 10px; width: 20px;}

.DocTable h4 {font-size: 11px; font-weight: bold; margin: 0 3px;}

.required { color:#d79200; font-weight: bold; }


.TableDiv ul.AskList { position: relative; top: 0px; left: 25px;  float: left; font-size: 11px; line-height: 11px; list-style: none; padding: 5px 0 2px 0;}
.TableDiv ul.AskList li {list-style-image: none; list-style-type: none; padding: 2px 0; font-size: 11px; color: #d79200;}
.TableDiv ul.AskList li a { text-decoration: none; border-bottom: solid 1px #d79200; color: #d79200;}
.TableDiv ul.AskList li a:hover { text-decoration: none; border-bottom: solid 1px #414141; color: #414141;}

.TableDiv .bg_AskImg { background: url(../images/bg_AskImg.jpg) top left no-repeat; height: 60px; width: 650px; margin-left: 1px;}

.TB_Green {float:left; clear: both; background: url(../images/bt_Portlet_green01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;color: #fff}
.TB_Green a{ float: left; height: 21px; background: url(../images/bt_Portlet_green.jpg) repeat-x left top;	line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;}
.TB_Green span {	background: url(../images/bt_Portlet_green02.jpg) no-repeat; float: left; width: 10px; height: 21px;}

.MutTable { width: 652px; padding: 0; margin: 0 0 0 1px; position: relative;}
.DocTable { width: 640px; padding: 0; margin: 0 4px; position: relative;}
.OfficeTable {width: 620px; padding: 0 0 10px 0 ; margin: 0 0 0 15px; position: relative;}
.OfficeTable input {float: left;}
.ContactTable {width: 620px; padding: 0 0 10px 0 ; margin: 0 0 0 15px; position: relative;}

.DocTable a {color: #7f275b; text-decoration: none; cursor: pointer; padding: 2px 0; text-transform: capitalize;}
.DocTable a:hover {color: #7f275b; }


.DocTable .GB_Pink {float:left; clear: both; background: url(../images/bt_Portlet_pink01.jpg) no-repeat; padding: 0 0 0 10px; margin: 5px 0;color: #fff}
.DocTable .GB_Pink a{ float: left; height: 21px; background: url(../images/bt_Portlet_pink.jpg) repeat-x left top;	line-height: 21px; padding: 0 10px; color: #fff; font-size: 12px; text-decoration: none; font-weight: bold;}
.DocTable .GB_Pink span {	background: url(../images/bt_Portlet_pink02.jpg) no-repeat; float: left; width: 10px; height: 21px;}



th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #797268; letter-spacing: 2px; text-transform: uppercase;	text-align: left; padding:0; background: #CAE8EA url(../images/bg_header.jpg) no-repeat;}

tr.TitleOne {background: #fff url(../images/bg_mut_Title01.jpg) no-repeat; height:42px;}
tr.TableFooter {background: #fff url(../images/bg_mut_footer.jpg) no-repeat; height:42px;  }
.tr_pair td{ background: url(../images/bg_mut_rowA.jpg) #f2e9ea top left no-repeat; height: 17px; background-position:right top;}
.tr_impair td { background: url(../images/bg_mut_rowB.jpg) #f7f3f2 top left no-repeat; height: 17px; background-position:right top; }

.Picto_Css {height:22px; line-height: 25px; color:#7f275b; font-weight: bold; margin-left: 5px;}
.Picto_Couple {background: #fff url(../images/picto_couple.jpg) no-repeat; height:22px; line-height: 22px; color:#7f275b; font-weight: bold; padding-left: 28px; margin-bottom: 5px;}
.Picto_Single {background: #fff url(../images/picto_single.jpg) no-repeat; height:22px; line-height: 22px; color:#7f275b; font-weight: bold; padding-left: 28px; margin-bottom: 5px;}
.Picto_Mail {background: #fff url(../images/picto_mail.jpg) no-repeat; height:22px; line-height: 22px; color:#7f275b; font-weight: bold; padding-left: 28px; margin-bottom: 5px;}
.Picto_Less {height:22px; line-height: 15px; color:#7f275b; font-weight: bold; position: absolute; left: 19px; top: 5px; font-size: 12px; font-weight: bold; color: #7f275b;}

.Picto_More { cursor: pointer;}


/*************/
/*INNER PAGES*/
/*************/

/*CCT_Left*/		
#centerCTbody {width:980px;}

#centerCTbody #CCT_Left { width: 680px; padding-left: 10px; float: left; min-height: 700px; }
#CCT_Left p {color: #454545; line-height: 11px; font-size: 0.9em; width: 670px;}
#CCT_Left .portlets_CT {width: 690px;}
#CCT_Left .PCT_Title { width: 345px; float: left;  font-size: 23px; color: #9d9d9d; font-weight: normal; margin: 10px 0;}
#CCT_Left .Office_MapCT { margin: 15px 0 ;}


/*CCT_Right*/
#centerCTbody #CCT_Right { width: 290px; float: left; }

#CCT_Right #CTR_Menu {width: 290px;  margin: 20px 0 0 0; background: url(../images/CTR_Menu02.jpg) bottom left no-repeat #f7f7f7; padding-bottom: 20px;}

#CTR_Menu #CTRM_Header { background: url(../images/CTR_Menu01.jpg) top left no-repeat; height: 27px; width: 275px; position: relative; padding:16px 0 0 15px; margin:0;}
#CTRM_Header h4 {width: 260px; font-size: 12px; padding:0; margin:0 }

#CTR_Menu .navLevelN { list-style: none; background: url(../images/CTR_Menu.jpg) top left repeat-y;}


#CTR_Menu ul { list-style: none; background: url(../images/CTR_Menu.jpg) top left repeat-y; margin:0; padding:0;}
#CTR_Menu li { list-style-image: none; list-style-type: none; padding:5px 0 0 15px; font-size: 11px;}
#CTR_Menu li a { border-bottom: 1px solid #454545; color: #454545; text-decoration: none;}
#CTR_Menu li a:hover { border-bottom: 1px solid #eea200; color: #eea200;}
#CTR_Menu li.CTR_MenuActive {color: #eea200; border: none; cursor: pointer;}

#CTR_Menu ul.CTR_Submenu  { list-style: none; background: url(../images/CTR_Menu_sub01.jpg) top left no-repeat #eaeaea; padding: 10px 0 0 0;}
#CTR_Menu ul.CTR_Submenu li { list-style-image: none; list-style-type: none; padding:0 0 0 25px; font-size: 11px;}
#CTR_Menu ul.CTR_Submenu li a {color: #454545; text-decoration: none; border: none;}
#CTR_Menu ul.CTR_Submenu li a:hover { color: #eea200; border: none;}

#CTR_Menu ul.CTR_Submenu li.CTRS_end {list-style-image: none; list-style-type: none; height:10px ; font-size: 11px; background: url(../images/CTR_Menu_sub02.jpg) bottom left no-repeat; padding: 0; margin: 0;}


/* Accordion Large */
.Acc_L_CT { width: 652px; background: #f3eff1; margin: 10px 0;}
.Acc_L_CT p{ padding: 10px 0 10px 50px; width: 560px;}

.Acc_L_CT .Acc_L_CT_Top {width: 652px; height: 11px; background: url(../images/Acc_L_CT_Top.jpg) top left no-repeat;}
.Acc_L_CT .Acc_L_CT_Body {width: 652px; background: url(../images/Acc_L_CT_shim.jpg) top left no-repeat;}
.Acc_L_CT_Body .Acc_L_Point {width: 652px;background: url(../images/TableDiv_footer2.jpg) bottom left no-repeat; padding-bottom: 9px;}
.Acc_L_Point .Acc_L_Desc {width: 652px; background: url(../images/Acc_L_CT_04.jpg) top left repeat-y;}
.Acc_L_CT .Acc_L_CT_End {width: 652px; height: 9px; background: url(../++resource++MutNeutresImagesAcc_L_CT_Bottom.jpg) top left no-repeat;}



/*Acc state Off*/
.Acc_L_Point .Acc_L_Off {width: 652px; height: 32px; background: url(../images/Acc_L_CT_01.jpg) bottom left no-repeat; position: relative; }
.Acc_L_Off span { position: absolute; top:7px; left: 35px; font-size: 14px; font-weight: bold; line-height: 15px; color: #4b4a4b; cursor: pointer;}
.Acc_L_Off .Office_Search {position: absolute; top:5px; left: 15px; color: #7f275b; font-size: 14px; font-weight: bold;}
.Acc_L_Off .Office_Search strong {color: #232323; font-size: 14px; font-weight: bold;}
.Acc_L_Off .Office_Search input {font-size:10px; height:11px; width:60px; outline: none;}
.Acc_L_Off .Office_Search img { cursor: pointer;}


.Acc_L_Off .Acc_L_CheckTxt { background: url(../images/Acc_CheckTxt_Off.jpg) top left no-repeat; position: absolute; top:7px; left: 35px; font-size: 14px; font-weight: bold; line-height: 15px; color: #4b4a4b; cursor: pointer; padding-left: 25px;}
.Acc_L_Off .Acc_L_Arrow {position: absolute; right: 23px; top: 4px; width: 25px; height: 21px; cursor: pointer; background: url(../images/Acc_Arrow_Off.png) top left no-repeat; }

/*Acc state Off*/
.Acc_L_On {width: 652px; height: 32px; background: url(../images/Acc_L_CT_01.jpg) bottom left no-repeat; position: relative;}
.Acc_L_On span { position: absolute; top:7px; left: 35px; font-size: 14px; font-weight: bold; line-height: 15px; color: #7f275b; cursor: pointer;}
.Acc_L_On .AccTable_Title { position: absolute; top:7px; left: 10px; font-size: 14px; font-weight: bold; line-height: 15px; color: #7f275b;}
.Acc_L_On .AccTable_TR {position: absolute; top:7px; right: 35px; font-size: 12px; }



.Acc_L_On .Acc_L_CheckTxt { background: url(../images/Acc_CheckTxt_On.jpg) top left no-repeat;  position: absolute; top:7px; left: 35px; font-size: 14px; font-weight: bold; line-height: 15px; color: #7f275b; cursor: pointer; padding-left: 25px;}
.Acc_L_On .Acc_L_Arrow {position: absolute; right: 23px; top: 4px; width: 25px; height: 21px; cursor: pointer;  background: url(../images/Acc_Arrow_On.png) top left no-repeat;  }



/*Portlets RIGHT*/

/*Content Right Document*/

.CTR_Document {width: 290px; background: url(../images/bg_SubDocMenu.jpg) top left repeat-y; position: relative; float: left; margin:0 0 15px 0 ; }
.CTRD_Header {width: 290px; height: 40px; background: url(../images/bg_SubDocMenu_01.jpg) top left no-repeat; position: relative;}
.CTRD_Header span { position: absolute; top:12px; left: 15px; font-size: 16px; color: #fff; }

ul.CTRD_Content {width: 290px; list-style: none; background: url(../images/bg_SubDocMenu_02.jpg) bottom left no-repeat; padding: 10px 0 20px 0;}
ul.CTRD_Content li {list-style-image: none; list-style-type: none; padding:2px 0 0 15px; font-size: 11px; color: #fff;}
ul.CTRD_Content li a{ text-decoration: underline; color: #fff;}
ul.CTRD_Content li a:hover{ text-decoration: underline; color: #fff; font-weight: bold;}


/*Content Right Hoe Lid Worden*/

.CTR_HLW {width: 290px; height: 121px; background: url(../images/bg_HLW_01.jpg) top left repeat-y; position: relative; float: left; margin:0 0 15px 0; }
.CTR_HLW a { float: left; color: #fff; position: absolute; bottom: 1px; left: 75px; text-decoration: none; padding-right: 25px; background: url(../images/bt_smallArrow_Pink.png) top right no-repeat; text-transform: uppercase; font-size: 11px; line-height: 14px;}
.CTR_HLW a img { margin-top: 2px;}


/*Content Right Newsletter*/

.CTR_News {width: 290px; height: 152px; background: url(../images/bg_Newsletter.jpg) top left repeat-y; position: relative; float: left;}

.CTR_News .CTRN_Header { position: absolute; top:17px; left: 30px; font-size: 24px; text-transform: capitalize; color: #fff; width: 250px;}
.CTR_News .CTRN_SubHeader {position: absolute; top:40px; left: 32px; font-size: 15px; color: #fff; width: 250px;}
.CTR_News .CTRN_Desc a {position: absolute; top:70px; left: 110px; font-size: 11px; color: #4d4d4d; width: 170px; text-decoration: none; line-height: 12px; }
.CTR_News .CTRN_Desc img { display: block; margin-top: 2px;}