body {
	background:#D2D2D2;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
	margin:8px 0 16px;
	text-align:center;
}
#form_container {
	background:#fff;
	margin:0 auto;
	text-align:left;
	width:780px;
}
a:focus { outline: none;}
#top {
	display:block;
	height:10px;
	margin:10px auto 0;
	width:780px;
}
#footer {
	margin:0 auto; 
	width:700px;
	clear:both;
	color:#999999;
	text-align:left; 
	padding: 15px 0 15px 0;
	font-size: 85%;
	background:url(../images/bottom.png) no-repeat 50% 0%!important; background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bottom.png', sizingMethod='crop');
}
#footer a {
	color:#999999;
	text-decoration: none;
	border-bottom: 1px dotted #999999;
}
#bottom {
	display:block;
	height:10px;
	margin:0 auto;
	width:650px;
}
.appnitro {
	margin:20px 20px 0;
	padding:0 0 20px;
}
/**** Logo Section  *****/ 
img {
	behavior:url(../css/iepngfix.htc);
	border:none;
}
/**** Form Section ****/
.appnitro {
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}
.appnitro li {
	width:61%;
}
form ul {
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}
form li {
	display:block;
	margin:0;
	padding:2px 2px 2px 4px;
	position:relative;
}
form li:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.buttons:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
.buttons {
	clear:both;
	display:block;
	margin-top:10px;
}
* html form li {
	height:1%;
}
* html .buttons {
	height:1%;
}
* html form li div {
	display:inline-block;
}
form li div {
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 0;
}
form li span {
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 0;
}
form li div.left {
	display:inline;
	float:left;
	width:48%;
}
form li div.right {
	display:inline;
	float:right;
	width:48%;
}
form li div.left .medium {
	width:100%;
}
form li div.right .medium {
	width:100%;
}
.clear {
	clear:both;
}
form li div label {
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height	:9px;
	margin:0;
	padding-top:1px;
}
form li span label {
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}
form li .datepicker {
	cursor:pointer !important;
	float:left;
	height:16px;
	margin:.1em 5px 0 0;
	padding:0;
	width:16px;
}
.form_description {
	border-bottom:1px dotted #ccc;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}
.form_description[class] {
	display:block;
}
.form_description h2 {
	clear:left;
	font-size:160%;
	font-weight:400;
	margin:0 0 3px;
}
.form_description p {
	font-size:95%;
	line-height:130%;
	margin:0 0 12px;
}
form hr {
	display:none;
}
form li.section_break {
	border-top:1px dotted #ccc;
	margin-top:9px;
	padding-bottom:0;
	padding-left:9px;
	padding-top:13px;
	width:97% !important;
}
form ul li.first {
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}
form .section_break h3 {
	font-size:110%;
	font-weight:400;
	line-height:130%;
	margin:0 0 2px;
}
form .section_break p {
	font-size:85%;
	margin:0 0 10px;
}
/**** Buttons ****/
input.button_text {
	overflow:visible;
	padding:0 7px;
	width:auto;
}
.buttons input {
	font-size:120%;
	margin-right:5px;
}
/**** Inputs and Labels ****/
label.description {
	border:none;
	color:#44A10B;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}
span.symbol {
	font-size:115%;
	line-height:130%;
}
input.text {
	background:#fff url(file:///H|/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}
input.file {
	color:#333;
	font-size:100%;
	margin:0;
	padding:2px 0;
}
textarea.textarea {
	background:#fff url(file:///H|/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:#333;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}
select.select {
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(file:///H|/images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}
input.currency {
	text-align:right;
}
input.checkbox {
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}
input.radio {
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}
label.choice {
	color:#444;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}
select.select[class] {
	margin:0;
	padding:1px 0;
}
*:first-child+html select.select[class] {
	margin:1px 0;
}
.safari select.select {
	font-size:120% !important;
	margin-bottom:1px;
}
input.small {
	width:25%;
}
select.small {
	width:25%;
}
input.medium {
	width:50%;
}
select.medium {
	width:50%;
}
input.large {
	width:99%;
}
select.large {
	width:100%;
}
textarea.small {
	height:5.5em;
}
textarea.medium {
	height:10em;
}
textarea.large {
	height:20em;
}
/**** Errors ****/
#error_message {
	background:#fff;
	border:1px dotted red;
	margin-bottom:1em;
	padding-left:0;
	padding-right:0;
	padding-top:4px;
	text-align:center;
	width:99%;
}
#error_message_title {
	color:#DF0000;
	font-size:125%;
	margin:7px 0 5px;
	padding:0;
}
#error_message_desc {
	color:#000;
	font-size:100%;
	margin:0 0 .8em;
}
#error_message_desc strong {
	background-color:#FFDFDF;
	color:red;
	padding:2px 3px;
}
form li.error {
	background-color:#FFDFDF !important;
	border-bottom:1px solid #EACBCC;
	border-right:1px solid #EACBCC;
	margin:3px 0;
}
form li.error label {
	color:#DF0000 !important;
}
form p.error {
	clear:both;
	color:red;
	font-size:10px;
	font-weight:700;
	margin:0 0 5px;
}
form .required {
	color:red;
	float:none;
	font-weight:700;
}
/**** Guidelines and Error Highlight ****/
form li.highlighted {
	background-color:#fff7c0;
}
form .guidelines {
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}
form .guidelines small {
	font-size:105%;
}
form li.highlighted .guidelines {
	visibility:visible;
}
form li:hover .guidelines {
	visibility:visible;
}
.no_guidelines .guidelines {
	display:none !important;
}
.no_guidelines form li {
	width:97%;
}
.no_guidelines li.section {
	padding-left:9px;
}
/*** Success Message ****/
.form_success {
	clear: both;
	margin: 0;
	padding: 90px 0pt 100px;
	text-align: center
}
.form_success h2 {
	clear:left;
	font-size:160%;
	font-weight:normal;
	margin:0pt 0pt 3px;
}
/*** Password ****/
ul.password {
	margin-top:60px;
	margin-bottom: 60px;
	text-align: center;
}
.password h2 {
	color:#DF0000;
	font-weight:bold;
	margin:0pt auto 10px;
}
.password input.text {
	font-size:170% !important;
	width:380px;
	text-align: center;
}
.password label {
	display:block;
	font-size:120% !important;
	padding-top:10px;
	font-weight:bold;
}
#li_captcha {
	padding-left: 5px;
}
#li_captcha span {
	float:none;
}
/** Embedded Form **/

.embed #form_container {
	border: none;
}
.embed #top, .embed #bottom, .embed h1 {
	display: none;
}
.embed #form_container {
	width: 100%;
}
.embed #footer {
	text-align: left;
	padding-left: 10px;
	width: 99%;
}
.embed #footer.success {
	text-align: center;
}
.embed form.appnitro {
	margin:0px 0px 0;
}
/*** Calendar **********************/
div.calendar {
	position: relative;
}
.calendar table {
	cursor:pointer;
	border:1px solid #ccc;
	font-size: 11px;
	color: #000;
	background: #fff;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}
.calendar .button {
	text-align: center;
	padding: 2px;
}
.calendar .nav {
	background:#f5f5f5;
}
.calendar thead .title {
	font-weight: bold;
	text-align: center;
	background: #dedede;
	color: #000;
	padding: 2px 0 3px 0;
}
.calendar thead .headrow {
	background: #f5f5f5;
	color: #444;
	font-weight:bold;
}
.calendar thead .daynames {
	background: #fff;
	color:#333;
	font-weight:bold;
}
.calendar thead .name {
	border-bottom: 1px dotted #ccc;
	padding: 2px;
	text-align: center;
	color: #000;
}
.calendar thead .weekend {
	color: #666;
}
.calendar thead .hilite {
	background-color: #444;
	color: #fff;
	padding: 1px;
}
.calendar thead .active {
	background-color: #d12f19;
	color:#fff;
	padding: 2px 0px 0px 2px;
}
.calendar tbody .day {
	width:1.8em;
	color: #222;
	text-align: right;
	padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
	font-size: 80%;
	color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
}
.calendar table .wn {
	padding: 2px 2px 2px 2px;
	border-right: 1px solid #000;
	background: #666;
}
.calendar tbody .rowhilite td {
	background: #FFF1AF;
}
.calendar tbody .rowhilite td.wn {
	background: #FFF1AF;
}
.calendar tbody td.hilite {
	padding: 1px 1px 1px 1px;
	background:#444 !important;
	color:#fff !important;
}
.calendar tbody td.active {
	color:#fff;
	background: #529214 !important;
	padding: 2px 2px 0px 2px;
}
.calendar tbody td.selected {
	font-weight: bold;
	border: 1px solid #888;
	padding: 1px 1px 1px 1px;
	background: #f5f5f5 !important;
	color: #222 !important;
}
.calendar tbody td.weekend {
	color: #666;
}
.calendar tbody td.today {
	font-weight: bold;
	color: #529214;
	background:#D9EFC2;
}
.calendar tbody .disabled {
	color: #999;
}
.calendar tbody .emptycell {
	visibility: hidden;
}
.calendar tbody .emptyrow {
	display: none;
}
.calendar tfoot .footrow {
	text-align: center;
	background: #556;
	color: #fff;
}
.calendar tfoot .ttip {
	background: #222;
	color: #fff;
	font-size:10px;
	border-top: 1px solid #dedede;
	padding: 3px;
}
.calendar tfoot .hilite {
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
}
.calendar tfoot .active {
	background: #77c;
	padding: 2px 0px 0px 2px;
}
.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	border: 1px solid #ccc;
	background: #f5f5f5;
	color: #222;
	font-size: 90%;
	z-index: 100;
}
.calendar .combo .label, .calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
}
.calendar .combo .label-IEfix {
	width: 4em;
}
.calendar .combo .hilite {
	background: #444;
	color:#fff;
}
.calendar .combo .active {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #dedede;
	font-weight: bold;
}
/**/

