.progressBar {
	width: 216px;
	height: 41px;
	background: url(/images/client/bg_bar.gif) no-repeat 0 0;
	position: relative;
}

.progressBar span {
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/images/client/bar.gif) no-repeat 0 0;
	top: 8px;
	left: 8px;
	overflow: hidden;
	text-indent: -8000px;
}

.progressBar em {
	position: absolute;
	display: block;
	width: 200px;
	height: 25px;
	background: url(/images/client/bg_cover.gif) repeat-x 0 0;
	top: 0;
}

.gris-fonce {
	color: #424242;
}

.paginator_lettres {
	background:#FFF6D3 none repeat scroll 0 0;
	border-top:1px solid #DFD5C3;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	vertical-align: middle;
}

.paginator_lettres a.current {
	color: #C71414;
	text-decoration: underline;
}

.paginator_lettres a {
	color: black;
}

.gris-medium {
	color: #747474;
}

.gris-clair {
	color: #9F9F9F;
}

.red {
	color: #C71414;
}

.blue {
	color: #128BCE;
}

.errors {
	/*background-image: url(/images/client/error.gif);*/
	background-position: left center;
	background-repeat: no-repeat;
	color: #C71414;
	font-weight:bold;
	line-height: 22px;
	padding-left: 5px;
}

.errors a {
	color: red;
}

* {
	margin: 0;
	outline-color: -moz-use-text-color;
	outline-style: none;
	outline-width: medium;
	padding: 0;
}

html {
	height: 100%;
}

body {
	background-color: #C6C6C6;
	color: #4A4A4A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100%;
}

ul {
	list-style-type: none;
}

.clear-left {
	clear: left;
}

.clear-right {
	clear: right;
}

.left {
	float: left;
}

.right {
	float: right;
}

.link:hover {
	cursor: pointer;
}

a:hover {
	text-decoration: underline;
}

a {
	color: #C71414;
	text-decoration: none;
}

a.btn-grey-22px {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 0;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0;
	text-align: center;
	text-transform: uppercase;
}

a.btn-grey-22px:hover {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 -22px;
}

input.btn-red-22px,button.btn-red-22px {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 -22px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 22px;
	text-align: center;
	text-transform: uppercase;
	margin: 5px;
	height: 22px;
}

a.btn-red-22px {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 -22px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 22px;
	text-align: center;
	text-transform: uppercase;
	margin: 5px;
}

#espace-client a.btn-red-22px {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 -22px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding: 4px 0;
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
}

a.btn-red-22px:hover {
	background: transparent url(/images/client/btn-grey-22px.gif) repeat-x
		scroll 0 0;
	text-decoration: none;
}

a.btn-red-33px {
	background: transparent url(/images/client/btn-red-33px.gif) repeat-x
		scroll 0 0;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

input,select,textarea {
	border: 1px solid #C3C3C3;
	color: #747474;
	font-size: 11px;
}

input,select {
	font-weight: bold;
	margin: 0 2px;
}

input {
	padding: 2px;
}

#page {
	background: transparent url(/images/client/page-fond.gif) repeat-y
		scroll 0 0;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	width: 898px;
}

* html #page {
	height: 100%;
}

#header {
	background: transparent url(/images/client/header-fond.gif) repeat-x
		scroll 0 0;
	display: block;
	height: 160px;
	margin: 0 auto;
	position: relative;
	width: 854px;
}

#header h1 {
	left: 22px;
	position: absolute;
	top: 20px;
}

#header h1 a {
	background: transparent url(/images/client/titre.gif) no-repeat scroll 0
		0;
	display: block;
	height: 50px;
	text-indent: -2000em;
	width: 250px;
	z-index: 1000;
}

#header #espace-client {
	background: transparent
		url(/images/client/header-espace_client-fond.jpg) repeat scroll 0 0;
	display: block;
	height: 69px;
	left: 580px;
	position: absolute;
	top: 15px;
	width: 239px;
}

#header #espace-client h1 {
	color: #424242;
	font-size: 11px;
	left: 14px;
	position: absolute;
	text-transform: uppercase;
	top: 12px;
}

#header #espace-client ul {
	left: 13px;
	position: absolute;
	top: 30px;
}

#header #espace-client ul li {
	float: left;
	margin-left: 2px;
}

#header #espace-client ul li a {
	display: block;
	width: 104px;
}

#header #menu {
	background: transparent url(/images/client/menu-fond.gif) repeat-x
		scroll 0 0;
	display: block;
	height: 37px;
	left: 0;
	position: absolute;
	top: 101px;
	width: 100%;
}

#header #menu ul {
	margin: 2px 31px;
}

#header #menu ul li {
	float: left;
	margin-right: 1px;
}

#header #menu .btn,#header #menu ul li a {
	background: transparent url(/images/client/menu-btn.gif) repeat-x scroll
		0 0;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 112px;
}

#header #menu .btn a, #header #menu ul li a:hover {
background:transparent url(/images/admin/menu-btn.gif) repeat-x scroll 0 -33px;
text-decoration: none;
}

#content {
	background: transparent url(/images/client/content-fond.jpg) no-repeat
		scroll 0 0;
	margin: 0 auto;
	min-height: 700px;
	padding: 0 28px 100px;
	position: relative;
	width: 798px;
}

#header #nav {
	background: #ECEADE url(/images/client/submenu-bg.gif) repeat-x scroll
		left bottom;
	border-bottom: 1px solid grey;
	font-size: 13px;
	line-height: 22px;
	padding-left: 10px;
	position: absolute;
	top: 137px;
	width: 844px;
}

