A
{
     COLOR:              #FFFFFF;
     TEXT-DECORATION:    underline;
}
A:visited
{
     FONT-WEIGHT:        normal;
}
DIV[id=body] A
{
     BORDER-BOTTOM-STYLE: dotted;
     BORDER-BOTTOM-WIDTH: 1px;
     BORDER-BOTTOM-COLOR: #FFFFFF;
     TEXT-DECORATION:     none;
}
TD A
{
     COLOR:              #B62814;
}
DIV[id=body] TD A
{
     BORDER-BOTTOM-COLOR: #B62814;
}

A:active, A:focus, A:hover
{
     BACKGROUND-COLOR:   #f9f9d6; /* jaune clair */
     COLOR:              #B62814; /* rouge fonce */
     TEXT-DECORATION:    underline;
}
DIV[id=body] A:active, DIV[id=body] A:focus, DIV[id=body] A:hover
{
     BORDER-BOTTOM-STYLE: dotted;
     BORDER-BOTTOM-WIDTH: 1px;
     BORDER-BOTTOM-COLOR: gray;
     TEXT-DECORATION:    	none;
}

BODY
{
     BACKGROUND-COLOR:   #f9f9d6;
     COLOR:              black;
     FONT-FAMILY:        Tahoma, Verdana, Arial, sans-serif;
     FONT-SIZE:          medium;
     MARGIN:             0px;
     PADDING:            0px;
}

#content {
     BACKGROUND-COLOR:   #B5BB7D; /* vert olive */
     COLOR:              black;
     LEFT:               23%;                              /* menu width */
     PADDING:            5px;
     PADDING-BOTTOM:     0px;
     POSITION:           absolute;
     TOP:                137px;                            /* header height + header padding */
     WIDTH:              76%;                              /* width + left = 99% */
}

#email-content {
     BACKGROUND-COLOR:   #B5BB7D; /* vert olive */
     COLOR:              black;
     PADDING:            5px;
     PADDING-BOTTOM:     0px;
}

H2.header
{
     MARGIN-TOP:         12px;
}

DL DT, H2
{
     COLOR:              #B62814; /* rouge fonce */
     FONT-SIZE: 		 medium;
     FONT-WEIGHT:        bold;
     MARGIN:             0px;
     PADDING:            0px;
     PADDING-BOTTOM:     8px;
     PADDING-LEFT:       8px;
}

DL DD, .dd {
     FONT-WEIGHT:        normal;
	 MARGIN-LEFT:		 6pt;
}

.element {
     PADDING-BOTTOM:     5px;
     PADDING-TOP:        5px;
}

#footer
{
     BACKGROUND-COLOR:   #B62814; /* rouge fonce */
     COLOR:              white;
     FONT-SIZE:          small;
     TEXT-ALIGN:         left;
     MARGIN:             -5px;
     MARGIN-TOP:         15px;
     PADDING:            10px;
}
#footer A
{
     TEXT-DECORATION:    underline;
}
DIV[id=body] #footer A
{
     BORDER-BOTTOM-STYLE: dotted;
     BORDER-BOTTOM-WIDTH: 1px;
     BORDER-BOTTOM-COLOR: #cccccc;
     TEXT-DECORATION:    none;
}
#menu A, #footer A
{
     FONT-WEIGHT:        normal;
}
#footer A:active, #footer A:focus, #footer A:hover
{
     BACKGROUND-COLOR:   #f9f9d6; /* jaune clair */
     COLOR:              #B62814; /* rouge fonce */
}

#header
{
     BACKGROUND:         #f9f9d6 url("fleuredt.png") no-repeat 10px 10px;
     COLOR:              #537E53; /* vert logo */
     FONT-SIZE:          small;
     HEIGHT:             132px;
     MARGIN:             0px;
     PADDING:            0px;
     PADDING-TOP:        5px;
     PADDING-LEFT:       23%;
}
#header #title
{
     FONT-SIZE:          x-large;
     FONT-STYLE:         oblique;
}
#header #subtitle
{
     PADDING-LEFT:            10px;
}

.hide
{
     DISPLAY:            none;
}

