/* 
 * CSS Document
 *
 * Morgan Capron 
 * 2007/11/23 15:36:47 
 * Companeo.com
 * 
 * $Author: morgan $
 * $Revision: 6899 $
 * $Date: 2008-04-04 10:45:42 +0200 (ven, 04 avr 2008) $ 
 */
/* ---[ General ]--------------------- */ 
body {
	margin:0;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

/* ---[ Links ]--------------------- */
a {  
	text-decoration:underline;
	color:#000; 
}

a:link, a:visited { 
}

a:hover {  
	text-decoration:none;
}

form {
	margin:0;
}

img {
	border:0;
}

.killer, .clear {
	clear:both;
}

#contener {
	margin:0 auto;
	text-align:left;
}

.content1024 {
	width:920px;
}

.content800 { 
	width:760px;
}

/*Added by nico on 2006-11-30 16:11:23 */
.chaussette {
	margin:5px 0;
	padding:5px;
	background: #e5e7f3;
}

.vmiddle { 
	display:inline;
	margin:0 5px 0 0;
}

.r { float:right }
.l { float:left }

.aste { 
	font-size:10px;
	color:#FF0000;
}

/* ---[ Masthead ]--------------------- */
.mast .logo {
	float:left;
}

.mast .baseline {
	float:left;
	padding:0 25px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;		
	color:#5389D4;	
}

.content1024 .baseline { margin-top:20px; width:450px; }
.content800 .baseline  { margin-top:10px; width:285px; }

.mast .baseline span {
	color:#FF6901;
}

.mast .ident {
	float:right;
	margin-top:10px;
	width:140px;	
	font-size:9px;
}

.mast .ident a { 
	text-decoration:underline;
	color:#ABABAB; 
}
.mast .ident a:link, .mast .ident a:visited { 
}

.mast .ident a:hover { 
	text-decoration:none; 
}

.mast .ident input {
	margin-right:10px;
	padding:1px 2px;
	border:1px solid #7F9DB9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;	
	vertical-align:top;
}

.mast .input_mail { margin-bottom:2px; width:120px; }
.mast .input_pass { margin-right:0;  width:80px; }

.mast .mast_0800 {
	float:right;
	width:120px;
	margin-top:10px;
}

/* ---[ Menu bar ]--------------------- */
.menu_bar {
	background: #5389D4;
	clear:both;
}
.menu_bar .deco {
	background:url(/i/menu-bg-corner.gif) no-repeat top left;
	text-align:right;
}

.menu_bar .slide_product,
.menu_bar .slide_list {
	float:left;
	height:28px;
}

.menu_bar .slide_product {
	width:204px;
	background:url(/i/menu-bg-slide-product.gif) no-repeat top left;
}

.menu_bar .slide_list {
	width:164px;	
	background:url(/i/menu-bg-slide-list.gif) no-repeat top left;
}

.menu_bar .separ {
	float:left;
	padding: 0 10px;
}

.menu_bar .menu_elmt {
	padding:5px 0 0 27px;
	background: #5389D4 url(/i/menu-bg-elmt.gif) no-repeat bottom left;
}

.menu_bar .search,
.menu_bar .changelanguage {
	float:right;
	padding:0 14px 14px 0;
	background:url(/i/menu-bg-search.gif) no-repeat bottom right;
}

.menu_bar .search_rnat {			
	float:right;
	padding:0 14px 0 0;
	background:url(/i/menu-bg-search.gif) no-repeat bottom right;
}

.menu_bar .search_more {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	font-size: 10px;
	color: #BABDB6;	
}

.menu_bar .search_more a {
	color: #BABDB6;
}

.menu_bar .search_more a:link, 
.menu_bar .search_more a:visited {
	text-decoration: none;
}

.menu_bar .search_more a:hover {
	text-decoration: underline;
}

.menu_bar .changelanguage ul {
	margin:0;
	padding:0 0 0 10px;
}

.menu_bar .changelanguage li {
	list-style:none;
}

.menu_bar .changelanguage li a {
	font-weight:bold;
	color:#FFF;
}

.menu_bar .input_search {
	margin-right:10px;
	padding:3px 6px;
	border:1px solid #7F9DB9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
	vertical-align:top;
}

.content1024 .input_search { width:160px; }
.content800 .input_search  { width:100px; }

.content800 .separ 				{ padding:0; }
.content800 .changelanguage 	{ padding:0 4px 7px 0; }
.content800 .menu_elmt 			{ padding:5px 0 0 10px; }


/* ---[ Road ]--------------------- */
.road {
	padding:8px 0 10px 2px;
	color:#225AA9;
}

.road a { 
	text-decoration:underline;
	color:#225AA9; 
}

