/* HTML TAGS		--------------------------------------------------------------*/

body {background-image:url(/images/base/22original.jpg);  background-repeat:repeat;color:#333;font-size: 11px;padding: 20px 0 40px;}
a {	color:#333;	text-decoration: none;outline: none;}
a:hover {color:#09c;text-decoration: none;}
a:active {outline: none;}
a:focus {outline: none;}

h1 {font-weight: normal;text-align: left;color:#09C;}
h1 a:link { color:#09c; text-decoration: none; }
h1 a:visited { color:#09c; text-decoration: none; }
h1 a:hover { color:#333; text-decoration: none; }
h1 a:active { color:#09c; text-decoration: none; }
h1 a:focus { color:#09c; text-decoration: none; }


h2 {font-weight: normal;text-align: left;}
p {overflow: hidden;padding: 10px 0;text-align: left;}

/* PSEUDO CLASS 	--------------------------------------------------------------*/

.container_12 {	background-color: #fff;margin-bottom: 20px;}
.container_16 {	background: #fff url(../../img/16_col.gif) repeat-y;}
.container_24 {	background: #fff url(../../img/24_col.gif) repeat-y;}
.category_grid_wrapper{ margin-bottom:20px;}
.category_grid { margin: 15px 0 0 15px; }
.category_grid_easy { margin: 15px 0 0 0;}
.category_product {margin: 15px 0px 15px 15px;}
.container_generic {margin: 15px 0px 15px 15px;}

.category_product_menu { margin: 15px 0 15px 0; }
.cadre_vignettes {background-image:url(/images/base/22original.jpg);  background-repeat:repeat;}
.scellius_bloc{margin-top: 20px; margin-bottom: 20px;}
.top_line{ border-top: 1px solid #ccc;}
.bottom_line{ border-bottom: 1px solid #ccc;}
.bg_left_line { background: url(/images/base/line-dot-bg.gif) repeat-y left top; zoom: 1;}
.bg_left_line_min_height { background: url(/images/base/line-dot-bg.gif) repeat-y left top; zoom: 1;min-height:190px}
.bg_right_line { background: url(/images/base/line-dot-bg.gif) repeat-y right top; zoom: 1; }
.h1_link h1 a{ color:#055830;}

.progress-container-amiable {border: 1px solid #ccc;width: 85%;margin: 2px 5px 2px 0;padding: 1px;float: left; background: white;}
.progress-container-amiable span {float: right;color : #09c;padding:2px;}
.progress-container-judiciaire {border: 1px solid #ccc;width: 85%;margin: 2px 5px 2px 0;padding: 1px;float: left; background: white;}
.progress-container-judiciaire span {float: right;color : #09c;padding:2px;}
.progress-container-amiable > #stat-amiable {float: left;color : #fff;background-color: #09C;padding:2px;}
.progress-container-amiable > #stat-amiable span {float: right;color : #09c;padding:2px;}
.progress-container-judiciaire > #stat-judiciaire {float: left;color : #fff;background-color: #666;padding:2px;}
.progress-container-judiciaire > #stat-judiciaire span {float: right;color : #666;padding:2px;}

.horizontal_menu_confier {
	margin: 15px;
	background: url(/images/base/confier-fond.jpg) repeat-y right top;
	background-color: #09C;
	display: table-cell; 
	height:auto;
	vertical-align: middle;
	text-decoration: none;
}
.horizontal_menu_confier h1 {
	text-align:center;
	color: white;
	text-decoration: none;
}
.horizontal_menu_confier h2 {
	text-align:center;
	color: white;
	text-decoration: none;
}

.category_product_menu_confier {
	margin: 15px 0 15px 0;
	background: url(/images/base/confier-fond.jpg) repeat-y right top;
	background-color: #09C;
	display: table-cell; 
	height:auto;
	vertical-align: middle;
	text-decoration: none;
}
.category_product_menu_confier h1 {
	text-align:center;
	color: white;
	text-decoration: none;
}
.category_product_menu_confier h2 {
	text-align:center;
	color: white;
	text-decoration: none;
}
.alert_garantie {
	background: #DDF4FF url(/images/base/garantie_satisfaction.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border-top: 1px solid #0088b5;
	border-bottom: 1px solid #0088b5;
	font-size : 11px;
	color : #0088b5;
	font-family : Verdana;
}
.alert_form_field_info {
	background: #DDF4FF url(/images/base/garantie_satisfaction.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;/* Top Right Bottom Left */
	border-top: 1px solid #0088b5;
	border-bottom: 1px solid #0088b5;
	font-size : 11px;
	color : #0088b5;
	font-family : Verdana;
}
.alert_promotion {
	background: #DDF4FF url(/images/base/gift.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border: 1px solid #0088b5;
	font-size : 11px;
	color : #0088b5;
}
.alert_update_tarif {
	background: #FFCCCC url(/images/base/exlam1.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border: 1px solid #CC3300;
	font-size : 11px;
	color : #CC3300;
}
.alert_cannot {
	background: #FFCCCC url(/images/base/exlam1.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border-top: 1px solid #CC3300;
	border-bottom: 1px solid #CC3300;
	font-size : 11px;
	color : #CC3300;
	font-family : Verdana;
}
.alert_validate {
	background: #c8ffa4 url(/images/base/24_ok_green_bg.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border-top: 1px solid #31680d;
	border-bottom: 1px solid #31680d;
	font-size : 11px;
	color : #31680d;
	font-family : Verdana;
}
.alert_red_notify {
	background: #FFCCCC url(/images/base/24_ok_green_bg.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 10px 20px 10px 45px;/* Top Right Bottom Left */
	border-top: 1px solid #31680d;
	border-bottom: 1px solid #31680d;
	font-size : 11px;
	color : #31680d;
	font-family : Verdana;
}

/* table TARIFS
----------------------------------------------- */
#tarifs table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:20px;
	text-align:left;
}
#tarifs th, td {
	padding:.2em 1em;
	text-align:left;
}
#tarifs thead th {
	border-bottom:2px solid #888;
	background:#bbb;
}
#tarifs thead th.table-head {
	text-transform:uppercase;
	background:#09C;
	border:1px solid #09C;
}
#tarifs tbody th,
#tarifs tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
	text-align:left;
	font-weight:normal;
}
#tarifs tbody tr.odd th,
#tarifs tbody tr.odd td {
	background:#fff;
	text-align:left;
}
#tarifs tfoot th,
#tarifs tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
#tarifs th.currency,
#tarifs td.currency {
	text-align:left;
}
#tarifs span {
	font-size:0.8em;
	font-weight:normal;
	color:#666;
	text-align:left;
}





/* DIVS 			--------------------------------------------------------------*/

#header{height:80px;margin-top:10px;margin-bottom:20px;}

#logo{padding: 0px;margin: 0px;text-align: left; }
#logo img{border: 0px; vertical-align:middle;}
#logo h1{color:#000;font-size: 1.0em; line-height: 0.6em;}
#logo span{color:#09c;font-size: 0.9em;line-height: 0.6em;}


#loggin{float:right;text-align: right;padding: 0px;margin: 0px;}
#loggin span {
     color:#050505;
     font-size:0.8em;
}
#loggin td {
	text-align:left;padding: 0px;
}
#loggin INPUT {
     font-size:1em;
}
#footer {background:#FFFFFF;color:#002C40;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;margin-bottom:10px;}
#footer .sub_footer{padding-top:10px;}
#footer .sub_footer{text-align: center;}
#footer .sub_footer dd{display:inline;color:#002C40;margin:0px;padding:0px;}
#footer .sub_footer img{ border: none;text-align: left;padding:0px;}

#confier {background:#FFFFFF; color:#002C40; border-top: 1px solid #ccc; margin-bottom:0px;}
#confier .sub_confier{}
#confier .sub_confier{text-align: center;}
#confier .sub_confier img{ border: none;padding:0px;}

#alternative {background:#EBEBEB; color:#002C40; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin-bottom:20px;}
#alternative h2{margin-right: 10px;margin-top: 10px;}
#alternative p{margin-right: 10px;}

#menu{margin-bottom:20px}

#slider{margin-bottom:20px}

#webcallback{height:200px;border: 1px solid #CCC;background-image:url(/images/base/webcallback.gif);}
#webcallback td{padding-left:10px;height:200px;} 
#webcallback h2{color:#333;padding:0 58px 0 0;} 
#webcallback a{text-decoration:none;} 

#web_call_back_form td{padding:3px;} 
#web_call_back_form form{margin:0;padding:0;}
#web_call_back_form span{float:left;width:100px;padding:0 1em;text-align:right;}
#web_call_back_form input:focus,textarea:focus{background:#efefef;color:#000;}

#ibox form{height:275px;border: 0px;}
#ibox form h1{font-size : 26px;color : #09c;font-family : Verdana;}

#list-index{ min-height:300px;margin-bottom:20px;padding: 10px;border: 1px solid #CCC;background: #FFF url(/images/base/sfondo_sched.gif) top repeat-x;}
#signup{min-height:250px; margin-bottom:20px;padding: 10px;border: 1px solid #CCC;background: #FFF url(/images/base/sfondo_sched.gif) top repeat-x;}

#content-index-recouvrement{margin-bottom:20px;padding: 10px;border: 1px solid #CCC;background: #FFF url(/images/base/sfondo_sched.gif) top repeat-x;}
#content-index-recouvrement p{min-height:100px;}
#content-index-recherche{padding: 10px;border: 1px solid #CCC;background: #FFF url(/images/base/sfondo_sched.gif) top repeat-x}
#content-index-rubrique{margin-top:10px;margin-bottom:20px;}

#scenario-easy-collect{margin-bottom:20px;padding: 10px;border: 1px solid #CCC;background: #FFF url(/images/base/sfondo_sched.gif) top repeat-x;}
#scenario-easy-collect p{min-height:100px;}
#scenario-easy-collect span{font-size : 0.77em;}
#scenario-easy-collect table, th, td, tr{text-align:center;padding:5px;}
#scenario-easy-collect span{line-height:0.8em;}

#urlline{text-align: left;background:#F5F5F5;color:#002C40;margin-bottom:10px;padding-top:10px;padding-bottom:10px}
#urlline dl{margin:0px;padding-left:10px}
#urlline dt{display:inline;font-weight:bold;}
#urlline dd{display:inline;color:#002C40;}
#urlline a{text-decoration:none;color:#002C40;}
#urlline a:hover{text-decoration:underline;}
#statistiques{background:#F5F5F5;}

#menu_product ul {list-style: none;margin: 0;padding: 0;}
#menu_product li {padding: 5px 5px 5px 28px; margin: 0;background: url(/images/base/ico_ok.png) no-repeat left center;}

#espace_client_menu{margin-top:10px;margin-bottom:20px;}
#espace_client_menu ul {list-style: none;margin: 0;padding: 0;}
#espace_client_menu li {padding: 5px 5px 5px 10px; margin: 0;background: url(/images/base/arrow_bleu.gif) no-repeat left center;}
#promobar {
	BORDER-TOP: #0088b5 1px solid;
	BORDER-RIGHT: #0088b5 1px solid;
	BORDER-BOTTOM: #0088b5 1px solid;
	BORDER-LEFT: #0088b5 1px solid;

	PADDING-TOP: 1px;
	PADDING-RIGHT: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 1px;

	VISIBILITY: hidden;
	WIDTH: 150px;
	POSITION: absolute;
	BACKGROUND-COLOR: #ffffff
}
#alerte_form {
	BORDER-RIGHT: #000000 1px dotted;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #000000 1px dotted;
	PADDING-LEFT: 0px;
	LEFT: 50%;
	PADDING-BOTTOM: 0px;
	MARGIN: -125px 0px 0px -225px;
	OVERFLOW: auto;
	BORDER-LEFT: #000000 1px dotted;
	WIDTH: 450px;
	PADDING-TOP: 20px;
	BORDER-BOTTOM: #000000 1px dotted;
	POSITION: absolute;
	TOP: 50%;
	HEIGHT: 250px;
	BACKGROUND-COLOR: #f5f5f5;
}
#alerte_form p{
	overflow: hidden;padding: 10px 0;text-align: center;
}
#alerte_form h1{
	text-align: center;
}


/* contact_form
----------------------------------------------- */

#contact_form td {
	text-align:left;
	white-space:nowrap;
}

/* precalcul
----------------------------------------------- */
#precalcul span {
font-size : 0.8em;
color:#999;
}
#precalcul td {
	text-align:left;
	white-space:nowrap;
}






/* time line
----------------------------------------------- */
#timeline table {
background-image: url(/images/base/flow_nav_bg.gif);
background-repeat:repeat-x;
background-position: right top ;
height: 54px;
width:100%;
}
#timeline td {
	padding-top:1.6em;
	text-align:left;
	white-space:nowrap;
}

