@CHARSET "ISO-8859-1";

BODY {
  background-color: #806d4d;
  color: #fff;
  font-size: 12px;
  font-family: Arial, sans-serif;
}

IMG {
  border: 0;
}

h1{
	line-height: 24px;
	font-size: 25px;
	margin-top: 24px;
	margin-left: 10px;
}

H1 SMALL {
  font-weight: normal;
  text-transform: none;
  font-size: .8em;
}

H1 SMALL,H2 SMALL,H3 SMALL {
  font-weight: normal;
  text-transform: none;
  font-size: .8em;
}

h2 {
  margin: 0.6em 0 0.4em 0;
  color: #9e9769;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: bold;
}

h3 {
  margin: 1em 0 0.8em 0;
  color: #5b4c37;
  font-size: 1.2em;
}


h4 {
  color: #9e9769;
  border-bottom: #9e9769 1px dotted;
  font-weight: bold;
  font-size: 1em;
  text-transform: none;
}


UL {
  padding-left: 10px;
  margin-left: 10px;
}

LI {
  margin-left: 0.5em;
  padding-left: 0.5em;
}

DT {
  font-size: 1.2em;
  font-weight: bold;
  color: #5b4c37;
  margin-top: 2em;
}

PRE {
  background-color: #F0F0F0;
  color: #000;
}

P {
  margin: 8px 12px;
  padding: 4 px;
}

P.em {
  font-size: 1.4em;
  font-weight: bold;
}

P.introductory {
  font-weight: bold;
  color: #663300;
  border: 1px solid #806D4D;
  text-align: center;
  padding: 0.8em;
  text-align: left;
  margin: 6px 0;
  font-size: 1em;
}

P.introductory SMALL {
  font-weight: normal;
  color: #663300;
}

A {
  font-weight: inherit;
  text-decoration: none;
  color: #cc6633;
}

P A {
  text-decoration: underline;
}

A.em {
  font-size: 1.4em;
}

A.em SUP {
  color: #999999;
}

FORM {
  margin: 0;
}

.block INPUT[type=text],.block INPUT[type=password],.block SELECT,.block TEXTAREA {
  border: 1px solid #bcc085;
}

FIELDSET {
  margin: 16px 8px;
  border: 1px solid #bcc085;
  padding: 4px;
}

LEGEND {
  color: #9e9769;
  font-weight: bold;
  text-transform: uppercase;
}

.block LEGEND {
  color: #666;
}

LABEL {
  font-family: verdana, sans-serif;
  font-size: 0.8em;
  color: #555;
  line-height: 14px;
  white-space: nowrap;
  vertical-align: top;
}

LABEL.mandatory {
  font-weight: bold;
}

LABEL.mandatory SMALL {
  font-weight: normal;
}

SELECT,TEXTAREA,INPUT {
  padding: 1px;
  margin: 1px;
  border: 1px solid #4a3e2d;
  font-family: verdana, sans-serif;
  font-size: 10px;
}

BUTTON,INPUT[type=submit],INPUT[type=button] {
  background-color: #a2a672;
  color: #ffffff;
  border: 1px #bcc085 solid;
  font-family: verdana, sans-serif;
  font-size: 10px;
  padding: 1px 4px;
  margin: 1px;
}

BUTTON.image {
  border-width: 0;
  background-color: #ffffff;
  padding: 0
}

.clearer {
  visibility: hidden;
  clear: both
}

#wrapper {
  width: 960px;
  padding: 10px;
  margin: 0 auto;
  border-style: solid;
  border-color: #bcc085;
  border-width: 1px;
  color: #fff;
  background-color: #5b4c37;
}

#wrapper>P {
  color: #fff;
  text-align: center;
}

#header {
  width: 940px;
  background-color: #fff;
  /*
  background-image:url('images/header_bg.jpg');
  background-repeat:repeat-x;
  */
  color: #663300;
  margin: 0;
  padding: 4px 10px;
}

#header .slogan {
  display: block;
  margin: 0 0 0 30px;
  padding: 25px;
  font-size: 2.2em;
  font-weight: bold;
  text-align: center;
  margin: 0 0 0 30px;
}

#header_light {
  width: 940px;
  background-color: #fff;
  /*
  background-image: url('images/header_bg.jpg');
  background-repeat: repeat-x;
  */
  color: #663300;
  margin: 0;
  padding: 10px;
  margin: 0;
}

#header_light .slogan {
  margin: 0 0 0 10px;
  padding: 20px 20px 0 20px;
  font-size: 1.4em;
  font-weight: bold;
  text-align: left;
}