.road a:link, .road a:visited { 
}

.road a:hover { 
	text-decoration:none; 
}

.road img { margin:0 7px; }

/* ---[ Description ]--------------------- */
.description {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#225AA9;
}

.description a { 
	text-decoration:underline; 
	color:#225AA9; 
}

.description .plus { 
	text-decoration:none; 
	font-size:10px;
	color:#A5A5A5;
}

.description .picto,
.description .txt,
.description .txt_full,
.description .txt_process {
	float:left;
}

.description .picto {
	padding:5px 10px 0 0;
	width:88px;
}

.description .txt {
	padding:5px 0;
	width:61%;
}

.description .find_more {
	color: #ccc;
}

.description .txt_full {
	padding:5px 0 5px 10px;
	width:86%;
}

.description .txt_process {
	padding:5px 0;
	width:55%;
}

.description h1 {
	margin:0;
	padding-bottom:-15px;
	font-size:17px;
	font-weight:normal;
	color:#763287;
}

.description .mea_free {
	float:right;
	margin:0 0 5px;
}

.description .mea_company,
.description .mea_register {
	background-color:#fbf3e7;
	border:1px solid #dd827a;
}

.description .mea_company {
	float:right;
	margin:0 0 5px;
	width:39%;
}

.description .mea_register {
	margin:0;
	width:192px;
}

.description .thanks {
	float:left;
	padding:5px;
	font-weight:bold;
	font-size:12px;
	color:#265aa1;
}

.description .mea_free .mea_title {
	width:100%;
	background: #f7b770 url(/i/common/mea_title.gif) repeat-x top left;
	text-align:center;
	font-size:12px;
	font-weight:bold;	
	color:#964519;
}

.description .mea_free .mea_content {
	color:#265aa1;
}

.description .mea_free .mea_content ul,
.description .mea_company .mea_content ul,
.description .mea_register .mea_content ul {
	margin:0;
	padding:0;
}

.description  .mea_free .mea_content li {
	margin:0 0 5px 5px;
	list-style-image:url(/i/arrow-v.gif);
	list-style-position:inside;
}

.description .mea_free .mea_footer,
.description .mea_company .mea_footer {
	width:100%;
}

.description .mea_company .mea_title {
	width:100%;
	background:url(/i/common/mea_title.gif) repeat-x top left;
	background-color:#f7b770;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#964519;	
}

.description .mea_company .mea_content {
	color:#265aa1;
}

.description .mea_company .mea_content li,
.description .mea_register .mea_content li {
	margin:0 0 5px 5px;			
	list-style-image:url(/i/arrow-v.gif);
	list-style-position:inside;
}

.description .mea_register .mea_title {
	width:100%;
	background: #f7b770 url(/i/common/mea_title.gif) repeat-x top left;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#964519;	
}

.description .mea_register .mea_content {
	color:#265aa1;
}

.description .mea_register .mea_footer {
	margin:1px 1px -1px -1px;
	width:194px;
	height:21px;
	background:url(/i/common/corporate_footer.gif) no-repeat top left;
	border:0;
	text-align:center;	
	font-size:10px;
	color:#964519;
	vertical-align:middle;
}

