p, body, table, tr, td {
	font-family			: "Verdana", "Arial", "Helvetica", sans-serif;
	font-size			: 8.5pt;
	line-height			: 125%;
	text-align			: justify;
}

body {
 	margin				: 10px;
 	padding				: 0;
}

body, center, html {
	background			: white;
}

h1 {
	font-size			: 170%;
	line-height			: 1.4em;
	text-align			: left;
	color				: #555555;
	margin				: 0.5em 0;
	padding				: 0;
}

em {
	color				: red;
	font-weight			: bold;
	font-style			: normal;
}

blockquote {
	margin-left			: 1em;
}

span.et {
	color				: red;
	font-family			: serif;
}

span.demo {
	color				: red;
	font-style			: italic;
}

span.smaller {
	font-size			: smaller;
}

table.layout {
	background			: white;
	border				: 1px solid #C0C0C0;
	min-width			: 750px;
	width				: 950px;
}

td.padded {
	background			: transparent;
	margin				: 0;
	padding				: 0.5em 2em 1em 1.5em;
	vertical-align			: top;
	width				: 750px;
	/* bug IE ne va pas plus loin */
	voice-family 			: "\"}\"";
	voice-family 			: inherit;
	width				: auto;
}

td.puce {
	padding				: 15px 0 0 10px;
	text-align			: right; 
	vertical-align		: top; 
}

td.bottom {
	background			: url("images/bottom.jpg") no-repeat bottom left;
	color				: #555555;
	font-size			: 80%; 
	height				: 94;
	margin				: 0;
	padding				: 0;
	text-align			: center; 
	vertical-align		: bottom; 
	width				: 955;
}

td.menu-left {
	background			: url("images/menu_left.jpg") repeat-y top left;
	margin				: 0;
	padding				: 30px 0 0 0;
	vertical-align		: top;
	white-space			: nowrap;
	width				: 206;
}

td.menu-top-1 {
	background			: url("images/menu_top1.jpg") no-repeat top left;
	height				: 138px;
	margin				: 0;
	padding				: 0;
	text-align			: center; 
	vertical-align		: top;
}

td.menu-top-2b {
	background			: url("images/menu_top2b.jpg") no-repeat bottom left; 
	height				: 32px;
	margin				: 0;
	max-height			: 32px;
	min-height			: 32px;
	padding				: 0;
	padding-right			: 10px;
	text-align			: right;
	vertical-align			: center;
}

ul {
	list-style-image	: url("images/puce.gif");
	margin 				: 0;
	padding				: 0 0 0 20px;
}

li {
	margin 				: 0;
	padding				: 0;
}

.menucurrent, a.menucurrent:visited {
	color				: red;
	font-weight			: bold;
	text-decoration			: none;
}

a.menu:link, a.menu:visited {
	color				: #555555;
	font-weight			: bold;
	text-decoration			: none;
}

a:link {
  color: blue;
  text-decoration: none
}

a:visited {
  color: #CC0099;
  text-decoration: none
}

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

a:active {
  color: red;
  text-decoration: underline
}

a:focus {
  color: red;
  text-decoration: none
}

a.menu:hover, a.menucurrent:hover, a.menu:active, a.menucurrent:active {
	text-decoration			: underline;
}

a.plancurrent:link, a.plancurrent:visited {
	color				: red;
	font-size			: 80%;
	text-decoration			: none;
}

a.plan:link, a.plan:visited {
	color				: #555555;
	font-size			: 80%;
	text-decoration			: none;
}

a.plan:hover, a.plan:active {
	color				: red;
	text-decoration			: underline;
}

a.plan-top-title, a.plan-title {
	color				: black;
	font-size			: 100%;
	padding				: 0em 0em 0em 10px;
	text-decoration 		: none;
}

a.plan-top-title:hover, a.plan-title:hover {
	color				: red;
	text-decoration 		: underline;
}

a.plan-top-title {
	padding				: 0;
}

div.plan-description, div.plan-top-description {
	color				: gray; 
	font-size			: 80%; 
	font-weight			: normal; 
	padding				: 0em 0em 0.8em 20px;
	text-align			: left;
}

div.plan-top-description {
	padding				: 0 0 1em 10px;
}

div.intro {
	font-size			: 130%;
	line-height			: 1.7em;
	margin-bottom			: 1em;
	margin-top			: 1em;
	text-align			: center;
}

div.menu {
	margin 				: 5px 0 0 160px;
	padding				: 0;
	text-align			: center; 
	white-space			: nowrap; 
}

div.menu-left {
	margin				: 0;
	padding				: 0 0 0 20px;
}

div.submenu {
	color				: #555555;
	font-weight			: bold;
	text-decoration			: none;
	padding				: 5px 0 0 0;
}

a[href ^='http://'] {
	background			: url("images/external.gif") right center no-repeat;
	border-bottom			: 1px dotted blue;
	color				: blue;
	padding-right			: 12px;
	text-decoration			: none;
}

a[href $='.pdf'] {
	background			: url("images/pdf.jpg") right center no-repeat;
	padding-right			: 17px;
}

a[href $='.pdf']:after {
	content				: ' [PDF]';
	/* bug IE ne va pas plus loin */
	voice-family 			: "\"}\"";
	voice-family 			: inherit;
	content				: '';
}

a.nofancy {
	background			: none;
	padding-right			: 0;
}

a.nofancy:after {
	content				: '';
}

img.context {
	display				: float;
	border				: 1px solid #555555;
	padding				: 2px;
	margin				: 0 1.2em 2em 0;
}

img.context + p {
	clear				: both;
	margin-top			: 2em;
}

img.submenu {
	position			: relative; 
	top					: +4px;
}

div.submenu#current {
	color				: red;
}

a.submenu:link, a.submenu:visited {
	color				: #555555;
	text-decoration			: none;
}

a.submenu:hover {
	text-decoration			: underline;
}

a.submenu:active {
	text-decoration			: underline;
}





a.react:link, a.react:visited {
	color				: red;
	font-size			: 140%;
	text-decoration			: none;
}

a.react:hover {
	color				: red;
	text-decoration			: underline;
}

a.react:active {
	color				: red;
}

a.header:link {
	color				: black;
	text-decoration 		: none;
}

a.header:visited {
	color				: black;
	text-decoration 		: none;
}

a.header:hover {
	color				: red;
	text-decoration 		: none;
}

a.header:active {
	color				: red;
	text-decoration 		: none;
}




input, textarea {
	border				: 1px solid #808080;
}

input.noborder {
	border-style			: none;
}

input.error {
	background			: pink;
}

div.standout {
	padding				: 0.5em 1em 0.5em 1em;
	text-align			: center;
}

div.nifty {
	background			: #E0E0E0;
	margin				: 0 10%;
}

b.rtop, b.rbottom {
	background			: #FFFFFF;
	display				: block;
}

b.rtop i, b.rbottom i {
	background			: #E0E0E0;
	display				: block; 
	height				: 1px; 
	overflow			: hidden;
}

b.rtop i.r4, b.rbottom i.r4 {
	height				: 2px;
	margin				: 0 1px;
}

i.r1 {
	margin				: 0 5px;
}

i.r2 {
	margin				: 0 3px;
}

i.r3 {
	margin				: 0 2px;
}