@import url(menu.css);

body
{
	font-family: verdana, arial, helvetica, sans;
	font-size: 12px;
	text-align: center;
	margin: 0;
	padding: 0;
}

#document_wrapper
{
	background: transparent url(images/back.jpg) center 0 no-repeat;
}

div.error
{
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	border-color: #999 #333 #333 #999;
	background: #fff url(images/ico_info.png) 5px center no-repeat;
	padding: 15px 10px 10px 70px;
	margin: 10px 0 10px 0;
	color: #0081c6;
	font-size: 12px;
	font-weight: bold;
}

div.error a.button
{
	float: right;
	margin: 10px 0 0 0;
}

a.button
{
	float: left;
}

.button
{
	background: transparent url(images/button_blue_small.gif) 0 0 no-repeat;
	width: 100px;
	height: 29px;
	line-height: 28px;
	cursor: pointer;
	color: #fff;
	text-align: center;
	font-size: 11px;
	border: none;
	text-decoration: none;
	font-weight: bold;
}

input.button.large, a.button.large { background: transparent url(images/button_blue.gif) 0 0 no-repeat; width: 150px; }
input.button.largest, a.button.largest { background: transparent url(images/button_blue_largest.gif) 0 0 no-repeat; width: 210px; }
input.button.huge, a.button.huge { background: transparent url(images/button_blue_huge.gif) 0 0 no-repeat; width: 320px; }
.button.right { float: right; }
a.button.right { float: right; }