.insist
{
     BORDER:             1px dashed #B62814; /* rouge fonce */
     FONT-WEIGHT:        bold;
     MARGIN:             10px;
     MARGIN-LEFT:        10%;
     MARGIN-RIGHT:       10%;
     PADDING:            15px;
     TEXT-ALIGN:         center;
	 LINE-HEIGHT: 		 130%;

     BACKGROUND-COLOR:   	#D9DDA9; /* vert olive */
	 BACKGROUND-IMAGE: 		url(./s_warn.png);
	 BACKGROUND-REPEAT: 	no-repeat;
	 BACKGROUND-POSITION: 	8px center;
}
.indent
{
     MARGIN:             10px;
     MARGIN-LEFT:        10%;
     PADDING:            10px;
	 LINE-HEIGHT: 		 120%;
	 FONT-SIZE:			 smaller;
	 BORDER-LEFT:		 2px solid #537E53;
}
.normal-indent
{
     MARGIN:             10px;
     MARGIN-LEFT:        10%;
     PADDING:            10px;
	 LINE-HEIGHT: 		 120%;
	 BORDER-LEFT:		 2px solid #537E53;
}
.mail {
     BACKGROUND:         transparent url(mailw.gif) no-repeat top right;
     PADDING-LEFT:       1px;
     PADDING-RIGHT:      14px;
}
.mail:hover {
     BACKGROUND:         #f9f9d6 url(mailr.gif) no-repeat top right;
}

#menu
{
     BACKGROUND-COLOR:   #537E53; /* vert fonce */
     COLOR:              #f9f9d6;
     LEFT:               0px;
     MARGIN-TOP:         0px;
     PADDING-BOTTOM:     15px;
     POSITION:           absolute;
     TOP:                137px;
     WIDTH:              23%;
}
.menugroup
{
     FONT-WEIGHT:          bold;
     COLOR:                #FAC46C; /* orange */
     MARGIN-BOTTOM:        0px;
     PADDING-BOTTOM:       0px;
     PADDING-LEFT:         15px;
     PADDING-RIGHT:        15px;
     PADDING-TOP:          10px;
     TEXT-DECORATION:      none;
}
.menuitem
{
     LIST-STYLE-TYPE:      none;
     MARGIN-LEFT:          -15px;
     PADDING-TOP:          3px;
     PADDING-BOTTOM:       3px;
     PADDING-LEFT:         10px;
     PADDING-RIGHT:        24px;
}

DIV[id=body] .menuitem A {
     BORDER-BOTTOM-STYLE: dotted;
     BORDER-BOTTOM-WIDTH: 1px;
     BORDER-BOTTOM-COLOR: #cccccc;
     TEXT-DECORATION:     none;
}

IMG.picture
{
     BORDER:               2px solid black;
     FLOAT:                none;
     MARGIN:               3px;
}
IMG.picture-simple
{
     FLOAT:                none;
}
.graph-container
{
    MARGIN-LEFT:               	2px;
    MARGIN-TOP:               	12px;
    MARGIN-BOTTOM:			12px;
}
.picture-left, .picture-right
{
     BACKGROUND-COLOR:     #f7f7e8; /* jaune plus clair */
     MARGIN:               8px;
     PADDING:              3px;
}
.picture-left
{
     FLOAT:                left;
}
.picture-right
{
     FLOAT:                right;
}
IMG.image-layout {
	padding:				13px;
}
IMG.picture-noborder
{
    PADDING: 				5px;
    VERTICAL-ALIGN: 		top;
    BORDER-COLOR: 			#B5BB7D;
}
IMG.baseline
{
    VERTICAL-ALIGN: 		middle;
}
.image-right {
 	FLOAT:					right;
}
.image-left {
 	FLOAT:					left;
}

A.image
{
     COLOR:             	#B62814; /* rouge fonce */
     BORDER-BOTTOM-COLOR: 	#B62814;
     BACKGROUND-COLOR:   	#B5BB7D; /* vert fonce */
}
A.image:hover, A.image:active, A.image:focus
{
     BACKGROUND-COLOR:   	#f9f9d6; /* jaune clair */
}

.reference
{
     FONT-SIZE:            smaller;
     FONT-STYLE:           italic;
     PADDING-RIGHT:        6px;
     TEXT-ALIGN:           right;
}

