html, body { margin: 0; padding: 0; border: 0; }

body {
	color: #000; 
	background: #CC0000;
	font: normal normal 9pt "Trebuchet MS", arial, helvetica, sans-serif;
	text-align: center;
	margin: 30px 0;
}

p  { margin: 6px 0; padding: 0 6px; }

code { border-left: 3px solid #ccc; padding-left: 4px; }

img { border: 0; }

/*h2 {
font-size: 1.4em; 
text-align: center; 
padding: 10px 0; 
margin: 0; 
border: 3px solid #a8b9da; 
border-color: #cde #89a #789 #bccdef;
background: #abd;
}*/

h3 {font-size: 1.1em; }

.clear { clear: both; }

a { text-decoration: underline; color: #CC0000; }
a:hover {text-decoration: none; }

hr { margin: 0 0 0 5px; padding: 0; border: 0; width: 98%; background-color: #666; color: #666; display: block; height: 1px; }

.alignright { margin-top: 0; text-align: right; clear: both; }
.aligncenter { text-align: center; }
.aligntoright { text-align: right; }
.alignmiddle { vertical-align: middle; }
.aligntop { vertical-align: top; }

.bold { font-weight: bold; }

.error { font-weight: bold; color: #ff0000 !important; }

.red { color: #ff0000 !important; }

.underline { text-decoration: underline; }

.italic { font-style: italic; }

.tips { background: url("../img/tips.gif") no-repeat left 2px; padding-left: 30px; color: blue; }

.tipClass { text-align: left; }

h5.titleleft {
	font-size: 9pt;
	text-transform: uppercase;
	position: relative;
	float: left;
	width: 122px;
	text-align: right;
	margin-left: -135px;
	margin-top: 5px;
	background: url("../common/square_red.gif") no-repeat right 5px;
	padding-right: 10px;
}
/** html h5.titleleft {height: 1%; left: 0px;  margin-left: -130px; top: 20px; margin-top: 0px; }  for IE/Win */
*>html h5.titleleft {he\ight: auto; left: 0px;  marg\in-left: -130px; t\op: 0px; marg\in-top: 5px; } /* for IE5/Mac */

/* Patch FCKEditor */
p.titleleft {
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	position: relative;
	float: left;
	width: 122px;
	text-align: right;
	margin-left: -135px;
	margin-top: 5px;
	background: url("../common/square_red.gif") no-repeat right 5px;
	padding-right: 10px;
}
/** html p.titleleft {height: 1%; left: 0px;  margin-left: -130px; top: 20px; margin-top: 0px; }  for IE/Win */
*>html p.titleleft {he\ight: auto; left: 0px;  marg\in-left: -130px; t\op: 0px; marg\in-top: 5px; } /* for IE5/Mac */


/* photos d'illustration */
.history { position: relative; float: right; margin-right: -145px; border: 1px solid #A09372; padding: 5px; }
.evolution { position: relative; float: right; margin-right: -145px; border: 1px solid #A09372; padding: 5px; }
.coatofarms { position: relative; float: right; margin-right: -145px; border: 1px solid #A09372; padding: 5px; }
.champagne { position: relative; float: right; margin-right: -155px; border: 1px solid #A09372; padding: 3px; }
/* Generic class for right column vignettes */
.rightvignettes { position: relative; float: right; margin-right: -155px; border: 1px solid #A09372; padding: 3px; }

/* Generic class for right column vignettes avec légende */
div.rightvignettes_legend {
	margin: 0;
	padding: 0;
	position: relative;
	float: right;
	margin-right: -155px;
	/*border: 1px solid #A09372;
	padding: 3px;*/
	text-align: center;
	font-size: .9em;
	width: 128px;
	text-align: center;
}
.rightvignettes_legend img { border: 1px solid #A09372; padding: 3px; }

.omg_seal { position: relative; float: right; margin-right: -155px; /*border: 1px solid #A09372;*/ padding: 3px; }


.floatleft { float: left; margin-left:0px; }
/* Ajouter des hacks pour positionner la puce différemment selon Moz et IE */

/* Table du calendrier */
.calitem { overflow: visible; width: 630px; margin: 0; padding: 5px 0 3px 0; border-top: 1px solid #999; }
.calitemleft { vertical-align: top; width: 160px; border: 0; margin: 0; padding: 0 0 0 12px; font-weight: bold; font-size: 1.1em; color:#CC0001; background: url("../common/square_red.gif") no-repeat left 5px; }
.calitemcenter { vertical-align: top; margin-left: 0px; width: 240px; border: 0; margin: 0; padding:0; }
.calitemcenter strong { font-size: 1.1em; }
.calitemright { vertical-align: top; /*margin-left: 0px;*/ width: 230px; border: 0; margin: 0; padding:0 0 0 10px; }

.calitemright a { text-decoration: underline; color: #CC0000; /*border-bottom: 1px solid #CC0000; color: #000; font-weight: bold;*/ }
.calitemright a:hover { color: #CC0000; text-decoration: none; /*border-bottom: 1px solid #CC0000; color: #CC0000;*/  }

.greybg { background-color: #F5F5F5; }

/* Table des bailliages */
.bailliageitem { padding-top: 10px; width: 488px; margin: 0; border-top: 1px solid #ddd; }
.bailliageitemleft { vertical-align: top; width: 75px; border: 0; margin: 0; }
.bailliageitemcenter { vertical-align: top; margin-left: 0px; width: 145px; border: 0; margin: 0; }
.bailliagecountry { vertical-align: top; margin-left: 0px; width: 385px; border: 0; margin: 0; }
.bailliagecountry strong { font-size: 1.1em; }
.bailliageitemright { vertical-align: top; margin-left: 0px; width: 240px; border: 0; margin: 0; }

/* Table des links */
.linkitem { margin-top: 10px; margin-left: 3px; }
.linkitemleft { vertical-align: top; width: 130px; border: 0; margin: 0; }
.linkitemright { vertical-align: top; margin-left: 0px; width: 300px; border: 0; margin: 0; }
.linkspan { border-bottom: 1px solid #CC0000; }
.linkspan a { text-decoration: none; color: #000000; font-weight: bold; }
.linkspan a:hover { text-decoration: none; color: #CC0000; }

/* Table des news */
.newsitem { width: 465px; margin: 15px 0 0 6px; border: 0px; padding: 0px; border-collapse: collapse; font-size: 1.1em; }
.newsitemtitle { vertical-align: top; width: 465px; margin: 0; border-top: 1px solid #E67893; }
.newsitemleft { vertical-align: top; width: 270px; margin: 0px; border: 0px; padding: 0px; font-weight: bold; }
.newsitemright { vertical-align: top; width: 200px; margin: 0px; border: 0px; padding: 0px; }
.odd { background: #ffffff; border-bottom: 1px solid #E67893; }
.even { background: #E5E5E5; border-bottom: 1px solid #E67893; }
.newslinkspan { border-bottom: none; }
.newslinkspan a { text-decoration: none; /*color: #000000; font-weight: bold;*/ }
.newslinkspan a:hover { /*text-decoration: none;*/ color: #F96E6E; }

/* Table des contacts */
.contactitem { padding-top: 10px; width: 475px; margin: 0; border-top: 1px solid #ddd; }
.contactitem td {padding: 2px; }
.contactitemleft { vertical-align: top; width: 80px; border: 0; margin: 0; }
.contactitemright { vertical-align: top; margin-left: 0px; width: 395px; border: 0; margin: 0; }

/* Page de promotion */
.promoitem { padding-top: 10px; padding-bottom: 10px; width: 645px; margin: 0; border-top: 1px solid #ddd; }
.promoitem p { width: 445px; }
.promoitem ul { margin-top: 0; margin-bottom: 0; }
.promotitle { font-size: 11pt; color: #CC0000; font-weight: bold;}
.promoimage { position: relative; float: right; right: 0; }
.promolinkspan { border-bottom: 1px solid #CC0000; }
.promolinkspan a { text-decoration: none; color: #000000; font-weight: bold; }
.promolinkspan a:hover { text-decoration: none; color: #CC0000; }

/* Listes des membres des conseils */
.conseil ul { }
.conseil li { margin-bottom: 10px; list-style: none; }

/* Table des gagnants JCR */
.jcr_winners {
	width: 100%;
	border-top: 1px solid #EC7998;
	border-bottom: 1px solid #EC7998;
	border-collapse: collapse;
	text-align: center;
}
.jcr_winners th { text-transform: uppercase; }
.jcr_winners td { border-top: 1px solid #EC7998; border-bottom: 1px solid #EC7998; }

/* Marketing - téléchargement */
.download img { border: 0; }
.download a {	text-decoration: none; text-transform: uppercase; color: #000; font-weight: bold; }
.download a:hover { color: #CC0000; }

/* Directory Search Engine */
#search_form { margin: 15px 0 20px 6px; width: 470px; } /* display: none; */
#search_form h2 { font-size: 10pt; margin: 4px 0 2px 6px; }
#search_form input { font: normal 9pt arial, helvetica, sans-serif; }
#search_form .field {
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #E5E5E5;
	border-bottom: 1px solid #E5E5E5; 
}
#search_form .submit {
	font-weight: bold;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #E5E5E5;
}
#search_form .reset {
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #E5E5E5;
}
#search_form_1 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_form_2 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_form_3 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_form_4 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_form_5 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_form_6 { margin-top: 10px; margin-bottom: 15px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }

#search_result { margin: 15px 0 20px 6px; width: 470px; }
#search_result h2 { font-size: 10pt; margin: 4px 0 2px 6px; }
#search_result_1 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_result_2 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_result_3 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_result_4 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#search_result table { width: 100%; /*margin: 5px;*/ }
#search_result td.leftcolumn { width: 55%; padding-left: 5px; }
#search_result td.rightcolumn { width: 45%; font-weight: bold; }
#search_result td.spanedcolumn { width: 100%; padding-left: 5px; }

.photopro { border: 1px solid #A09372; padding: 3px; margin: 102px 0 0 0; }
#search_result .establishment { border: 1px solid #A09372; padding: 3px; background: #fff; }

div.row {
	clear: both;
	height: 15px;
	font-size: 18px;
	margin: 10px 10px 0 0;
}

.col1 { float: left; width: 170px; text-align: right; } 
.col2 { float: right; width: 110px; text-align: left; } 

.table_dir_result {
	width: 100%;
	/*border-top: 1px solid #EC7998;
	border-bottom: 1px solid #EC7998;*/
	border-collapse: collapse;
	
}
.table_dir_result th { text-align: center; text-transform: uppercase; cursor: help; background-color: #F5F5F5; }
.table_dir_result td { text-align: left; border-top: 1px solid #EC7998; border-bottom: 1px solid #EC7998; border-collapse: collapse; }

/* Members Area - ***NON PRO*** Profil */
#member_form { margin: 15px 0 20px 6px; width: 470px; }
#member_form_1 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #F0E0D1; }
#member_form_2 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #F0E0D1; }
#member_form_3 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #F0E0D1; }
#member_form_4 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #F0E0D1; }
#member_form_5 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #F0E0D1; }
#member_form select, option { font: normal 9pt arial, helvetica, sans-serif; }
#member_form input { font: normal 9pt arial, helvetica, sans-serif; }
#member_form .field { font: normal 9pt arial, helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0E0D1; border-bottom: 1px solid #F0E0D1; }
#member_form table { width: 100%; }
#member_form th { color: #CC0000; text-transform: uppercase; padding-left: 5px; }
#member_form td.leftcolumn { width: 232px/*45%*/; padding-left: 5px; }
#member_form td.rightcolumn { width: 233px/*55%*/; }
#member_form td.spanedcolumn { width: 100%; padding-left: 5px; }
#member_form td.alignbottom { vertical-align: bottom; }
#member_form td.aligntop { vertical-align: top; }
#member_form img.photo { border: 1px solid #A09372; padding: 3px; margin: 102px 0 0 0; }
#member_form .submit { font-weight: bold; border-top: 1px solid #F0E0D1; border-left: 1px solid #F0E0D1; border-right: 1px solid #8F6640; border-bottom: 1px solid #8F6640; background-color: #F0E0D1; }
#member_form .reset { border-top: 1px solid #F0E0D1; border-left: 1px solid #F0E0D1; border-right: 1px solid #8F6640; border-bottom: 1px solid #8F6640; background-color: #F0E0D1; }
#member_form hr { padding: 0; margin: 0; border: 0; width: 100%; background-color: #666; color: #666; display: block; height: 1px; }

/* Members Area - ***PRO*** Profil */
#member_pro_form { margin: 15px 0 20px 6px; width: 470px; }
#member_pro_form_1 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form_2 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form_3 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form_4 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form_5 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form_6 { margin-top: 10px; padding-bottom: 5px; width: 100%; background-color: #E5E5E5; }
#member_pro_form select, option { font: normal 9pt arial, helvetica, sans-serif; }
#member_pro_form input { font: normal 9pt arial, helvetica, sans-serif; }
#member_pro_form .field { font: normal 9pt arial, helvetica, sans-serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #F0E0D1; border-bottom: 1px solid #F0E0D1; }
#member_pro_form table { width: 100%; }
#member_pro_form th { color: #CC0000; text-transform: uppercase; padding-left: 5px; }
#member_pro_form td.leftcolumn { width: 232px/*45%*/; padding-left: 5px; }
#member_pro_form td.rightcolumn { width: 233px/*55%*/; }
#member_pro_form td.spanedcolumn { width: 100%; padding-left: 5px; }
#member_pro_form td.alignbottom { vertical-align: bottom; }
#member_pro_form td.aligntop { vertical-align: top; }
#member_pro_form img.photo { border: 1px solid #A09372; padding: 3px; margin: 102px 0 0 0; }
#member_pro_form .submit { font-weight: bold; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #E5E5E5; }
#member_pro_form .reset { border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #E5E5E5; }
#member_form_pro hr { padding: 0; margin: 0; border: 0; width: 100%; background-color: #666; color: #666; display: block; height: 1px; }

/* Change your password page */
#setpassword input, select { font: normal 9pt arial, helvetica, sans-serif; }
#setpassword .field { border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; border-bottom: 1px solid #999; }
#setpassword .submit { font-weight: bold; border-top: 1px solid #E5E5E5; border-left: 1px solid #E5E5E5; border-right: 1px solid #999; border-bottom: 1px solid #999; background-color: #E5E5E5; }

.bodyphoto { border: 1px solid #A09372; padding: 3px; }

.small {font-size: .9em;}

.tools_img { float: left; }

.wide {
	background: #fff;    /* header and footer colours */
	width: 100%;
	/*font-size: 1.6em;
	font-weight: bold;
	color: #ffa;
	text-align: center;*/
}

.wide p { margin: 0; padding: 5px; position: relative; }

.top { border-bottom: 2px solid #01009A; }

/*.top a {position: absolute; right: 20px; text-align: right; font-weight: bold; font-size: .7em; color: #fff;}*/

.bottom { position: relative; }
/*
.bottom p { margin-top: 10px; font-size: 7.5pt; color: #CC0000; }
.bottom a { text-decoration: underline; color: #CC0000; }
.bottom a:hover { text-decoration: none; }
*/

/* Footer */
#footer { border-top: 1px solid #fff; position: relative; background:url("../common/bg_footer.jpg") no-repeat top center; }
#footer p { margin-top: 10px; /*margin-left: 130px;*/ font-size: 7.5pt; color: #CC0000; }
#footer a { text-decoration: underline; color: #CC0000; }
#footer a:hover { text-decoration: none; }
#footer a.nolink { text-decoration: none; }
#footer a:hover.nolink {text-decoration: underline; }

.testfloat { width: 50px; border: 2px solid #f90; background: #ffd; font-size: .7em; }

.to-right { float: right; }

.to-left { float: left; }

.ap-test {
	position: absolute; 
	top: -102px; 
	font-size: .6em; 
	width: 130px; 
	height: 100px; 
	border-top: 1px solid #000; 
	background: #5b5; 
	color: yellow;
}

/* \*/
* html .ap-test {
top: -101px; 
t\op: -102px; 
}
/* */

.ap-left {left: 0;}

.ap-right {right: 0;}

/*XXXXXXXXXXXXXXXXX Primary layout rules XXXXXXXXXXXXXXXX*/

/******************************************************************************** 
To adjust the side col widths, or the vertical col dividers, a certain set of values must be changed
all at the same time and by exact amounts or problems will result. Each of these group's member values
have been marked off with comments that start with "Critical...". For example, if the left col width needs
to be changed then all the values marked "Critical left col dimension value" MUST have their pixel values
altered by the same amount. Certain of these left col width values are marked "(moves inversly)", and 
these get changed by the same pixel amount but inversly to the other values. So if margin-left on .outer
is increased by 10px, then the width of .outer must decrease by 10px, and so on.

To change the width of the entire layout, .wrapper, .outer, .float-wrap, and .center all get changed together,
and only after that is it safe to change col or divider widths. Remember, even one small mistake will degrade or 
even break the layout, so be very careful! it's possible to "loosen" the layout so small errors aren't so messy,
but then it becomes hard to finely control text spacing. 

For spacing within the cols, it's best to apply margins on content elements inserted into the cols, 
because padding directly on those col elements will change their widths, breaking the layout. 

Certain hiding hacks have been used extensively in this layout, so here is a quick explaination of them.

The Tan hack:

* html .anyelement {rules read only by IE/Win and IE/Mac}

The Mac-hack:  (first the active comment you are reading now must be closed...) */

/* \*/

/* */

/*...Back in comment mode now. Anything between those two comment lines will be hidden from 
IE/Mac. Don't use any comments within this hack or it will close prematurely and IE/Mac will begin 
reading before it should.

The above two hacks are combined so as to feed rules only to IE/Win. Proper use of backslash escape 
characters inside property names used in the Holly hack can further segregate rules to be read by only 
IE6 from rules for IE5.x/Win. 

These hiding hacks, along with several other fixes, make possible this formerly impossible layout.
It is highly unlikely that new browsers will have any problem with these valid hiding hacks, and 
Microsoft does not plan any browser changes soon that would alter the proper operation of the layout.
********************************************************************************/


.wrapper {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	/*background: url(images/pr-background.jpg) repeat-y;*/
	background: #fff;
	border: 1px solid #fff;
}

* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 782px;
	wid\th: 780px;
}

.outer {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	margin-left: 130px;    /*** Critical left col dimension value ***/
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	border-left: 1px solid white;   /*** Critical left divider dimension value ***/
	border-right: 1px solid white;   /*** Critical right divider dimension value ***/
}

* html .outer {   /*** IE5.x/win box model fix ***/
	width: 490px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	wid\th: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}

.float-wrap {
	float: left;
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-right: -1px;   /*** Static fix ***/
}

.center {
	float: right;
	width: 488px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-bottom: -1px;   /*** Fixes a variance in IE/win for the green AP bottom boxes ***/
	/* \*/
	margin-left: -1px; 
	/* Hidden from IE-mac */
}


.left {
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 132px;    /*** Critical left col/divider dimension value ***/
	margin-left: -131px;    /*** Critical left col/divider dimension value ***/
	height: 100%;
}

* html .left {
	float:left;
}

*>html .left { width:131px; }   /*** Fix only for IE/Mac ***/

.container-left {
	width: 130px;    /*** Critical left col dimension value ***/
	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/ 
}

.right {
	float: left; 
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	width: 162px;    /*** Critical right col/divider dimension value ***/
	margin-right: -160px;    /*** Critical right col/divider dimension value ***/
	margin-left: -1px;   /*** Static fix ***/
}

/* \*/
* html .right {
	margin-left: 0px; 
	margin-right: -500px; 
	mar\gin-right: -162px;
}
/* */

/*** These commented-out rules below are there to explain the "Critical" info 
	for the rules above, because comments must not appear within the Mac-hack.
	The "rules" below are not active, they are just for teaching purposes. ***/

/*
* html .right {
margin-left: 0px;    *** Critical right divider dimension value ***
margin-right: -500px;    *** IE5.x/win fix, must be above a critical number, but very high values appear okay ***
mar\gin-right: -152px;    *** Critical right col/divider dimension value ***
}
*/


.container-right { 
	/* \*/width: 160px;/* Hidden from IE-Mac */   /*** Critical right col dimension value ***/
	margin-left: 3px;    /*** Critical right divider dimension value ***/
	padding-bottom: 110px;   /*** To keep content from going underneath the AP bottom boxes ***/
}

/* \*/
* html .container-right {
	fl\oat: right;
	margin-left: 2px; 
	mar\gin-left: 0px; 
}
/*** Static fixes ***/

/*** Below is the Holly hack, and if IE/Win shows bugs it's a good idea to apply this hack to 
	different elements and see if that fixes the problem. Sometimes it may be necessary 
	to use "position: relative;" on certain elements, but it's hard to tell in advance which 
	elements will need such fixes. Here it prevents IE5/Win from clipping the left ends 
	of the headings. ***/
/* \*/
* html h2 { height: 1%; }
/* */


/*** This is a fix for IE5/Win at the largest text size setting. ***/
/* \*/
* html .left { margin-right: -3px; }
/* */


.italics-test, .italics-test-side {
	font-style: italic; 
	text-align: justify; 
	background: #ccd;
	border: 1px solid red;

}

/*** The following fixes prevent justified italic text from destroying the layout in IE/win.
	The problem is that those properties together make IE force the container wider,
	which in this type of floated layout causes a float drop. 	Pre-IE6 gets "width: 100%" 
	and "overflow: hidden", while IE6 gets "width: auto" and "overflow: visible, which 
	is the default, but explicitly stating it seems to keep IE6 happy. IE6 also needs
	to see the "height: 1%" to give it some kind of box dimension. Browser coddling 
	we call it. Finally, Bruno found that "word-wrap: break-word;" disarranged the 
	justified text in IE5.5 and 6, so it is defaulted to "normal" for this text.
	If you don't need justified and italicized text then forget all these fixes ***/

/* \*/
* html .italics-test, * html .italics-test-side {
	overflow: hidden;
	width: 100%;
	o\verflow: visible;
	w\idth: auto;
	hei\ght: 1px;
}
/* */

/*** All the IE fixes that are inside separate "Mac-hacks" may be grouped 	within 
	just one Mac-hack for convenience if desired. However, each fix must come 
	later than the rule it is fixing or the fix itself will be overridden. ***/


/********************* Header et Navigation *********************/

#header { width: 780px; height: 148px; background: #fff; margin: 0; padding: 0; }

/* MENU PUBLIC ~ ENGLISH */
#publicmenu { height: 24px; margin: 0; padding: 0; }

	#publicmenu em { display: none; }
	#publicmenu ul { margin: 0; padding: 0; list-style-type: none; }
	#publicmenu li { margin: 0; padding: 0; }

	.lienmenu { display: block; float: left; }

	.menu1 { width: 60px; height: 24px; background: url("../en/img/nav/home_over.gif") top left no-repeat ; }
	.menu2 { width: 66px; height: 24px; background: url("../en/img/nav/about_us_over.gif") top left no-repeat; }
	.menu3 { width: 55px; height: 24px; background: url("../en/img/nav/history_over.gif") top left no-repeat; }
	.menu4 { width: 84px; height: 24px; background: url("../en/img/nav/membership_over.gif") top left no-repeat; }
	.menu5 { width: 65px; height: 24px; background: url("../en/img/nav/calendar_over.gif") top left no-repeat; }
	.menu6 { width: 69px; height: 24px; background: url("../en/img/nav/bailliages_over.gif") top left no-repeat; }
	.menu7 { width: 44px; height: 24px; background: url("../en/img/nav/links_over.gif") top left no-repeat; }
	.menu8 { width: 57px; height: 24px; background: url("../en/img/nav/contact_over.gif") top left no-repeat; }
	.menu9 { width: 69px; height: 24px; background: url("../en/img/nav/francais.gif") top left no-repeat; float: right; padding-right: 5px; }
	.menu10 { width: 46px; height: 24px; background: url("../en/img/nav/accr_over.gif") top left no-repeat; }

	.lienmenu a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		float: left;
		width: 100%;
		height: 100%;
	}

	.linkmenu1 { background: url("../en/img/nav/home.gif") top left no-repeat; }
	.linkmenu2 { background: url("../en/img/nav/about_us.gif") top left no-repeat; }
	.linkmenu3 { background: url("../en/img/nav/history.gif") top left no-repeat; }
	.linkmenu4 { background: url("../en/img/nav/membership.gif") top left no-repeat; }
	.linkmenu5 { background: url("../en/img/nav/calendar.gif") top left no-repeat; }
	.linkmenu6 { background: url("../en/img/nav/bailliages.gif") top left no-repeat; }
	.linkmenu7 { background: url("../en/img/nav/links.gif") top left no-repeat; }
	.linkmenu8 { background: url("../en/img/nav/contact.gif") top left no-repeat; }
	.linkmenu9 { background: url("../en/img/nav/francais.gif") top left no-repeat; }
	.linkmenu10 { background: url("../en/img/nav/accr.gif") top left no-repeat; }
	
	.lienmenu a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
	}
	
/* MENU MEMBER ~ ENGLISH */
#membermenu { height: 24px; margin: 0; padding: 0; overflow: hidden; }
	
	#membermenu ul { margin: 5px 0 0 17px !important; padding: 0 !important; list-style-type: none; }
	#membermenu li {
		float: left; /* important afin de supprimer l'espace avant ou après le <li> sous IE et FF */
		margin: 0px;
		padding: 0 3px 0 3px;
		display: inline;
		font-family: Arial, Helvetica, sans-serif;
		color: #DADADA;
		font-weight: bold;
		border-right: 1px solid #DADADA;
		font-size: 8pt !important;
	}
	#membermenu li.noborder { border-right: none !important; }
	#membermenu li a { color: #8F8F8F; text-decoration: none; }
	#membermenu li a:hover { color: #000066; }

/*	
	.lienmenu_mem { display: block; float: left; }
	
	.mem_menu1 { width: 55px; height: 24px; background: url("../en/img/nav/news_over.gif") top left no-repeat ; }
	.mem_menu2 { width: 44px; height: 24px; background: url("../en/img/nav/offers_over.gif") top left no-repeat; }
	.mem_menu3 { width: 61px; height: 24px; background: url("../en/img/nav/directory_over.gif") top left no-repeat; }
	.mem_menu4 { width: 161px; height: 24px; background: url("../en/img/nav/administration_over.gif") top left no-repeat; }
	.mem_menu5 { width: 90px; height: 24px; background: url("../en/img/nav/omg_over.gif") top left no-repeat; }
	.mem_menu6 { width: 154px; height: 24px; background: url("../en/img/nav/commis_over.gif") top left no-repeat; }
	.mem_menu7 { width: 67px; height: 24px; background: url("../en/img/nav/marketing_over.gif") top left no-repeat; }
	.mem_menu8 { width: 65px; height: 24px; background: url("../en/img/nav/boutique_over.gif") top left no-repeat; }
	
	.mem_menu1_off { width: 55px; height: 24px; background: url("../en/img/nav/news_off.gif") top left no-repeat ; }
	.mem_menu2_off { width: 44px; height: 24px; background: url("../en/img/nav/offers_off.gif") top left no-repeat; }
	.mem_menu3_off { width: 61px; height: 24px; background: url("../en/img/nav/directory_off.gif") top left no-repeat; }
	.mem_menu4_off { width: 161px; height: 24px; background: url("../en/img/nav/administration_off.gif") top left no-repeat; }
	.mem_menu5_off { width: 90px; height: 24px; background: url("../en/img/nav/omg_off.gif") top left no-repeat; }
	.mem_menu6_off { width: 154px; height: 24px; background: url("../en/img/nav/commis_off.gif") top left no-repeat; }
	.mem_menu7_off { width: 67px; height: 24px; background: url("../en/img/nav/marketing_off.gif") top left no-repeat; }
	.mem_menu8_off { width: 65px; height: 24px; background: url("../en/img/nav/boutique_off.gif") top left no-repeat; }

	.lienmenu_mem a {
		display: block;
		float: left;
		width: 100%;
		height: 100%;
	}

	.mem_linkmenu1 { background: url("../en/img/nav/news.gif") top left no-repeat; }
	.mem_linkmenu2 { background: url("../en/img/nav/offers.gif") top left no-repeat; }
	.mem_linkmenu3 { background: url("../en/img/nav/directory.gif") top left no-repeat; }
	.mem_linkmenu4 { background: url("../en/img/nav/administration.gif") top left no-repeat; }
	.mem_linkmenu5 { background: url("../en/img/nav/omg.gif") top left no-repeat; }
	.mem_linkmenu6 { background: url("../en/img/nav/commis.gif") top left no-repeat; }
	.mem_linkmenu7 { background: url("../en/img/nav/marketing.gif") top left no-repeat; }
	.mem_linkmenu8 { background: url("../en/img/nav/boutique.gif") top left no-repeat; }

	.lienmenu_mem a:hover {
		background: transparent none;
	}
*/

/* MENU PUBLIC ~ FRANCAIS */
#publicmenu_fr { height: 24px; margin: 0; padding: 0; }

	#publicmenu_fr em { display: none; }
	#publicmenu_fr ul { margin: 0; padding: 0; list-style-type: none; }
	#publicmenu_fr li { margin: 0; padding: 0; }

	#publicmenu_fr .lienmenu { display: block; float: left; }

	#publicmenu_fr .menu1 { width: 67px; height: 24px; background: url("../fr/img/nav/home_over.gif") top left no-repeat ; }
	#publicmenu_fr .menu2 { width: 69px; height: 24px; background: url("../fr/img/nav/about_us_over.gif") top left no-repeat; }
	#publicmenu_fr .menu3 { width: 59px; height: 24px; background: url("../fr/img/nav/history_over.gif") top left no-repeat; }
	#publicmenu_fr .menu4 { width: 67px; height: 24px; background: url("../fr/img/nav/membership_over.gif") top left no-repeat; }
	#publicmenu_fr .menu5 { width: 73px; height: 24px; background: url("../fr/img/nav/calendar_over.gif") top left no-repeat; }
	#publicmenu_fr .menu6 { width: 69px; height: 24px; background: url("../fr/img/nav/bailliages_over.gif") top left no-repeat; }
	#publicmenu_fr .menu7 { width: 91px; height: 24px; background: url("../fr/img/nav/links_over.gif") top left no-repeat; }
	#publicmenu_fr .menu8 { width: 58px; height: 24px; background: url("../fr/img/nav/contact_over.gif") top left no-repeat; }
	#publicmenu_fr .menu9 { width: 69px; height: 24px; background: url("../fr/img/nav/english.gif") top left no-repeat; float: right; padding-right: 5px; }
	#publicmenu_fr .menu10 { width: 46px; height: 24px; background: url("../fr/img/nav/accr_over.gif") top left no-repeat; }

	#publicmenu_fr .lienmenu a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		float: left;
		width: 100%;
		height: 100%;
	}

	#publicmenu_fr .linkmenu1 { background: url("../fr/img/nav/home.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu2 { background: url("../fr/img/nav/about_us.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu3 { background: url("../fr/img/nav/history.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu4 { background: url("../fr/img/nav/membership.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu5 { background: url("../fr/img/nav/calendar.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu6 { background: url("../fr/img/nav/bailliages.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu7 { background: url("../fr/img/nav/links.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu8 { background: url("../fr/img/nav/contact.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu9 { background: url("../fr/img/nav/english.gif") top left no-repeat; }
	#publicmenu_fr .linkmenu10 { background: url("../fr/img/nav/accr.gif") top left no-repeat; }

	#publicmenu_fr .lienmenu a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
	}
	
/* MENU MEMBER ~ FRANCAIS */
#membermenu_fr { height: 24px; margin: 0; padding: 0; }

	#membermenu_fr em { display: none; }
	#membermenu_fr ul { margin: 0; padding: 0; list-style-type: none; }
	/*#membermenu_fr li { margin: 0; padding: 0; }*/
	#membermenu_fr li { margin: 0x; padding: 0; display: inline; font-family: Arial, Helvetica, sans-serif; color: #DADADA; font-weight: bold; }
	#membermenu_fr li a { color: #8F8F8F; text-decoration: none; }
	#membermenu_fr li a:hover { color: #000066; }
	
	#membermenu_fr .lienmenu_mem { display: block; float: left; }

	#membermenu_fr .mem_menu1 { width: 75px; height: 24px; background: url("../fr/img/nav/news_over.gif") top left no-repeat ; }
	#membermenu_fr .mem_menu2 { width: 74px; height: 24px; background: url("../fr/img/nav/offers_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu3 { width: 148px; height: 24px; background: url("../fr/img/nav/directory_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu4 { width: 93px; height: 24px; background: url("../fr/img/nav/administration_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu5 { width: 90px; height: 24px; background: url("../fr/img/nav/omg_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu6 { width: 154px; height: 24px; background: url("../fr/img/nav/commis_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu7 { width: 67px; height: 24px; background: url("../fr/img/nav/marketing_over.gif") top left no-repeat; }
	#membermenu_fr .mem_menu8 { width: 65px; height: 24px; background: url("../fr/img/nav/boutique_over.gif") top left no-repeat; }
	
	/* menu désactivé */
	#membermenu_fr .mem_menu1_off { width: 75px; height: 24px; background: url("../fr/img/nav/news_off.gif") top left no-repeat ; }
	#membermenu_fr .mem_menu2_off { width: 74px; height: 24px; background: url("../fr/img/nav/offers_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu3_off { width: 148px; height: 24px; background: url("../fr/img/nav/directory_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu4_off { width: 93px; height: 24px; background: url("../fr/img/nav/administration_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu5_off { width: 90px; height: 24px; background: url("../fr/img/nav/omg_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu6_off { width: 154px; height: 24px; background: url("../fr/img/nav/commis_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu7_off { width: 67px; height: 24px; background: url("../fr/img/nav/marketing_off.gif") top left no-repeat; }
	#membermenu_fr .mem_menu8_off { width: 65px; height: 24px; background: url("../fr/img/nav/boutique_off.gif") top left no-repeat; }

	#membermenu_fr .lienmenu_mem a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		float: left;
		width: 100%;
		height: 100%;
	}

	#membermenu_fr .mem_linkmenu1 { background: url("../fr/img/nav/news.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu2 { background: url("../fr/img/nav/offers.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu3 { background: url("../fr/img/nav/directory.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu4 { background: url("../fr/img/nav/administration.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu5 { background: url("../fr/img/nav/omg.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu6 { background: url("../fr/img/nav/commis.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu7 { background: url("../fr/img/nav/marketing.gif") top left no-repeat; }
	#membermenu_fr .mem_linkmenu8 { background: url("../fr/img/nav/boutique.gif") top left no-repeat; }

	#membermenu_fr .lienmenu_mem a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
	}

#login_public { height: 100px; background:url("../common/bg_public_navigation.jpg") left top no-repeat; text-align: right; }

#login_public form { margin: 0; padding: 0; }

#login_public .field {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-top: 1px solid #786D6E;
	border-left: 1px solid #786D6E;
	border-right: none;
	border-bottom: none;
	font-size: .9em;
	width: 120px;
	height: 15px;
	padding-top: 2px;
	padding-left: 2px;
}

#login_member { height: 100px; padding: 0; margin: 0; background:url("../common/bg_member_navigation.jpg") left top no-repeat; }

/* Zone Login EN */
#loginzone_en {
	float: right;
	width: 149px; /* 159 - 10 pixels de bordure */
	height: 90px; /* 100 - 10 pixels de bordure */
	border: 5px solid #CC0000;
	background: #EBC2C2 url("../en/img/bg_login.gif") no-repeat top left;
}
#loginzone_en a { text-decoration: none; }

#loggedzone_en {
	float: right;
	width: 149px; /* 159 - 10 pixels de bordure */
	height: 90px; /* 100 - 10 pixels de bordure */
	border: 5px solid #CC0000;
	background: #EBC2C2 url("../en/img/bg_logged.gif") no-repeat top left;
}
#loggedzone_en img { border: 0; padding: 0; margin: 0;  }
#loggedzone_en table { padding: 0; margin: 0; border-collapse: collapse; }
#loggedzone_en td { padding: 0; margin: 0; }

/* Zone Login FR */
#loginzone_fr {
	float: right;
	width: 149px; /* 159 - 10 pixels de bordure */
	height: 90px; /* 100 - 10 pixels de bordure */
	border: 5px solid #CC0000;
	background: #EBC2C2 url("../fr/img/bg_login.gif") no-repeat top left;
}
#loginzone_fr a { text-decoration: none; }

#loggedzone_fr {
	float: right;
	width: 149px; /* 159 - 10 pixels de bordure */
	height: 90px; /* 100 - 10 pixels de bordure */
	border: 5px solid #CC0000;
	background: #EBC2C2 url("../fr/img/bg_logged.gif") no-repeat top left;
}
#loggedzone_fr img { border: 0; }
#loggedzone_fr table { padding: 0; margin: 0; border-collapse: collapse; }
#loggedzone_fr td { padding: 0; margin: 0; }


/********************* Titres et Navigation interne *********************/

h1 { margin: 15px 0 0 6px; padding: 0px; font: bold 11pt "Trebuchet MS", arial, helvetica, sans-serif; text-transform: uppercase; }

.center h3 {
	font-size: 1.1em;
	margin: 5px 0 0 6px;
	background: url("../common/square_red.gif") no-repeat left 5px;
	padding-left: 12px;
}

/* FCKEditor patch H3 */
p.titlepage {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 0 0 6px;
	background: url("../common/square_red.gif") no-repeat left 5px;
	padding-left: 12px;
}

#navpath { font: normal 8pt Arial, Helvetica, sans-serif; margin: 10px 0 0 6px; padding: 0px; }
#navpath ul { list-style-type: none; }
#navpath li { display: inline; }

/* home */
#navpath .main a { /*font-size: 9pt;*/ color: #000; text-decoration: underline; }
#navpath .main a:hover { text-decoration: none; }

/* main section */
#navpath .section a { /*font-size: 9pt;*/ color: #000; text-decoration: none; }

/* actuel sub-section */
#navpath .sub a { /*font-size: 9pt;*/ font-weight: bold; color: #000; text-decoration: none; }
#navpath .sub a:hover { color: #CC0000; }

/* sub menu */
#submenu { margin: 10px 0 15px 6px; padding: 0px; }
#submenu ul { margin: 0px; padding: 0px; list-style-type: none; }
#submenu li { margin: 0px; padding: 0px; display: inline; }

#submenu a { text-decoration: none; border-bottom: 1px solid #CC0000; color: #000; font-weight: bold; }
#submenu a:hover { border-bottom: 1px solid #CC0000; color: #CC0000;  }

/********************* Boutons *********************/

.lientop { display: block; float: right; margin: 30px 5px 15px 5px; }
.lientop em { display: none; }

.top_en { width: 103px; height: 17px; background: url("../en/img/top_over.gif") top left no-repeat ; }
.top_fr { width: 103px; height: 17px; background: url("../fr/img/top_over.gif") top left no-repeat ; }

.lientop a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		float: left;
		width: 100%;
		height: 100%;
}
.toplink_en { background: url("../en/img/top.gif") top left no-repeat; }
.toplink_fr { background: url("../fr/img/top.gif") top left no-repeat; }

.lientop a:hover { background: transparent none; /* masquage de l'image1 au survol */ }

/********************* Elements spéciaux *********************/

/* Encart sur fond gris, colonnes gauche ou droite */
.cdr_news { margin:20px 0 0 0; padding: 8px; background: #E5E5E5; }
.cdr_news h1 {
	text-transform: uppercase;
	font: bold 9pt "Trebuchet MS", arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
}
.cdr_news h2 {
	text-transform: uppercase;
	margin:0;
	padding: 0;
	font: bold 8pt "Trebuchet MS", arial, helvetica, sans-serif;
	padding: 0px 0px 0px 15px;
	/*margin: 0 0 10px 0;*/
	backgr\ound: url("../common/square_red.gif") no-repeat left 4px;
}
.cdr_news p { padding: 0px 0px 0px 15px; font: normal normal 8pt "Trebuchet MS", arial, helvetica, sans-serif; }
.cdr_news hr {
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
	background-color: #666;
	color: #666;
	display: block;
	height: 1px;
}

.cdr_add_right { margin:20px 0 0 0; padding: 8px; background: #F5F5F5; }
.cdr_add_right h3 {
	text-align: center;
	/*padding: 0px 0px 0px 15px;*/
	/*margin: 0 0 10px 0;*/
	font: normal 8pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #666;
}
.cdr_add_right img { border: 0; }
.cdr_add_right a { font-weight: bold; color: #CC0000; font-size: 8pt; text-decoration: none; }
.cdr_add_right a:hover { text-decoration: underline; }

.cdr_add_bottom { margin: 20px 0 0 0; padding: 0; }
.cdr_add_bottom h3 {
	margin:0; padding: 0;
	text-align: center;
	font: normal 8pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #666;
	background: url("../common/bg_dot_grey.gif") repeat-x center;
}
.cdr_add_bottom p { margin: 0 20px 0 20px; font: normal 8pt arial, helvetica, sans-serif; color: #666; }
.cdr_add_bottom a { color: #CC0000; font-size: 8pt; text-decoration: none; }
.cdr_add_bottom a:hover { text-decoration: underline; }
.cdr_add_bottom hr {
	padding: 0;
	margin: -7px 0 2px 0;
	border: 0;
	width: 100%;
	background-color: #666;
	color: #666;
	display: block;
	height: 1px;
}
.cdr_add_bottom img { float: left; clear: both; border: 0; padding-right: 20px; padding-bottom: 10px; }
.cdr_add_bottom span { background: white; padding-left: 5px; padding-right: 5px; }

/* classe des photos : ajoute un cadre à la photo */
.photo { border: 1px solid #A09372; padding: 3px; margin: 65px 0 0 0; }
.photo img { width: 84px; height: 110px; }
.puce { backgr\ound: url("../common/square_red.gif") no-repeat left center; padding: 0px 0px 0px 15px; }

/* pour etablissement */
/* Sélection type de professionnel */
#hotel_resto  { background-color: #F1F1F1; display: none; margin-left: 20px; margin-right: -20px; }
#hotel { background-color: #F1F1F1; display: none; margin-left: 20px; margin-right: -20px }
#resto { background-color: #F1F1F1; display: none; margin-left: 20px; margin-right: -20px }
#viticul { background-color: #F1F1F1; display: none; margin-left: 20px; margin-right: -20px }

/* Rubans et insignes */

#ribbons { margin-left: 6px; }

#ribbons h4 {
	font: bold 12pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #CC9966;
	padding: 8px 0 8px 0;
	margin: 0px;
}

#ribbons h5 {
	font: bold 11pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #000;
	padding: 0;
	margin: 3px 0 0 0;
}

#ribbons h6 {
	font: bold 10.5pt "Trebuchet MS", arial, helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 10px 0 10px 0;
}

#ribbons p { padding: 0; margin: 0; }

#ribbons hr {
	margin: 0 0 0 5px;
	padding: 0;
	border: 0;
	width: 98%;
	background-color: #fff;
	color: #fff;
	display: block;
	height: 1px;
}

#ribbons table {
	width: 100%;
	background-color: #F6E9E1;
	border: solid 1px #D29367;
}

#ribbons td.lowres { font: bold 8pt "Trebuchet MS", arial, helvetica, sans-serif; color: #990000; }
#ribbons td.hires { font: bold 8pt "Trebuchet MS", arial, helvetica, sans-serif; color: #003399; }

#ribbons .vignette { margin: 7px; padding: 1px; background: #fff; border: solid 1px #D29367; }