*, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.clear {clear: both;}

/* Global */
body, table {font-family: Arial;}				
body { overflow: scroll; margin: 0; }
#wrapper { position:relative; width: 554px; margin: auto; overflow: hidden; }

h1 { font-size: 19px; color: #004797;}
h2 {color: #004797; font-size: 14px; /*padding: 0 0 0 20px;*/ }
h3 { font-size: 12px; margin: 5px 0; }
h4 { font-size: 11px; margin: 5px 0; }
table {width: 100%; }

/* Cms Content */
.title td {padding-top: 10px;}
.subline {padding-left: 30px;}

.line {position: relative; margin-bottom: 8px; }
.line label {float: left; color: #99b5d5; width: 220px; font-weight: bold; font-size: 13px; /*padding-left: 30px;*/ padding-top: 6px; background: url(arrow.png) 10px 7px no-repeat;}
.line label.label_radio { width: auto; padding-left: 0; padding-right: 10px; }
.line label.focus {color: #004798;}
.line input {background: #ECF5FA; border: 0; float: right; padding: 5px 25px 3px 0; text-align: right; color: #99b5d5; font-weight: bold; width: 295px; height: 30px; }
.line input[type=radio] { width: auto; float: none; padding: 0; height: auto; }
.line input.month {padding-right: 50px; width: 245px; }
.line select { float:right; width: 295px; background: #ECF5FA; border: none; padding: 5px 17px 5px 0; color: #99B5D5; font-weight: bold; }
.line .unite {position: absolute; top: 8px; right: 5px; color: #004797; font-weight: bold;}
.line .missingField { border: 2px solid #FF5D5D; }

.input_text { padding: 3px 1px; margin-right: 10px; }

.button {background: #004798; color: #FFF; border: 0; font-weight: bold; padding: 5px 10px; text-transform: uppercase; width: 120px;text-decoration: none; }
.button#widgetFormSubmit { float: right; }

.widgetBox {color: #004797; font-size: 14px; }
.widgetResults { font-size: 12px; padding: 10px; border:1px solid #004798; margin-bottom: 20px; }

.mailSuccess { background: #B4EF91; padding: 10px; color: #0B0B0B; }

.avertissement { font-size: 12px; font-style: italic; }

.cms_content { font-size: 12px; color:#E5ECF4; }
.cms_content a { color: #004797; }
.cms_content ul { padding-left: 10px; }
.cms_content ul li { margin:10px 0px; }
.icon_pdf { background: url(../files/design/icon_pdf.png) no-repeat 50% 50%; position: relative; text-indent: -9900px; width: 26px; height: 33px; display: block;width: 37px; height: 47px; }

.alert-error, .alert-success { font-size: 12px; }
.alert-error {color: #F00;font-weight: bold; } 
.alert-success { color: #05B027;font-weight: bold;} 

.return_link a { font-size: 12px;color: #004797;text-decoration: none;font-weight: bold; }
.return_link a:hover { }

/* Home memento */
#home_memento { position: absolute; top:-60px; right:-100px; z-index: 1; }
#home_memento.home_memento_connected { top: -60px; }
#connexionZone { background: #99b5d5; padding: 25px 22px; width:330px; margin-top: 87px; position: relative; z-index: 2; }
#connexionZone h2 { margin-top: 0; font-size: 13px; }
#connexionZone h2.codeaccess { margin-top: 20px; }
#connexionZone .input_text { float: left; width: 150px; }

/* Menu widget */
.menu_widget { list-style: none; margin: 0; padding: 0; margin-top: 21px; }
.menu_widget.menu_widget_connected { padding-top: 240px; }
.menu_widget li { margin-bottom: 10px; }
.menu_widget.menu_widget_disabled li { background: #ebebeb; height: 87px; padding-left: 80px; padding-top: 6px; }
.menu_widget li a { display: block; padding: 20px 10px; padding-left: 70px; margin-bottom: 5px; background: #e5ecf4; font-size: 12px; font-weight: bold; color:#004797; text-decoration: none; }
.menu_widget li.onglet_consultation_memento a 		{ background: #e5ecf4 url(../files/design/icon_pdf.png) no-repeat 20px 50%; }
.menu_widget li.onglet_outils_interactifs a 		{ background: #e5ecf4 url(../files/design/icon_calc.png) no-repeat 20px 50%; }
.menu_widget li.onglet_sources_complementaires a 	{ background: #e5ecf4 url(../files/design/icon_info.png) no-repeat 20px 50%; }
.menu_widget li a:hover { background-color: #bfd1e5; }

.menu_widget.menu_widget_disabled li.onglet_consultation_memento 		{ background: #e5ecf4 url(../files/design/icon_pdf_nb.png) no-repeat 20px 50%; }
.menu_widget.menu_widget_disabled li.onglet_outils_interactifs 			{ background: #e5ecf4 url(../files/design/icon_calc_nb.png) no-repeat 20px 50%; }
.menu_widget.menu_widget_disabled li.onglet_sources_complementaires 	{ background: #e5ecf4 url(../files/design/icon_info_nb.png) no-repeat 20px 50%; }

.menu_widget li 	{ font-size: 14px; }
.menu_widget.menu_widget_disabled li 	{ color:#3a3a3a; }
.menu_widget.menu_widget_disabled li h2 	{  font-weight: bold; color: #3A3A3A; }
.menu_widget li p 	{   font-size: 12px; font-style: italic; font-weight: normal; }

/* Widgets */
.cell_compte, .cell_libelle_compte { text-align: left; }
th.cell_compte, th.cell_libelle_compte, th.cell_debit, th.cell_credit { font-size: 11px; }
th.cell_compte { width: 50px; }
.cell_debit, .cell_credit { text-align: right; width: 100px; }
#menuWidget { margin-top: 50px; }

#formWidgetEmail { display: none; }
#formWidgetEmail .line { float: left; }
#formWidgetEmail .line input { float: none; text-align: left; padding-left: 10px; }
#formWidgetEmail .button { float: right; }

#listing_widgets { list-style: none; margin: 0; padding: 0; }
#listing_widgets li { position: relative;   margin-bottom: 5px; }
#listing_widgets li .widget_box { background: #E5ECF4; }

#listing_widgets li .widget_link { display: block; width: 100%; height: 56px; padding:13px 20px 13px 60px; text-decoration: none; background: #E5ECF4 url(../files/design/building.png) no-repeat 20px 50%; color:#004797; font-size: 12px; font-weight: bold; }
#listing_widgets li .widget_link.widget_link_left { width: 650px; }
#listing_widgets li .widget_link:hover { background-color:#97B5D6; }

#listing_widgets li .box_right { float: right; color:#004797; font-size: 12px; background: url(../files/design/biais.png) no-repeat 0 0; position: absolute; right: 0; top: 0; width: 195px; padding-left: 30px; padding-top: 6px; height: 100%; }
#listing_widgets li .box_right p { margin: 5px 0px; }
#listing_widgets li .box_right p a { text-decoration: none; color:#004797; padding-left: 25px; height: 16px; display: inline-block; line-height: 16px; font-weight: bold; }
#listing_widgets li .box_right p a.about {  background: url(../files/design/about.png) no-repeat 2px 50%; }
#listing_widgets li .box_right p a.complement_link { background: url(../files/design/complement.png) no-repeat; }
#listing_widgets li .box_right p a.complement_link.complement_link_active { color: #FFF; }
#listing_widgets li .box_right a.complement_link_close { background: url(../files/design/close.png) no-repeat; width: 16px; height: 16px; display: block; position: absolute; top: 34px; left: 12px; display: none; }
#listing_widgets li .complement_box { background: #99b5d5; display: none; padding: 20px; font-size: 12px; }