/*
CSS Fred Radeff, www.akademia.ch 
*/
/* MAIN HTML STYLES */
* {
font-size: 10px; 
font-family: Trebuchet, Verdana, Arial, Helvetica, Sans-Serif; 
background-color: #fff9e1;
}

/* LINKS */
a:link { color: blue; text-decoration: none }
a:active {  color: rgb(90%, 10%, 0%); text-decoration: none; font-size: 12pt}
a:hover { color: red; text-decoration: underline; background-color: yellow;}
a:visited { color: purple; text-decoration: none }

/* STYLES */
h1 { color: #0090d8;font-size: 18px }
h2 { color: #0090d8; font-size: 14px }
h3 { color: black; font-size: 13px }
h4 { color: black; font-size: 11px }

/* TEXT */
div,date {font-size: 8pt}
li  { font-size: 15px; text-decoration: none} 
p { text-decoration: none} 
br { text-decoration: none}
pre { 
   overflow: auto; 
   border-style : inset;
    border-width : thin;
    color : #FF9933;
    font-size : x-small;
    margin-left : 20px;
    margin-right : 300px;
    padding : 5px;
}

/* TABLES */
table {  } 
th { background-color: #FFFF66}
tr { text-decoration: none} 
td { text-decoration: none }
tr.th {
	background-color: silver 
	}


/* FORMS */
form {font-size: 15px;}
select {}

input:hover  { 
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000099; background-color: #FFFFCC } textarea { font-size: 10pt; color: #000000
	}
input {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
}
textarea:hover{
	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #000066; background-color: #FFFFCC
}

/* interesting style from http://www.dhtmlgoodies.com/index.html?whichTipsAndTricks=input-with-background */
.searchBox{
  background-image:url('pics/magnifying-glass.gif');
  background-repeat:no-repeat;
  padding-left:20px;
}

/*SPECIFIC STYLES*/
tr.titre {
	background-color: yellow 
	}
tr.gris {
	background-color: #CCCCCC 
}
tr.blanc {
	background-color: #FFFFFF
}
div.progmens {  font-size: 60pt; color: rgb(90%, 10%, 0%); text-align: Center}
span.mireda { color: red; font-weight: bold; font-size: 11pt}
.titrerecet { background-color: yellow; font-size: 12pt}
li.menusqr { color: red; font-weight: bold; font-size: 14pt; list-style-type: square}
li.menu0sqr { color: red; font-weight: bold; font-size: 16pt; list-style-type: circle}
.mot {  color: #FF0000; background-color: #FFFF00;  padding-left: 3px; padding-right: 3px}
.mot2 { color: #000000; background-color: lightgreen; padding-left: 3px; padding-right: 3px}
.mot3 { color: #000000; background-color: #FFFF99; padding-left: 3px; padding-right: 3px}
.mot4 { color: #000000; background-color: #CCFF99; padding-left: 3px; padding-right: 3px}

a.menusqr { color: red; font-weight: bold; font-size: 14pt; list-style-type: square ; background-color: #FFFFCC}
.titre {
	font-size: 10pt;
	background-color: palegoldenrod;
	border: thin outset black;
	padding-right: 10px;
	padding-left: 5px;
}

.evidence{border-left:2pt groove #666666;font:small-caps bold 10pt Verdana,Arial,Tahoma,Helvetica,sans-serif;margin-bottom:3pt;padding-bottom:2pt;padding-left:5pt;padding-top:2pt}
.firstletter:first-letter{font:bold 13pt Verdana,Arial,Tahoma,Helvetica,sans-serif}
.fondgris{background:#CCCCCC;border-color:#FFFFFF;border-style:ridge;border-width:1pt;color:#000000;padding:2pt 5pt}
.fondnoir{background:#000000;border-color:window;border-style:ridge;border-width:1pt;color:#FFFFFF;padding:2pt 5pt}
.cadre{border:thin ridge #CC0066;color:#000000;font:10pt Verdana,Arial,Tahoma,Helvetica,sans-serif;padding:8pt;width:auto}
.cadretitre{border:thin ridge #CC0066;color:#CC0066;font:bold 10pt Verdana,Arial,Tahoma,Helvetica,sans-serif;padding:5pt;text-align:center;width:auto}
.titrenoir{background:#999999;color:#FFFFFF;font:bold 10pt Verdana,Arial,Tahoma,Helvetica,sans-serif;text-decoration:none}
.titrerouge{background:#FFFFFF;color:#CC0066;font:bold 10pt Verdana,Arial,Tahoma,Helvetica,sans-serif;text-decoration:none;width:354px}

.comments {
	padding-top: 50px;
	font-size: xx-small;
	margin-top: 100px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	//overflow: scroll;
	align: justify;
}

.grand { 
	font-size: 14pt;
font-family: Verdana, Arial, Helvetica;
} 

.attention, .ko {
color: tomato;
font-size: x-large;
background-color: yellow;
}

.ok {
color: green;
}

.petit {  
	font-size: xx-small;
	background-color: #FFFFCC;
	border: thin dotted black;
	//overflow: scroll;
	//clip:  rect(auto auto auto auto);
	align: right;
}

.petit2 {
font-size:xx-small; 
font-style: italic;
}

.petitGros {
font-size:xx-small; 
font-style: bold italic;
}