/* ------------------------------------------ */
/* ---------------   Colors   --------------- */
/* ------------------------------------------ */
.gris-fonce {
	color: #424242;
	}

.gris-medium {
	color: #747474;
	}

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

.red {
	color: #c71414;
	}

.blue {
	color: #128bce;
	}

.errors {
	/* background-image: url(/images/public/error.gif); */
	/* background-repeat: no-repeat; */
	/* background-position: center left; */
	/* padding-left: 22px; */
	color: red;
	/* line-height: 22px; */
	}

.errors a {
	color: red;
	}

/* ------------------------------------------ */
/* ---------------   Global   --------------- */
/* ------------------------------------------ */
* {
	margin: 0px;
	padding: 0px;
	outline: none;
	}
html {
	height: 100%;
	}
body {
	height: 100%;
	background-color: #c6c6c6;
	color: #4a4a4a;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
ul {
	list-style-type: none;
	}
.clear-left {
	clear: left;
	}
.clear-right {
	clear: right;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.link:hover {
	cursor: pointer;
	}
a {
	color: #c71414;
	text-decoration: none;
	}
a.btn-grey-22px {
	padding: 4px 0;
	background: url(/images/public/btn-grey-22px.gif) repeat-x 0 0;
	color: #fff;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
a.btn-grey-22px:hover {
	background: url(/images/public/btn-grey-22px.gif) repeat-x 0 -22px;
	}
a.btn-red-22px {
	padding: 4px 0;
	background: url(/images/public/btn-grey-22px.gif) repeat-x 0 -22px;
	color: #fff;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
a.btn-red-22px:hover {
	background: url(/images/public/btn-grey-22px.gif) repeat-x 0 0;
	}
a.btn-red-33px {
	padding: 10px;
	background: url(/images/public/btn-red-33px.gif) repeat-x 0 0;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	}
input,select,textarea {
	font-size: 11px;
	border: 1px solid #c3c3c3;
	color: #747474;
	}
input,select {
	margin: 0 2px;
	font-weight: bold;
	}
input {
	padding: 2px;
	}
/* ---------------------------------------- */
/* ---------------   Page   --------------- */
/* ---------------------------------------- */
#page {
	margin: 0 auto;
	width: 898px;
	position: relative;
	min-height: 100%;
	background: url(/images/public/page-fond.gif) repeat-y 0 0;
	}
* html #page {
	height: 100%;
	}
/* ------------------------------------------ */
/* ---------------   Header   --------------- */
/* ------------------------------------------ */
#header {
	position: relative;
	display: block;
	width: 854px;
	height: 138px;
	margin: 0 auto;
	background: url(/images/public/header-fond.gif) repeat-x 0 0;
	}
#header h1 {
	position: absolute;
	top: 20px;
	left: 22px;
	}
#header h1 a {
	display: block;
	width: 250px;
	height: 50px;
	text-indent: -2000em;
	z-index: 1000; /* need for FX and IE */
	background: url(/images/public/titre.gif) no-repeat 0 0;
	}
#header #espace-client {
	position: absolute;
	top: 15px;
	left: 580px;
	display: block;
	width: 239px;
	height: 69px;
	background: url(/images/public/header-espace_client-fond.jpg)
	}
#header #espace-client h1 {
	position: absolute;
	top: 12px;
	left: 14px;
	font-size: 11px;
	text-transform: uppercase;
	color: #424242;
	}
#header #espace-client ul {
	position: absolute;
	top: 30px;
	left: 13px;
	}
#header #espace-client ul li {
	float: left;
	margin-left: 2px;
	}
#header #espace-client ul li a {
	display: block;
	width: 104px;
	}
#header #menu {
	position: absolute;
	top: 101px;
	left: 0;
	display: block;
	width: 100%;
	height: 37px;
	background: url(/images/public/menu-fond.gif) repeat-x 0 0;
	}
#header #menu ul {
	margin: 2px 10px;
	}
#header #menu ul li {
	float: left;
	margin-right: 1px;
	}
#header #menu .btn,#header #menu ul li a {
	display: block;
	width: 118px;
	height: 33px;
	background: url(/images/public/menu-btn.gif) repeat-x 0 0;
	color: #fff;
	font-size: 14px;
	line-height: 33px;
	text-align: center;
	}
#header #menu .btn,#header #menu ul li a:hover {
	background: url(/images/public/menu-btn.gif) repeat-x 0 -33px;
	}
/* ------------------------------------------- */
/* ---------------   Content   --------------- */
/* ------------------------------------------- */
#content {
	position: relative;
	margin: 0 auto;
	padding: 0 28px 100px;
	width: 798px;
	min-height: 600px; /* au lieu de 700px*/
	background: url(/images/public/content-fond.jpg) no-repeat 0 0;
	}
#content a.info {
    	position:relative; 
    	z-index:24;
    	color:#000;
    	text-decoration:none
	}
#content a.info:hover {
	z-index:25;
	/*background-color:#747474;*/
	color:#ffffff;
	}
#content a.info span {
	display: none	
	}
#content a.info:hover span { 
	/*le contenu de la balise span ne sera visible que pour l'état a:hover */
 	display:block; 
 	position:absolute;
        top:20px; left:20px; width:300px;
    	border:1px solid #c71414;
    	background-color:#eeeeee; color:#747474;
    	text-align: justify;
    	padding:10px;
    	}
/* ------------------------------------------- */
/* ---------------   Nav   ------------------- */
/* ------------------------------------------- */

