body
{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
	 font-size: 10px;
	background-color: #fff;
}

h1 { font-size: 200%; }

h1, h2 , h3, h4 {color: #574637; }

h2, h3 { font-size: 1.2em; }

a, a:link, a:active, a:visited
{
    font-size: 1em;
	color: #5584b2;
	text-decoration: none;
}
a:hover { color: #4b6c8e; }

img { border: 0; }

em { font-style:italic;}

p
{
    font-size: 1em;
    margin-bottom: 0.2em;
    margin-top: 0;
}
.CheckBox, .Radio
{ 
	background-color:Transparent;
	vertical-align:middle;
	color:#000000; 
}
.CheckBox input, .Radio input
{
	background-color:Transparent;
	vertical-align:middle;
	border:none;
}

.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%;
}

/*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;
}

datagrid { margin-top: 0; margin-bottom:0.2em; }
.deal { color: #FFFFFF; }
datagrid.deal a:link, datagrid.deal a:visited {
font-weight: bold;
color: #880088; 
text-decoration:none;
}

ul
{
    list-style-type: none;
    margin: 0px;
    margin-left: 20px;
}

ul li
{
    list-style-image: url("img/BulletPoint.png");
    list-style-position:outside;
    list-style-type:none;    
}

ul.cukeSimpleTreeStd li
{
    list-style-image:none;
}

fieldset { border: 2px groove threedface; margin: 0px 2px; padding: 0px 7px 3px 7px; }


.CukeSuccess{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color:green;
	text-decoration: none;
	border-top:solid 1px green;
	border-left:none;
	border-bottom:solid 1px green;
	border-right: none;
}