/* Logo de l'entête (header) */
.logo {
  width: 154px;
  height: 131px;
  background-image: url('images/logo154x131.gif');
  background-repeat: no-repeat;
}

.logo A {
  display: block;
  width: 154px;
  height: 131px;
  margin: 0;
  padding: 0;
}

.logo A SPAN {
  visibility: hidden;
}

.logo_light {
  width: 108px;
  height: 92px;
  background-image: url('images/logo108x92.gif');
  background-repeat: no-repeat;
}

.logo_light A {
  display: block;
  width: 108px;
  height: 92px;
  margin: 0;
  padding: 0;
}

.logo_light A SPAN {
  visibility: hidden;
}

.charte {
  width: 540px;
  height: 720px;
  background-image: url('images/charte_540x720.gif');
  border: 1px solid #5B4C37;
}

.charte_mini {
  width: 91px;
  height: 116px;
  background-image: url('images/charte_91x116.gif');
  border: 1px solid #5B4C37;
}

.charte_mini A {
  width: 91px;
  height: 116px;
  display: block;
}

.charte_mini A SPAN {
  visibility: hidden;
}

#header #charte {
  text-align: center;
  font-weight: bold;
  float: right;
  margin: 0 30px 5px 0;
}

.stripe {
  clear: both;
  background-color: #f5edda;
  background-image: url('images/stripe_bg.gif');
  background-repeat: repeat-x;
  color: #806d4d;
  margin: 0;
  width: 830px;
  padding: 20px 65px;
  /*height: 200px;*/
  font-size: 1.4em;
  background-color: #f5edda;
}

.pageEnhancedRightCol {
  float: right;
  background-color: #f5edda;
  background-image: url('images/stripe_bg.gif');
  background-repeat: repeat-x;
  background-color: #f5edda;
  color: #806d4d;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.pageEnhancedRightCol H1, .pageEnhancedRightCol P {
  margin:10px;
}

.pageEnhancedRightCol H1 {
  text-transform: none;
  color: #fd7646;
  font-size: 1.2em;
  font-weight: bold;
}

.pageEnhancedRightCol H1 SMALL {
  color: #4a3e2d;
  font-size: 0.8em;
}

.stripe H1 {
  text-transform: none;
  color: #fd7646;
  font-size: 1.2em;
  font-weight: normal;
}

.stripe H1 SMALL {
  color: #4a3e2d;
  font-size: 0.8em;
}

.stripe STRONG {
  font-weight: normal;
}

#footer {
  margin: 0;
  padding: 6px 60px 12px 60px;
  background-color: #fff;
  color: #663300;
  clear: both;
  text-align: center;
  font-size: 0.8em;
  font-family: verdana, arial, sans-serif;
}

#footer A {
  color: #9e9769;
  font-weight: bold;
}

#footer_menu {
  color: #806d4d;
  font-weight: bold;
}

.block {
  background-color: #e4e5cf;
  color: #333;
  border-width: 1px;
  border-color: #cbccb8;
  border-style: solid;
  padding: 6px 12px;
  margin: 10px 0;
}

.block SMALL {
  color: #98998a;
}

.block H1 {
  color: #333;
  margin: .6em;
  font-size: 1em;
  border-bottom: 1px solid #ffffff;
}

.alert,.error {
  color: #f64a3c;
  font-weight: bold;
}

.feedback,.warning,.notice {
  color: orange;
  font-weight: bold;
}

SMALL {
  font-size: inherit;
  color: #999;
}

.page {
  background-color: #fff;
  padding: 6px 60px;
  width: 840px;
  margin: 0;
  color: #666;
  clear: both;
}

.pageLeftCol {
  float: left;
  width: 560px;
  margin: 0;
  padding: 0;
}

.pageRightCol {
  float: right;
  width: 240px;
  margin: 0;
  padding: 0;
}

.pageRightCol H2 {
  font-size: 1em;
}

.frame {
  background-image: url('images/frame.gif');
  height: 411px;
  width: 617px;
}

.frame2 {
  background-image: url('images/frame2.gif');
  height: 351px;
}

.frame3 {
  background-image: url('images/frame3.gif');
  height: 304px;
}

.frame,.frame2,.frame3 {
  background-repeat: no-repeat;
}

.frameContent {
  color: #fff;
  /*height: 361px;*/
  width: 454px;
  padding: 20px 39px 20px 30px;
  /*overflow: hidden;*/
}

.frameContent A {
  color: #fff;
  text-decoration: underline;
}

.frameContent LABEL {
  color: #fff;
}

.frameContent TD {
  color: #fff;
}

.frameContent SMALL {
  color: #d7c29f;
}

.frameContent BIG {
  color: #ffcc66;
}