#content #nav {
	position: absolute;
	top: 10px;
	left: 28px;
	font-size: 11px;
	}
#content #nav a {
	color: #4a4a4a;
	text-decoration: underline;
	}
#content #nav a:hover {
	color: #000;
	text-decoration: none;
	}
#content #col-right {
	float: right;
	width: 164px;
	}

/* ------------------------------------------- */
/* ---- Cadre support ------------------------ */
/* ------------------------------------------- */

#content #cadre-support {
	position: relative;
	display: block;
	width: 114px;
	height: 153px;
	margin-bottom: 10px;
	margin-top: 20px;
	}
#page #cadre-support-commande {
	position: absolute;
	right: 75px;
	top: 0px;
	width: 114px;
	height: 153px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
/* ------------------------------------------- */
/* ------------  Cadre  ---------------------- */
/* ------------------------------------------- */
#content .cadre {
	clear: right;
	display: block;
	width: 163px;
	padding: 10px 0 0;
	}
#content .cadre .top {
	float: right;
	display: block;
	width: 163px;
	height: 10px;
	line-height: 10px;
	background: url(/images/public/cadre-mini.gif) no-repeat 0 0;
	}
#content .cadre .middle {
	float: right;
	display: block;
	width: 147px;
	padding: 0 8px;
	margin: 0;
	background: url(/images/public/cadre-mini-middle.gif) repeat-y 0 0;
	}
#content .cadre .bottom {
	float: right;
	display: block;
	width: 163px;
	height: 10px;
	margin: 0;
	padding: 0;
	background: url(/images/public/cadre-mini.gif) no-repeat 0 -10px;
	}
/* ------------------------------------------- */
/* ---------------  Sous-menu  ----------------*/
/* ------------------------------------------- */

#content ul#menubar {
	margin: 0 0 45px 0px;
	}
#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/public/btn-bar4-1.jpg);
	}
#content ul#menubar li#btn-menubar-2,#content ul#menubar li#btn-menubar-2 a
	{
	background-image: url(/images/public/btn-bar4-2.jpg);
	}
#content ul#menubar li#btn-menubar-3,#content ul#menubar li#btn-menubar-3 a
	{
	background-image: url(/images/public/btn-bar4-3.jpg);
	}
#content ul#menubar li#btn-menubar-4,#content ul#menubar li#btn-menubar-4 a
	{
	background-image: url(/images/public/btn-bar4-4.jpg);
	}
#content ul#menubar li.btn,#content ul#menubar li a {
	display: block;
	width: 198px;
	height: 22px;
	background-position: 0 0;
	background-repeat: no-repeat;
	color: #fff;
	line-height: 22px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	}
#content ul#menubar li.btn,#content ul#menubar li a:hover {
	background-position: 0 -22px;
	}
#content h1 {
	padding: 44px 0 30px 70px;
	color: #c71414;
	line-height: 34px;
	font-size: 32px;
	text-transform: uppercase;
	}
#content h2 {
	clear: both;
	margin: 0 0 10px;
	padding: 30px 0 2px;
	border-bottom: 1px solid #c3c3c3;
	color: #c71414;
	font-size: 14px;
	text-transform: uppercase;
	}
#content p {
	text-align: justify;
	}
#content p a,#content li a {
	font-weight: bold;
	color: #c71414;
	}
#content p a:hover {
	text-decoration: underline;
	}
/* ------------------------------------------ */
/* ---------------   Footer   --------------- */
/* ------------------------------------------ */
#footer {
	clear: both;
	position: relative;
	margin: -76px auto 0;
	display: block;
	width: 898px;
	height: 90px;
	background: url(/images/public/page-fond.gif) repeat-y 0 0;
	}
#footer #fcontent {
	display: block;
	width: 854px;
	height: 76px;
	margin: 0 auto;
	background: url(/images/public/footer.gif) repeat-x 0 0;
	}
#footer #fcontent ul#menu1 {
	padding-top: 1px;
	}
#footer #fcontent ul#menu1 li {
	float: left;
	}
#footer #fcontent ul#menu1 li a {
	padding: 8px 20px;
	border-right: 1px solid #525252;
	color: #fff;
	height: 28px;
	line-height: 28px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
#footer #fcontent ul#menu1 li a:hover {
	background: url(/images/public/footer-btn.gif) repeat-x 0 0;
	}
#footer #fcontent ul#menu1 li.btn {
	padding: 0 20px;
	background: url(/images/public/footer-btn.gif) repeat-x 0 0;
	border-right: 1px solid #525252;
	color: #fff;
	height: 28px;
	line-height: 28px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	}
#footer #fcontent ul#menu2 {
	position: absolute;
	top: 3px;
	left: 338px;
	display: block;
	width: 483px;
	height: 23px;
	background: url(/images/public/footer-menu2-fond.gif) no-repeat 0 0;
	padding: 5px;
	}
#footer #fcontent ul#menu2 li {
	float: left;
	}
#footer #fcontent ul#menu2 li a {
	padding: 1px 24px;
	color: #747474;
	}
#footer #fcontent ul#menu2 li a:hover {
	color: #db726f;
	}
#footer #fcontent ul#menu2 li.btn {
	padding: 0px 24px;
	color: #db726f;
	}
#footer #fcontent #copyright {
	position: absolute;
	top: 40px;
	left: 32px;
	color: #9f9f9f;
	}
#footer #fcontent #logo {
	position: absolute;
	top: 35px;
	left: 350px;
	width: 500px;
	height:	50px;
	background: url(/images/public/bas_page_logo.png) no-repeat 0 0;
	}