TABLE
{
	BORDER-SPACING:	2px;
}
TABLE TR TH
{
     BORDER-BOTTOM:        2px solid #B62814; /* rouge fonce */
     PADDING-TOP:          10px;
     VERTICAL-ALIGN:		bottom;
}
TABLE TR TD
{
     BACKGROUND-COLOR: #D9DDA9; /* vert olive clair */
     /*MARGIN: 5px;*/
     PADDING-BOTTOM:       6px;
     PADDING-LEFT:         6px;
     PADDING-RIGHT:        6px;
     PADDING-TOP:          4px;
     VERTICAL-ALIGN:	top;
}

.title
{
     BACKGROUND-COLOR:   #FAC46C; /* orange */
     BORDER-TOP:         6px solid #B62814; /* rouge fonce */
     COLOR:              black;
     FONT-SIZE:          medium;
     FONT-WEIGHT:        bold;
     MARGIN-BOTTOM:      5px;
     MARGIN-LEFT:        -5px;
     MARGIN-RIGHT:       -5px;
     MARGIN-TOP:         -5px;
     PADDING:            5px;
     PADDING-TOP:        9px;
}
.menuitem .current-uid
{
	COLOR:				#f9f9d6; /* jaune clair */
	TEXT-DECORATION: 	none;
    FONT-WEIGHT:        bold;
    PADDING-RIGHT:      4px;
}
.strong
{
    FONT-WEIGHT: 		bold;
}
.buttons
{
     MARGIN-TOP:         12px;
     MARGIN-LEFT:        2px;
}
.buttons INPUT
{
     MARGIN-BOTTOM:      3px;
}
.etiquette {
     MARGIN-TOP:         12px;
     MARGIN-BOTTOM:      12px;
     PADDING:         	 12px;
     BACKGROUND-COLOR:   #f9f9d6; /* jaune clair */
     BORDER:             2px solid #000;
     WIDTH:              45%;
}
.center {
	 TEXT-ALIGN:		center;
}
.stronglistitem
{
    FONT-WEIGHT: 		bold;
    BACKGROUND-COLOR:   #f9f9d6; /* jaune clair */
}
.table-layout-33 {
	 WIDTH:				33%;
}
.table-layout-20 {
	 WIDTH:				20%;
}
.table-layout-40 {
	 WIDTH:				40%;
}
.table-layout-66 {
	 WIDTH:				66%;
}
.table-layout-80 {
	 WIDTH:				80%;
}
.bloc-query {
     FONT-WEIGHT:        normal;
	 LINE-HEIGHT: 		 170%;
	 /*MARGIN-LEFT:		 6pt;*/
	 MARGIN-BOTTOM:		 6pt;
     PADDING-TOP:		 8pt;
     PADDING-BOTTOM:	 8pt;
     PADDING-LEFT:		 6pt;
     PADDING-RIGHT:		 6pt;
     /*BORDER:         	 2px solid #f9f9d6;*/
}
.top-padding
{
     PADDING-TOP:         8px;
}
TABLE.body-layout
{
     WIDTH:				 100%;
     BACKGROUND-COLOR:   #B5BB7D; /* vert olive */
     /*
     BORDER:         	 2px solid #f9f9d6;
     MARGIN-BOTTOM:	 		8pt;
     */
}
.body-layout TR TD
{
     BACKGROUND-COLOR:   #B5BB7D; /* vert olive */
}
.body-layout-cell
{
     FONT-WEIGHT:        normal;
	 LINE-HEIGHT: 		 170%;
}
.message
{
     MARGIN-TOP:		2px;
     MARGIN-LEFT:		2px;
     PADDING-LEFT:      12px;
     PADDING-TOP:       4px;
     PADDING-BOTTOM:    6px;
     FONT-WEIGHT: 		bold;
     BORDER:         	1px solid #f9f9d6;
}
.mandatory-field
{
     BACKGROUND-COLOR:  #f9f9d6;
     BORDER:         	1px solid #000;
}
.error-field, .mandatory-field-marker, .field-value-marker
{
     FONT-WEIGHT: 		bold;
}
#search
{
     TEXT-ALIGN:        right;
     PADDING-BOTTOM:	10px;
     PADDING-RIGHT:	 	8px;
}
.google-search IMG
{
     PADDING-TOP:		0px;
     BORDER:         	0px solid;
}
.inline
{
	DISPLAY:				inline;
}
.code, .history-value
{
    FONT-SIZE: 				small;
    FONT-FAMILY:			monospace;
    COLOR: 					black;
    MARGIN-TOP:				12pt;
    MARGIN-BOTTOM:			6pt;
    PADDING:				3pt;
    PADDING-LEFT:			6pt;
	BACKGROUND-COLOR: 		#fff;
	BORDER-COLOR: 			#CFDCED;
	BORDER-WIDTH: 			1px 1px 1px 4px;
	BORDER-STYLE:			solid;
    VERTICAL-ALIGN:			top;
}
div#log
{
	HEIGHT: 				325px;
	OVERFLOW:				auto;
}
.legend
{
    FONT-SIZE: 				x-small;
    MARGIN:					0px 3px;
}
.book-name {
	 TEXT-ALIGN:			center;
     FONT-STYLE:            italic;
     MARGIN-TOP:			9pt;
     MARGIN-BOTTOM:			3pt;
}