#header #nav a {
	color: #4A4A4A;
	text-decoration: underline;
}

#header #nav a:hover {
	color: #000000;
	text-decoration: none;
}

#content #col-right {
	float: right;
	width: 164px;
}

#content #cadre-support {
	display: block;
	height: 153px;
	margin-bottom: 10px;
	position: absolute;
	right: 79px;
	top: 10px;
	width: 114px;
}

#page #cadre-support-commande {
	height: 153px;
	margin-bottom: 10px;
	margin-top: 10px;
	position: absolute;
	right: 75px;
	top: 0;
	width: 114px;
}

#content .cadre {
	clear: right;
	display: block;
	padding: 10px 0 0;
	width: 163px;
}

#content .cadre .top {
	background: transparent url(/images/client/cadre-mini.gif) no-repeat
		scroll 0 0;
	display: block;
	float: right;
	height: 10px;
	line-height: 10px;
	width: 163px;
}

#content .cadre .middle {
	background: transparent url(/images/client/cadre-mini-middle.gif)
		repeat-y scroll 0 0;
	display: block;
	float: right;
	margin: 0;
	padding: 0 8px;
	width: 147px;
}

#content .cadre .bottom {
	background: transparent url(/images/client/cadre-mini.gif) no-repeat
		scroll 0 -10px;
	display: block;
	float: right;
	height: 10px;
	margin: 0;
	padding: 0;
	width: 163px;
}

#content ul#menubar {
	margin: 0 0 45px;
}

#content ul#menubar li {
	float: left;
	margin-right: 1px;
}

#content ul#menubar li#btn-menubar-1,#content ul#menubar li#btn-menubar-1 a
	{
	background-image: url(/images/client/btn-bar4-1.jpg);
}

#content ul#menubar li#btn-menubar-2,#content ul#menubar li#btn-menubar-2 a
	{
	background-image: url(/images/client/btn-bar4-2.jpg);
}

#content ul#menubar li#btn-menubar-3,#content ul#menubar li#btn-menubar-3 a
	{
	background-image: url(/images/client/btn-bar4-3.jpg);
}

#content ul#menubar li#btn-menubar-4,#content ul#menubar li#btn-menubar-4 a
	{
	background-image: url(/images/client/btn-bar4-4.jpg);
}

#content ul#menubar li.btn,#content ul#menubar li a {
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	font-size: 10px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	text-align: center;
	text-transform: uppercase;
	width: 198px;
}

#content ul#menubar li.btn,#content ul#menubar li a:hover {
	background-position: 0 -22px;
}

#content h1 {
	color: #C71414;
	font-size: 32px;
	line-height: 34px;
	padding: 44px 0 30px 70px;
	text-transform: uppercase;
}

#content h2, #content-blank h2 {
	border-bottom: 1px solid #C3C3C3;
	/*clear: both;*/
	color: #C71414;
	font-size: 14px;
	margin: 0 0 10px;
	padding: 15px 0 2px;
	text-transform: uppercase;
}

#content p {
	text-align: justify;
}

#content p a,#content li a {
	color: #C71414;
	font-weight: bold;
}

#content p a:hover {
	text-decoration: underline;
}

#footer {
	background: transparent url(/images/client/page-fond.gif) repeat-y
		scroll 0 0;
	clear: both;
	display: block;
	height: 76px;
	margin: -76px auto 0;
	position: relative;
	width: 898px;
}

#footer #fcontent {
	background: transparent url(/images/client/footer.gif) repeat-x scroll 0
		0;
	display: block;
	font-size: 11px;
	height: 76px;
	margin: 0 auto;
	width: 854px;
}

#footer #fcontent ul#menu1 {
	padding-top: 1px;
}

#footer #fcontent ul#menu1 li {
	float: left;
}

#footer #fcontent ul#menu1 li a {
	border-right: 1px solid #525252;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 8px 20px;
	text-transform: uppercase;
}

#footer #fcontent ul#menu1 li a:hover {
	background: transparent url(/images/client/footer-btn.gif) repeat-x
		scroll 0 0;
}

#footer #fcontent ul#menu1 li.btn {
	background: transparent url(/images/client/footer-btn.gif) repeat-x
		scroll 0 0;
	border-right: 1px solid #525252;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	height: 28px;
	line-height: 28px;
	padding: 0 20px;
	text-transform: uppercase;
}

#footer #fcontent ul#menu2 {
	background: transparent url(/images/client/footer-menu2-fond.gif)
		no-repeat scroll 0 0;
	display: block;
	height: 23px;
	left: 338px;
	padding: 5px;
	position: absolute;
	top: 3px;
	width: 483px;
}

#footer #fcontent ul#menu2 li {
	float: left;
}

#footer #fcontent ul#menu2 li a {
	color: #747474;
	padding: 1px 24px;
}

#footer #fcontent ul#menu2 li a:hover {
	color: #DB726F;
}

#footer #fcontent ul#menu2 li.btn {
	color: #DB726F;
	padding: 0 24px;
}

#footer #fcontent #copyright {
	color: #9F9F9F;
	left: 32px;
	position: absolute;
	top: 40px;
}

#footer #fcontent #conception {
	color: #9F9F9F;
	left: 635px;
	position: absolute;
	top: 40px;
}

#footer #fcontent #conception a {
	color: #9F9F9F;
	font-weight: bold;
}

#footer #fcontent #conception a:hover {
	text-decoration: underline;
}