.description h1 {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

.description .tools {
	padding:10px 0;
	font-size:9px;
	color:#235BA9;
}
.description .tools a { color:#235BA9; }
.description .tools a:link, .description .tools a:visited { color:#235BA9; }
.description .tools a:hover { color:#235BA9; }

.description .tools img {
	margin-left:10px;
}

.description ul {
	margin:15px 0;
	padding:0;
}

.description .page li {
	padding:0 15px 5px 0;
	list-style:none;
	font-weight:bold;	
}

.description .page .on {
	color:#F58131;
}

.description .killer {
	width:100%;
	height:1px;
	background: #fff url(/i/bg-point.gif) repeat-x top left;
}

.description .killer2 {
	width:100%;
	height:1px;
	background: #fff url(/i/common/p.gif) repeat-x top left;
	clear:both;
}

/* ---[ Col double ]--------------------- */
.col_table td {
	vertical-align:top;
}

.td_portlet {
	width:192px;
}

.portlet_intro {
	padding:0 10px 50px 10px;
	background: #FFF3EB url(/i/bg-portlet-top-intro.gif) no-repeat bottom;
	text-align:center;
	color:#AE4200;
}

/* ---[ Portlet tops ]--------------------- */
.top_search {
	padding:0 0 10px;
	width:192px;
	background: #FFF3EB url(/i/bg-portlet-top.gif) no-repeat top left;
}

.top_search .ttl { 
	padding:15px 0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#EE8300;
}
.top_search .ttl span {
	color:#FF9B4C;
}

.top_search .list {
	margin:20px 0 0;
	width:192px;
	font-size:9px;
	color:#8B8B8B;
	clear:both;
}

.top_search .list a {
	display:block;
	margin-bottom:5px;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
	color:#EE8300;
}

.top_search .list a:link, .top_search .list a:visited { 
	text-decoration:underline;
	color:#EE8300; 
}

.top_search .list a:hover { 
	text-decoration:none;
	color:#EE8300;  
}

.top_search .first {
	margin:0;
}

.top_search .img_product {
	float:left;
	padding:5px 13px 10px 13px;
	background:url(/i/bg-portlet-top-list.gif) no-repeat top left;
}

.top_search .img_product img {
	border:1px solid #F7EFF9;
}

.top_search .txt_product {
	float:left;
	padding:2px 0 0 8px;
	width:110px;
	background:url(/i/arrow-v.gif) no-repeat 0px 6px;
}


/* ---[ Portlet checklist metier ]--------------------- */
.check_list_metier {
	width:192px;
	background: #FCF3E7 url(/i/bg-portlet-checklist-me.gif) no-repeat top left;
}

.check_list_metier .ttl {
	padding:4px 0;
	background:url(/i/bg-portlet-ttl-checklist.gif) no-repeat top left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#984401;		
}

.check_list_metier .body {
	margin:0;
	padding:5px 5px 10px 5px;
}

.check_list_metier .txt {
	padding:10px 5px 18px 5px;
	text-transform:uppercase;
	font-size:11px;
	color:#AE4200;
}

.check_list_metier select {
	margin-right:5px;
	width:135px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000;
}

/* ---[ Portlet checklist marcher ]--------------------- */
.check_list_marche {
	margin:0 auto;
	width:192px;
	background: #FCF3E7 url(/i/bg-portlet-checklist.gif) no-repeat bottom left;
}

.check_list_marche .ttl {
	padding:4px 0;
	background:url(/i/bg-portlet-ttl-checklist.gif) no-repeat top left;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	color:#984401;
}

.check_list_marche .list {
	margin:10px 0 0;
	width:178px;
	font-size:9px;
	color:#8B8B8B;
}

.check_list_marche .list a {
	display:block;
	margin-bottom:5px;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
	color:#EE8300;
}

.check_list_marche .list a:link, .check_list_marche .list a:visited { 
	text-decoration:underline;
	color:#EE8300; 
}

.check_list_marche .list a:hover { 
	text-decoration:none;
	color:#EE8300;
}

.check_list_marche .first {
	margin:0;
}

.check_list_marche .last {
	margin:10px 0;
}

.check_list_marche .txt_product {
	padding:10px 0 0 67px;
	width:105px;
	background:url(/i/arrow-v.gif) no-repeat 58px 14px;
}

/* ---[ Btn de fin de formulaire ]--------------------- */
.bt_hbloc {
	margin:20px 0 0;
	text-align:center;
}

.bt_hbloc img {
	margin:0 3px;
}

/* ---[ Footer ]--------------------- */
.footer {
	padding:0 0 20px;
	background:#fff;
	text-align:center;
	font-size:9px;	
	color:#A5A5A5;
}

.footer .last {
	margin:0 0 10px;
	background: #fff url(/i/footer-bg.gif) no-repeat bottom left;
	text-align:right;
}

.footer .flag {
	padding:12px 0 10px;
}

.footer .flag img {
	margin:0 5px;
}

.footer a { color:#A5A5A5; }
.footer a:link, .footer a:visited { color:#A5A5A5; }
.footer a:hover { color:#A5A5A5; }


/* ---[ Progress barre ]--------------------- */
.progress {
	margin-top:20px;
	font-weight:bold;
	color:#225AA9;
}

.p_double {
	margin:15px 15px 15px 0;
}

.progress span {
	color:#FF8D0B;
}

.content1024 .progress_begin { width:70px; }
.content800 .progress_begin  { width:52px; }

.progress_p {
	padding:15px 30px 0 27px;
	text-align:center;
	font-size:9px;	
	vertical-align:top;
}

.p_oneline {
	padding:20px 30px 0 27px;
}

.p_1 { background:url(/i/p-1.gif) no-repeat 0 12px; width:82px; background-color:#FFF; }
.p_2 { background:url(/i/p-2.gif) no-repeat 0 12px; width:82px; background-color:#FFF; }
.p_3 { background:url(/i/p-3.gif) no-repeat 0 12px; width:72px; background-color:#FFF; }
.p_4 { background:url(/i/p-4.gif) no-repeat 0 12px; width:62px; background-color:#FFF; }

.p_1_on { background:url(/i/p-1-on.gif) no-repeat 0 12px; width:82px; background-color:#FFF; }
.p_2_on { background:url(/i/p-2-on.gif) no-repeat 0 12px; width:82px; background-color:#FFF; }
.p_3_on { background:url(/i/p-3-on.gif) no-repeat 0 12px; width:72px; background-color:#FFF; }
.p_4_on { background:url(/i/p-4-on.gif) no-repeat 0 12px; width:62px; background-color:#FFF; }

.progress_end {
	padding-right:40px;
	background:url(/i/progress-end.gif) #FFF no-repeat top right;
}

.messageStackError, .messageStackWarning, .messageStackSuccess {
	padding-left:30px;
	border-right:1px solid #5788CC;
	border-left:1px solid #5788CC;
	font-weight:bold;
	font-size:12px;		
}

.messageStackError {
	background:url(/i/common/puce-errorno.gif) no-repeat top left;
	color:#A90303;
}

.messageStackWarning {
	background:url(/i/common/warning.gif) no-repeat top left;
	color:#F66300;
}

.messageStackSuccess {
	background:url(/i/common/puce-errorok.gif) no-repeat top left;
	color:#12AB47;
}

#slideblock { overflow: hidden; }

#hintbox {										/*CSS for pop up hint box */
	position: absolute;
	top: 0;
	padding: 3px;
	width: 150px; 								/*Default width of hint.*/
	line-height: 18px;
	background: #FFFFE0;
	border: 1px solid #fff;
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	font: normal 11px arial;
	z-index:100;
	visibility: hidden;
}

.error {
	padding:5px;
	background-color:red;
	border:1px solid #fff;
	font-weight:bold;
	color:#fff;
}

.error li {
	display : list-item;
	list-style-image : url(/i/ask-picto-exclam.gif);
	list-style-position: inside;
}

.goto_user_space {
	float:right;
	margin:2px;
	padding:2px 4px;
	background-color:#5389D4;
	border:1px solid #fff;
}

.gotohome a {
	font-size:14px;
	font-weight:bold;
	color:#005AAD;
}

.metafooter {
	width:100%;
	padding-top:20px;
	background-color:#fff;
	font-size:10px;
	text-align:center;
	color:#A5A5A5;
}

.metafooter a {
	color:#A5A5A5;
}

.ttl_join {
	padding:4px;	
}

.ttl_join a {
	text-decoration:none;
	font-weight:bold;
	font-size:12px;	
	color:#005BAD;
}

.ttl_join img {
	float:right;
	margin:4px;
}

/* ---[ Horizontal freestyle menu layout ]--------------------- */
#menu_product {					/* menu list container */
	position: absolute;			/* need this so that the z-index stuff works correctly */
	margin: 0;						/* space around the list container */
	list-style-type: none;		/* disable the display of the list item bullets */
	z-index: 20;
}

#menu_themas {						/* menu list container */
	position: absolute;			/* need this so that the z-index stuff works correctly */
	margin: 0;						/* space around the list container */	
	list-style-type: none;		/* disable the display of the list item bullets */
	z-index: 20;
}

/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border:0;
	color:#FFF;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	display: none;
	position: absolute;
	top: 1em;
	left: -1px;
	margin-top: 13px; 		/* I'm using ems and px to allow people to zoom their font */
                				/* want to be sure this is above the rest of the menu */
	padding:2px 0 2px 0;
	width: 205px;
	border:1px solid #72A9F3;
	font-weight:bold;
	z-index: 99;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
	top: -1px; 
	left:210px;
	margin-top: 0;
	font-weight:normal;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	display: block;
	float: left;
	position: relative;	
	margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
	float: none;
	margin: 0;
	margin-bottom: -1px;
	background-color: #FFF;
}
.menulist ul>li:last-child {
	margin-bottom: 1px; /* Mozilla fix */
	text-decoration: none;
	background-color: #FFF;
}

/* Links inside the menu */
.menulist a, .menulist a:visited {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#8B0029;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a:focus, .menulist a:active {
	text-decoration: none;
	color:#5389D4;
}

.menulist a.highlighted {
	background-color: #2664BA;
	text-decoration: none;
	color: #FFF;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
	display: none;
	text-decoration: none;
}

.menulist ul a .subind {
	float: right;
	display: block;
	text-decoration: none;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
	float: left;
}

.menulist ul a {
	float: none;
	text-decoration: none;
}

/* \*/
.menulist a {
	float: none;
}
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
	float: left;
	width: 100%;
}

* html .menulist ul li {
	float: left;
	height: 1%;
}

* html .menulist ul a {
	height: 1%;
	text-decoration: none;
}
/* End Hacks */