.frameContent H1 {
  color: #ffcc66;
  border-bottom: 1px solid #d7c29f;
  margin: 4px 0 12px 0;
  font-size: 1.4em;
  text-transform: none;
}

.frameContent H2 {
  color: #bcc085;
  font-size: 1em;
}

.frameContent H1 SMALL {
  color: #ffffff;
}

.frameContent HR {
  margin: 1.2em 0;
  padding: 0;
  border-top: 1px solid #d7c29f;
}

.frameContent DT {
  color: #ffcc66;
}

.step {
  font-size: 1em;
  vertical-align: middle;
  font-weight: bold;
  color: #e5b85c;
}

.test {
  background-color: #fff;
  background-image: url('images/medaillon.gif');
  background-repeat: no-repeat;
  margin: 10px;
  padding: 0;
  width: 203px;
  height: 203px;
}

.test A {
  display: block;
  margin: 0;
  padding: 0;
  width: 203px;
  height: 203px;
}

.test A SPAN {
  visibility: hidden;
}

.test_v1 {
  background-color: #fff;
  background-image: url('images/header_bg.jpg');
  background-repeat: repeat-x;
  border: 1px solid #806d4d;
  color: #663300;
  font-size: 1.4em;
  text-align: center;
  margin: 0;
  padding: 8px;
  margin: 0;
}

.test_v1 SMALL {
  font-size: 0.8em;
  color: #806d4d;
}

.browse_category {
  font-size: 0.9em;
  width: 190px;
  background: inherit;
}

.bar {
  clear: both;
  font-size: 1.1em;
  height: 25px;
  color: #d4d996;
  margin: 0 0 0 0px;
  background: #9e9769;
}

.bar li {
  margin: 0;
  padding: 4px 12px;
  color: #d4d996;
  float: left;
  list-style-image: none;
  display: block;
}

.bar li a {
  text-decoration: none;
  color: #d4d996;
}

.bar li.active {
  background: url(images/bar.gif) no-repeat center top;
  color: #fff;
}

.bar li.active A {
  color: #fff;
}

.bar li a:hover {
  color: #ffffff;
}

TABLE.seamless,TABLE.seamless TD,TABLE.seamless TH {
  background-color: transparent;
  border-width: 0;
  color: inherit;
  margin: 0;
}

TABLE TD {
  vertical-align: top;
  padding: 3px 6px;
}

TR.withbg TD {
  background-color: #f0f0f0;
}

CAPTION {
  text-align: right;
  padding: 6px 0;
}

TABLE {
  border: 1px #9e9769 solid;
  margin: 20px;
  background-color: #fff;
  color: #333;
}

TABLE TD,TABLE TH {
  padding: 3px 6px;
}

TABLE THEAD TH {
  background-color: #bcc085;
  color: #fff;
  font-weight: normal;
}

TABLE THEAD TH A {
  color: #fff;
  font-weight: normal;
}

TABLE THEAD TH A:hover {
  text-decoration: underline;
}

TABLE TFOOT TD {
  background-color: #e4e5cf;
  color: #333;
  border-width: 1px 0 0 0;
  border-color: #cbccb8;
  border-style: solid;
}

TABLE TFOOT TD SMALL {
  color: #666;
  font-size: 0.8em;
}

a.special-link:hover {
  background-position: -300px 0;
  cursor: pointer;
  text-decoration: none;
}

a.special-link {
  background: transparent url(images/special-link.png) no-repeat scroll 0 0;
  color: #4a3e2d;
  display: block;
  height: 50px;
  width: 225px;
  padding: 15px 15px 15px 60px;
  text-align: left;
}

.reference { /*height: 92px;*/
  border-style: dotted;
  border-color: #9e9769;
  padding: 10px 20px;
  background-repeat: no-repeat;
  margin: 10px 0;
}

#couletShout {
  min-height: 91px;
  background-image: url(images/witness_02_128x107.gif);
  background-position: bottom right;
  padding-right: 130px;
  border-width: 0 1px 1px 0;
}

#magreShout {
  min-height: 87px;
  background-image: url(images/witness_01_128x111.gif);
  background-position: bottom right;
  padding-right: 130px;
  border-width: 0 1px 1px 0;
}

#raphaelleShout {
  min-height: 87px;
  background-image: url(images/witness_03_128x111.gif);
  background-position: bottom right;
  padding-right: 130px;
  border-width: 0 1px 1px 0;
}

#load-gif {
	height: 32px;
	width: 32px;
	background-image: url('images/large-loading.gif');
}

.absolute-pnl{
	width: 263px;
	height: 74px;
	z-index: 1;
	position: absolute;
	background-color: gray;
	opacity:0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
}