html, body 
{ margin:0; padding:0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; color:#000000; }

input, button, p, table, tr, td, th, div, blockquote, dl, ul, ol, li  
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000000; }


img { border:none; }

p { margin-top: 0; margin-bottom:0.2em; }


ul { margin-top: 0; margin-bottom:0.2em; }

select  
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; color:#000000; 
	margin-left: 0.5em;
	margin-right: 0.5em;
}

.CheckBox, .Radio
{ 
	background-color:Transparent;
	vertical-align:middle;
	color:#000000; 
}
.CheckBox input, .Radio input
{
	background-color:Transparent;
	vertical-align:middle;
	border:none;
}
/* #ccccff */
h1 { margin: 0.5em 0em 1em 0em; border-bottom:solid 3px ccccff; page-break-after: avoid; font-size: 2.2em; }

h2 { margin: 0.5em 1em 1em 0em; page-break-after: avoid; font-size: 1.8em; }

h3 { margin: 0.2em 2em 1em 0em; font-size: 1.5em; }

.Code { display:inline; font-family: monospace; }

.DefModule .Title
{
	background-color: rgb(241, 244, 247);
	font-size:110%;
	font-weight:bold;
	text-align:center;
	white-space:nowrap;
}

.DefModule .Buttons
{
	background-color:ivory /* ivory rgb(241, 244, 247); */
}

.DefModule .Module
{
}

.Note 
{ 
	display:block; 
	border-top: solid 1px gray;
	border-left: solid 2px black;
	border-bottom:dotted 1px gray;
	border-right: solid 2px black;
	background-color:ivory;
	width:90%;
	padding: 0.5em;
	margin: 1em 3em;
}

.Caution
{
	border-right: #663300 2px solid;
	padding-right: 0.5em;
	background-position: left top;
	border-top: #993300 1px solid;
	display: block;
	padding-left: 60px;
	background-image: url(img/Caution.gif);
	padding-bottom: 0.5em;
	margin: 1em 3em;
	border-left: #663300 2px solid;
	padding-top: 0.5em;
	border-bottom: #993300 1px solid;
	background-repeat: no-repeat;
	background-color: #ff8e90;
	width: 70%;
}

pre, code, div.BlockCode, span.BlockCode {
	display:block; 
	font-family: monospace;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #ccccff; /*#F0B802; jaune oeuf*/
	padding: 1em;
	margin: 1em 3em;
	background: #fff url(img/vYellowToWhite.gif) left top repeat-x;
	width: 95%;
	overflow: hidden;
	white-space: nowrap; 
}

/*SpreadSheet-like table*/
table.SpreadSheet 
{
	border: 1px solid #5F6F7E;
	border-collapse: collapse;
}

table.SpreadSheet th 
{
	border: 1px solid #5F6F7E;
	background-color: #EFEFEF;
	color:#000000;
	text-align:left;
	font-weight:normal;
	padding: 2px 4px 2px 4px;
	margin:0;
}

table.SpreadSheet .Col
{
	border: 1px solid #5F6F7E;
	background-color: #EFEFEF;
	color:#000000;
	text-align:center;
	white-space:nowrap;
	font-weight:normal;
	padding: 2px 4px 2px 4px;
	margin:0;
}

table.SpreadSheet .LeftCell
{
	margin:0;
	padding-left:1.2em;
	padding-right:0;
	text-align:right;
	border: 1px solid #E2E2E2;
	border-right:none;
}

table.SpreadSheet .RightCell
{
	margin:0;
	padding-left:0;
	padding-right:5px;
	text-align:left;
	border: 1px solid #E2E2E2;
	border-left:none;
}

table.SpreadSheet td 
{
	margin:0;
	padding-left:5px;
	padding-right:5px;
	text-align:right;
	border: 1px solid #E2E2E2;
}


/* GENERAL */
.CukeLineEdit
{
        margin-left:0.3em;
        margin-right:0.2em;
        padding-left:0.3em;
        padding-right:0.4em;
        background-color:ivory;
        border:dashed 1px Silver;
}
.CukeLineEdit img
{
        position:relative;
        left:0.2em;
}
/* style for module titles */
.Head   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  12px;*/
    font-size:  1em;
    font-weight:    bold;
    color:  black; /* #FFCE67; */
}

.WhiteTitle   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  12px; fixer la taille interdit au user de régler sa font = pb d'accessibilité*/
    font-size:  1em;
    font-weight:    bold;
    color:  white; /* #FFCE67; */
}

.PurpleTitle   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  12px;*/
    font-size:  1em;
    font-weight:    bold;
    color:  #503C70; /* #FFCE67; */
}


/* HOME PUBLIC WEBSITE */
.TitleHome   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  16px;*/
    font-size:  1.5em;
    font-weight:    bold;
    color:  #503C70; /* #FFCE67; */
}

.SubTitlePurple   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  13px;*/
    font-size:  1.2em;
    font-weight:    bold;
    color:  #503C70; /* #FFCE67; */
}
.SubTitlePurpleNews   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  10px;*/
    font-size:  0.8em;
    font-weight:    bold;
    color:  #503C70; /* #FFCE67; */
}

.TextPublicHome   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  11px;*/
    font-size:  0.9em;
    font-weight:    normal;
    color:  black; /* #FFCE67; */
}
.TextPublicHomeNews   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  8px;*/
    font-size:  0.8em;
    font-weight:    normal;
    color:  black; /* #FFCE67; */
}

.TextPublicWhite   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  10px;*/
    font-size:  0.9em;
    font-weight:    normal;
    color:  white; /* #FFCE67; */
}
.TextPublicRed   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  10px;*/
    font-size:  0.9em;
    font-weight:    normal;
    color:  Red; /* #FFCE67; */
}
.NormalRed   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  10px;*/
    font-size:  0.9em;
    font-weight:    normal;
    color:  Red; /* #FFCE67; */
}
.TextPublic   {
    font-family: Verdana, Arial, Helvetica;
/*    font-size:  10px;*/
    font-size:  0.9em;
    font-weight:    normal;
    color:  black; /* #FFCE67; */
}

/* CukeError */
.CukeError 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:Red;
	text-decoration: none;
	border-top:solid 1px red;
	border-left:none;
	border-bottom:solid 1px red;
	border-right: none;
}
.CukeError A:link 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:Purple;
	text-decoration: underline;
}
.CukeError A:visited 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:Fuchsia;
	text-decoration: underline;
}
.CukeError A:hover 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:Fuchsia;
	text-decoration: underline overline;
}
.CukeError A:active 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:Red;
	text-decoration: underline overline;
}

a:link { color: #330066; }
a:visited { color: #880088; }
a:hover { color: #3366CC; }
a:active { color: #FF0000; }

datagrid { margin-top: 0; margin-bottom:0.2em; }

div.deal-preview
{
    padding: 6px 8px;
    border: 1px solid #ddd;
    margin: 8px 2px;
}

table.deal
{
    width: 100%;
    margin: 2px 0 0 2px;
    border-collapse: collapse;
    font-size: 11px;
}

table.deal th
{
    text-align:center;
    color: #000;
    border-bottom: 1px solid #000;
    padding: 8px;
}

table.deal td
{
    text-align: center;
    border-bottom: 1px solid #eaeaea;
    padding: 6px;
}

table.deal td.header
{
    color: #000;
    text-align: left;
    padding-left: 8px;
}

p.form
{
    clear: both;
    margin: 5px 3px;
}

p.form label.title
{
    float: left;
    width: 150px;
    font-weight: bold;
}

datagrid.deal a:link, datagrid.deal a:visited {
font-weight: bold;
color: #880088; 
text-decoration:none;
}