#focus { height:70px; padding:0 20px 0 20px; text-align:right;
}
#focus h1{ font-size:16px; margin:0; padding:12px 0 5px 10px; color:#44A10B;  }
#focus h2{font-size:13px; margin:0; padding-left:10px; color:#D05F7B;}
#focus img{ float:left; height:45px; margin:10px 12px 10px 0;   
}
#content { float:left; width:440px;  
}
#trans { 
float:right; width:300px;  margin:0px 10px 0 0; 
}
#trans p { padding:12px 0 5px 0; margin:0;
}
#trans * {  
}
#trans .transbloc { background:url(../images/fond_trans.jpg) left top no-repeat; height:291px; 
} 
#trans  .transbloc h3 { padding:78px 0 10px 30px; color:#FFFFFF;line-height:17px; font-size:16px;
} 
#trans .transbloc div { padding:0 10px 20px 15px; line-height:11px;
} 
#trans  .transbloc p { margin:0; padding:5px 0 5px 0;
} 
#trans ul { padding:0 7px 0 27px; margin:0; list-style:decimal; font-size:11px; 
} 
#trans .small { padding:0 0 0 30px; margin:0; font-size:10px;
} 
#trans .moyen { padding:0 0 0 30px; margin:0; font-size:11px;
}  
#trans .points {    margin:15px 0 15px 0;
} 
#trans .points div { background:url(../images/fond_bloc.jpg) left top  repeat-x;   padding:5px 0 0 0;
} 
#trans .points div ul {   
} 
#trans .points h3 { padding:5px 0 3px 15px; margin:0; color:#FFF; background:#0080C0;   
} 
#logo {
	height:70px;
	position:relative;
}
#logo a { display:block; width:220px; height:50px; background:url(../images/francemut.com/logo.gif) no-repeat 0% 50%;  
	position:absolute;
	top:10px;
	left:20px;
} 
#logo img {  
	position:absolute;
	top:20px;
	right:20px;
} 
#logo a h1 { visibility:hidden;
} 
#visuel {
	height:200px;
	background:url(../images/francemut.com/visuel-famille.jpg) 50% 50% no-repeat;
	border-top:5px solid #44A10B; 
	border-bottom:5px solid #44A10B; 
}
#tabs { 
	width:100%;
	background-color:#D2D2D2;
	background:#D2D2D2 url(../images/top.png) no-repeat left bottom!important; background:#D2D2D2;  
	font-size:93%;
	line-height:normal; display:block; height:39px;
}
#tabs ul {
	margin:0;
	padding:15px 10px 0 0px;
	list-style:none;
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs a {
	float:right;
	background:url("../images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#tabs a span {
	float:right;
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#666;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs a:hover span {
	color:#44A10B;
}
#tabs a:hover {
	/*background-position:0% -42px;*/  
}
#tabs a:hover span {
	/*background-position:100% -42px;*/
}
#tabs #current a {
	background-position:0% -42px;
}
#tabs #current a span {
	background-position:100% -42px;
}