.numeric
{
	TEXT-ALIGN:				right;
}
.numeric-sum
{
	TEXT-ALIGN:				right;
    BORDER:         		1px solid #B62814;
}
.numeric-sum-sum
{
	TEXT-ALIGN:				right;
    FONT-WEIGHT: 			bold;
    BORDER:         		1px solid #B62814;
}

* html .text, .textBold { FONT-SIZE: 95%; }
* html .code { FONT-SIZE: 60%; }
* html .title, .head { FONT-SIZE: 100%; }

/* script.aculo.us library */
div.auto_complete {
  position:absolute;
  /*width:350px;*/
  background-color:#f9f9d6;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  width:135%;
}
ul.ajax-hits  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
ul.ajax-hits li.selected {
	background-color: #D9DDA9;
	}
li.ajax-hit {
  font-size:12px;
  font-weight:bold;
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:30px;
}
li.ajax-hit div.image {
  float:left;
  width:32px;
  height:32px;
  margin-right:8px;
}
li.ajax-hit div.name {
  font-size:10px;
  font-weight:bold;
  line-height:1.2em;
}
li.ajax-hit div.email {
  font-size:10px;
  font-weight:normal;
  color:#888;
}
li.ajax-hit span.informal {
  font-size:11px;
  font-weight:normal;
  color:black; /*#888;*/
}
#ajax-list {
  margin:0;
  margin-top:1px;
  padding:0;
  list-style-type: none;
  width:250px;
}
#ajax-list li {
  margin:0;
  padding:1px;
  border:1px solid #888;
  cursor:move;
}

/* Yahoo library */
.ysearchautocomplete
{
	POSITION:		relative;
	DISPLAY:		inline;
	LINE-HEIGHT:	110%;
	Z-INDEX:		1;
}
#villeContainer
{
	POSITION:	absolute;
	DISPLAY:	inline;
	WIDTH:		135%;
}
#nomContainer
{
	POSITION:	absolute;
	DISPLAY:	inline;
	WIDTH:		200%;
}
#prenomContainer
{
	POSITION:	absolute;
	DISPLAY:	inline;
	WIDTH:		200%;
}
#villeContainer .yui-ac-content, #nomContainer .yui-ac-content, #prenomContainer .yui-ac-content {
    FONT-SIZE:	small;
	BORDER:		1px solid #404040;
	BACKGROUND:	#fff;
	OVERFLOW:	hidden;
	Z-INDEX:	9050;
}
#villeContainer .ysearchquery, #nomContainer .ysearchquery, #prenomContainer .ysearchquery {
	COLOR:		#808080;
	Z-INDEX:	10;
}
#villeContainer ul, #nomContainer ul, #prenomContainer ul
{
	PADDING:	1px 0;
	WIDTH:		100%;
}
#villeContainer li, #nomContainer li, #prenomContainer li
{
	PADDING:		0 5px;
	CURSOR:			default;
	WHITE-SPACE:	nowrap;
}
li.yui-ac-highlight
{
	BACKGROUND:	#a0a0a0;
}

.connected {
     FONT-WEIGHT:        bold;
}