#timeline td col_active{
	color:#09c;
}
#timeline span {
	font-size:0.8em;
	font-weight:normal;
	color:#666;
	text-align:left;
	display:inline;
	vertical-align:middle;
	padding-right:1.0em;
}
#timeline h1 {
	font-size:1.8em;
	font-weight:bold;
	display:inline;
	color:#666;
	text-align:left;
	vertical-align:middle;
}

#timeline .col_active {
	background-image: url(/images/base/flow_nav_selected_bg.gif);
	background-repeat:no-repeat;
	background-position: right top ;
}
#timeline .col_active h1{
	color:#09C;
}
#timeline .col_active span{
	color:#09C;
}
#timeline .col_last {
	width:100%;
}
#timeline .col_normal {
	background-image: url(/images/base/flow_nav_norm_bg.gif);
	background-repeat:no-repeat;
	background-position: right top;
}
#timeline .col_panier {
	background-image: url(/images/base/flow_nav_selected_bg2.gif);
	background-repeat:no-repeat;
	background-position: right top ;
}
#timeline .col_passed {
	background-image: url(/images/base/flow_nav_selected_bg2.gif);
	background-repeat:no-repeat;
	background-position: right top ;
}
#timeline .col_passed h1{
	color:#CCC;
}
#timeline .col_passed span{
	color:#CCC;
}

/* boxes
----------------------------------------------- */
.box {
	background:#E8E8E8;
	margin-bottom:20px;
	padding:10px 10px 1px 10px;
}
.box h2 {
	font-size:1em;
	font-weight:normal;
	/*text-transform:uppercase;*/
	color:#fff;
	background:#999;
	margin:-10px -10px 0 -10px;
	padding:6px 12px;
}
.box h2 a,
.box h2 a.visible {
	color:#fff;
	background:#333 url("/code/mootools/switch_minus.gif") 97% 50% no-repeat;
	display:block;
	padding:6px 12px;
	margin:-6px -12px;
	border:none;
}

.box h2 a.hidden,
.box h2 a.hidden:hover {
	background-image: url("/code/mootools/switch_plus.gif");
}
.box h2 a:hover {
	background-color:#111;
}