/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0; 
}
.message_list div.parts {
	padding: 0;
	margin: 0;
	background: url(../images/message-bar.gif) no-repeat;
}
.message_head {
	padding: 2px 5px;
	cursor: pointer;
	position: relative;
}
.message_head span{
	font-size: 80%; font-weight:normal;
}
.message_head .timestamp {
	color: #666666;
	font-size: 95%;
	position: absolute;
	right: 10px;
	top: 5px;
}
.message_head cite {
	font-size: 90%;
	font-weight: bold;
	font-style: normal;
}
.message_body {
	padding: 10px;
}  
body#lexique .message_body{
	font-size:11px;
	padding: 10px 16px 10px 6px;
}  
.pubs div{
/*width:45%; margin-right:6px;*/ 
}  
.pubs div a{ text-decoration:none; color:#0073AA;
}  
.pubs div a:hover{ text-decoration:underline;
}  
table.data { font-family:Arial, Helvetica, sans-serif; font-size:11px; clear:both;}
table.data tr{  }
table.data tr th{ background:#f2f2f2; color:#000; }
table.data thead th{ background:#AFD797; color:#FFF; width:80px!important; *width:100px; width:100px; }
table.swiss thead th{  width:50px!important; *width:50px; width:50px; }
table.data tr th.title{ background:#92C5DD; color:#FFF; width:auto!important; *width:auto; width:auto;  }
table.data tr td{border-bottom:1px solid #000 }
table.data input{ display:inline;  }
table.data label{ position:relative; top:-3px;  }
hr { clear:both  }
#fragment-1 {    }
#fragment-1 p { width:170px; height:auto; float:left; border:1px solid #c0c0c0; background:#F2F2F2; text-align:center; margin:20px; padding:10px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;    }
#fragment-1 p img{ border:1px solid #c0c0c0;  }
#fragment-1 p a { text-decoration:none; color:#666666}
#fragment-1 p a:hover { color:#9CC801}
#fragment-1 p a span {  font-weight:normal; font-size:10px;     }