a.button.grey { background-image: url(images/button_grey_small.gif); height: 27px; line-height: 26px; }
a.button.large.grey { background-image: url(images/button_grey.gif);  }
a.button.largest.grey { background-image: url(images/button_grey_largest.gif);  }
a.button.lightgrey,
input.button.lightgrey { background-image: url(images/button_blue_small_grey.gif); color: #000; }

.button.coach
{
	width: 280px;
	height: 37px;
	line-height: 37px;
	background: transparent url(images/btn_coach.png) 0 0 no-repeat;
	color: #fff;
	border: none;
	padding: 0 0 0 65px;
	vertical-align: top;
	margin: -5px 0 0 0;
	text-align: left;
}

.button.coach:hover
{
	background-image: url(images/btn_coach.png);
}

a.more
{
	color: #005980;
}

a.more:hover
{
	color: #000;
}

label
{
	font-size: 12px;
	color: #333;
}

.text
{
	border: 1px solid #b0b2b3;
	background: #fff url(images/input_text.png) 0 0 repeat-x;
	padding: 0;
	margin: 0;
}

input.text
{
	height: 17px;
}

span.required
{
	font-family: courier;
	color: #d98400;
	font-weight: bold;
	font-size: 20px;
	line-height: 10px;
	margin: 0 0 0 5px;
}

.form_notice
{
	font-size: 10px;
	line-height: 20px;
	margin-left: 5px;
}

.text_calendar
{
	float: left;
}

.btn_calendar
{
	float: left;
	width: 23px;
	height: 20px;
	margin: 0 0 0 5px;
	background: #fff url(images/calendar.png) 0 0 no-repeat;
}

a.more
{
	color: #0081c6;
}

h1.title
{
	clear: both;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 28px;
	font-weight: normal;
	color: #0081c6;
	margin: 10px 0 10px 0;
	padding: 0;
}

h2.title
{
	clear: both;
	font-family: Arial,Sans-serif,Helvetica,Sans;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
}

h3.title
{
	clear: both;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 0;
	border-bottom: 1px solid #97d6ee;
	color: #0081c6;
}

#document
{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 995px;
}

#banner
{
	background: transparent url(images/banner_top.jpg) 0 0 no-repeat;
	width: 995px;
	height: 118px;
}

#banner_title
{
	float: left;
	position: relative;
	top: 12px;
	left: 40px;
	height: 70px;
	width: 450px;
}

#logo
{
	float: right;
	position: relative;
	top: 0;
	right: 0;
	border: 0;
	padding: 0;
	margin: 0;
	/* Hack ie6/7 */
	/margin: -1px 1px 0 0;
}

#page
{
	float: left;
	background: transparent url(images/page_body_right.jpg) right 0 no-repeat;
	width: 995px;
}

#page_left
{
	float: left;
	padding: 0 0 0 10px;
	width: 685px !important;
	width: 695px;
	overflow: hidden;
	background: transparent url(images/page_body_left.jpg) 0 0 no-repeat;
}

#page_right
{
	float: right;
	width: 300px;
	padding: 5px 0 0 0;
	margin: 0;
}

#page_right .mod_script
{
	clear: both;
	float: right;
	margin: 10px 10px 10px 0;
}

#page_body
{
	display: inline;
	float: left;
	padding: 10px 15px 10px 15px;
	margin: 12px 0 0 5px;
	width: 650px;
	background: transparent url(images/page_body.jpg) 0 0 no-repeat;
}

#footer
{
	clear: both;
}

.box
{
	clear: both;
	float: right;
	margin: 0;
	width: 295px;
}

.box h3
{
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 18px;
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #fff;
	text-align: center;
}

.box1
{
	background: transparent url(images/box_bottom.png) 0 bottom no-repeat;
	padding: 0 0 32px 0;
}

.box1 h3
{
	float: left;
	font-family: Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
	background: transparent url(images/box_top.png) 0 0 no-repeat;
	width: 260px !important;
	width: 295px;
	height: 25px !important;
	height: 44px;
	margin: 0;
	padding: 19px 35px 0 0;
	text-align: right;
}

.box1 .box_body
{
	float: left;
	background: transparent url(images/box_middle.png) 0 0 repeat-y;
	width: 275px !important;
	width: 295px;
	padding: 10px 10px 0 10px;
}

.mod_login form
{
	margin: 0;
	padding: 0;
}

.mod_login a.more
{
	clear: both;
	float: left;
	font-size: 10px;
	color: #0081c6;
	text-decoration: none;
	margin: 5px 0 0 10px;
	width: 130px;
}

.mod_login a.more:hover
{
	text-decoration: underline;
}

.mod_login label
{
	clear: left;
	float: left;
	width: 100px;
	line-height: 18px;
	margin: 0 0 0 10px;
}

.mod_login .text
{
	float: left;
	width: 147px;
}

.mod_login .button
{
	float: right;
	margin: 0 10px 0 0;
}

.mod_login .field
{
	clear: both;
	float: left;
	width: 270px;
	margin: 0 0 5px 0;
}

.mod_login p
{
	padding: 0;
	margin: 0 10px 0 10px;
}

.mod_login p.uv
{
	clear: both;
	padding: 10px 0 0 0;
	margin: 0 0 0 10px;
	text-align: center;
}

.mod_login a.my_account,
.mod_login a.my_uv,
.mod_login a.logout,
.mod_login a.messages
{
	float: left;
	clear: both;
	margin: 5px 0 0 10px;
	padding: 0 0 0 20px;
	line-height: 16px;
	height: 16px;
	background-position: 0 center;
	background-repeat: no-repeat;
	text-decoration: none;
	color: #82b71f;
	width: 200px;
}

.mod_login a.my_account:hover,
.mod_login a.my_uv:hover,
.mod_login a.logout:hover,
.mod_login a.messages:hover
{
	color: #000;
}

.mod_login a.my_account { background-image: url(images/mod_login_my_account.png); }
.mod_login a.my_uv { background-image: url(images/mod_login_uv.gif); }
.mod_login a.logout { background-image: url(images/mod_login_logout.png); }
.mod_login a.messages { background-image: url(images/mod_login_messages.png); }
.mod_login a.messages.unread { font-weight: bold; color: #000; }

.mod_login_logo
{
	float: left;
	margin: 0 10px 5px 10px;
}

.mod_login p.welcome
{
	clear: none;
}

.mod_search
{
}

.mod_search form
{
	float: right;
	padding: 0 0 0 18px;
	margin: 0;
	height: 19px;
	line-height: 19px;
	background: transparent url(images/mod_search.png) 0 0 no-repeat;
	vertical-align: top;
}

.mod_search #search_q
{
	float: left;
	width: 250px;
	border-left: none;
	vertical-align: top;
	height: 17px !important;
	height: 19px;
}

.mod_entreprise img
{
	float: right;
	margin: 0 10px 0 0;
}

.mod_entreprise h3
{
	float: right;
	font-family: 'Trebuchet MS',Arial,Verdana,Sans-serif,Helvetica,Sans;
	font-size: 18px;
	font-weight: normal;
	color: #82b71f;
	padding: 0;
	margin: 0;
}

.slider
{
	clear: both;
	margin: 20px 0 20px 0;
	width: 150px;
	height: 10px;
	line-height: 10px;
}

.slider_counter
{
	float: right;
	width: 20px;
	line-height: 10px;
	text-align: right;
	font-weight: normal;
	color: #000;
	font-size: 10px;
}

.slider_bar
{
	float: left;
	width: 120px;
	height: 10px;
	line-height: 10px;
	background: #eee url(images/slider_bar.png) 0 0 repeat-x;
	border-style: solid;
	border-width: 1px;
	border-color: #999 #ccc #ccc #999;
}

.slider_cursor
{
	position: relative;
	left: 0;
	width: 14px;
	height: 25px;
	background: transparent url(images/slider_cursor2.png) 0 0 no-repeat;
	margin: -8px 0 0 -7px;
	cursor: pointer;
}

/* Fil d'ariane */
#breadcrumbs
{
	display: inline;
	clear: both;
	float: left;
	width: 675px;
	margin: 10px 0 10px 0;
	padding: 0.2em;
	color: #000;
	line-height: 24px;
	font-size: 10px;
	color: #333;
	font-weight: bold;
}

#breadcrumbs span.separator
{
	margin: 0 0.5em 0 0.5em;
	color: #666;
}

#breadcrumbs a
{
	color: #900;
	text-decoration: none;
	line-height: 24px;
	color: #666;
	font-weight: normal;
}

#breadcrumbs a:hover
{
	color: #0081c6;
	text-decoration: underline;
}

#breadcrumbs a.home
{
	background: transparent url(images/breadcrumbs_home.png) 0 center no-repeat;
	width: 47px;
	height: 24px;
	float: left;
}

.mod_consultant_button
{
	clear: both;
	float: left;
	width: 682px;
	height: 53px;
	margin: 10px 0 10px 2px;
	background: transparent url(images/mod_consultant_button.png) 0 0 no-repeat;
	text-decoration: none;
}

.mod_consultant_button span
{
	float: left;
	font-size: 12px;
	width: 320px;
	height: 32px;
	line-height: 16px;
	margin: 11px 0 0 10px;
	color: #333;
	overflow: hidden;
}

table.list
{
	clear: both;
	border: 1px solid #999;
	border-collapse: collapse;
	width: 100%;
	font-size: 12px;
}

table.list th
{
	border: 1px solid #909090;
	background: #ccc url(images/table_list_th.png) 0 0 repeat-x;
	border-bottom: 1px solid #999;
	color: #000;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

table.list td
{
	border: 1px solid #909090;
	background-color: #fff;
	padding: 4px;
}

table.list td a
{
	color: #000;
	text-decoration: none;
}

table.list td a:hover
{
	color: #276edc;
	text-decoration: underline;
}

table.list td.center
{
	text-align: center;
}

table.list td a.button
{
	color: #fff;
}

table.list .checkbox
{
	padding: 0;
	margin: 0 10px 0 0;
	width: 13px;
	height: 13px;
}

table.list th.sort
{
	background: #7ea13d url(images/table_list_th_sort.png);
}

table.list td.sort
{
	background-color: #e1e6f0;
}

table.list th.del
{
	width: 24px;
	padding: 0;
	margin: 0;
}

table.list div.del
{
	height: 16px;
	background: transparent url(images/table_list_th_del.gif) center center no-repeat;
}

table.list ul
{
	list-style: square;
	padding: 0;
	margin: 0 0 0 1.5em;
}

.list_buttons
{
	height: 26px;
	margin: 0;
	border: 1px solid #909090;
	background-color: #fffef9;
}

.list_buttons .button { position: relative; margin: 0 0 0 10px; }
.list_buttons .button.right { margin: 0 10px 0 0; }

.list_buttons.top { border-bottom: none; margin-top: 20px; }
.list_buttons.bottom { border-top: none; margin-bottom: 20px; }
.list_buttons.top .button { margin-top: -8px; }
.list_buttons.bottom .button { margin-top: 8px; }

div.pagination
{
	clear: both;
	margin: 5px 0 5px 0;
	text-align: right;
	font-size: 10px;
}

div.pagination a
{
	margin: 0 2px 0 2px;
	color: #000;
	border: 1px solid #0081c6;
	padding: 0 4px 0 4px;
	font-size: 10px;
	text-decoration: none;
	color: #666;
}

div.pagination a:hover
{
	color: #fff;
	background-color: #0081c6;
}

div.pagination span
{
	border: 1px solid #0081c6;
	margin: 0 2px 0 2px;
	padding: 0 4px 0 4px;
	font-weight: bold;
	color: #fff;
	background-color: #0081c6;
}

#button_home
{
	clear: both;
	margin: 10px 0 10px 268px;
}

#mod_bilan
{
	clear: both;
	float: right;
	display: inline;
	width: 286px;
	height: 133px;
	background: transparent url(images/mod_bilan.png) 0 0 no-repeat;
	margin: 2px 5px 5px 0;
}