html{
	height: 100%;
} 
body {
	font-size: 0.8em; 
	font-style: normal; 
	font-weight: normal;
	color: darkblue;	
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background-color: #D6D7BD;
	/* background-color: #FFFFFF;*/
	height: 100%;
	margin: 0;
	padding: 0; 
	overflow:auto;
}
.btn {
  background: #f2b366;
  background-image: -webkit-linear-gradient(top, #f2b366, #47ff36);
  background-image: -moz-linear-gradient(top, #f2b366, #47ff36);
  background-image: -ms-linear-gradient(top, #f2b366, #47ff36);
  background-image: -o-linear-gradient(top, #f2b366, #47ff36);
  background-image: linear-gradient(to bottom, #f2b366, #47ff36);
  -webkit-border-radius: 45;
  -moz-border-radius: 45;
  border-radius: 45px;
  text-shadow: 1px 1px 3px #e627e6;
  font-family: Georgia;
  color: #ffffff;
  font-size: 60px;
  padding: 7px 36px 10px 23px;
  text-decoration: none;
}

.btn:hover {
  background: #11f011;
  background-image: -webkit-linear-gradient(top, #11f011, #b7ed23);
  background-image: -moz-linear-gradient(top, #11f011, #b7ed23);
  background-image: -ms-linear-gradient(top, #11f011, #b7ed23);
  background-image: -o-linear-gradient(top, #11f011, #b7ed23);
  background-image: linear-gradient(to bottom, #11f011, #b7ed23);
  text-decoration: none;
}
form {
	margin:0;
	padding:0;
}
div {
	overflow:visible;
}

.hotspot {  					/* Utilisation dans balises SPAN */
	padding-bottom:1px; 
	border-bottom:1px dotted #900; 
	cursor:pointer;
 }
#tt {						/* POSITIONNE LES BORDURES DE L'INFOBULLE*/
 position:absolute;
 display:block;
 background:url(../image/tt_left.gif) top left no-repeat;
 }
 #tttop {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../image/tt_top.gif) top right no-repeat;
 overflow:hidden;
 }
#ttcont {					/* Intérieur de l'Infobulle */
 display:block;
 padding:2px 12px 3px 7px;
 font-size:8pt;
 margin-left:5px;
/*   background:#666; */
 background: lightyellow;
 color:maroon;
 }
#ttbot {
 display:block;
 height:5px;
 margin-left:5px;
 background:url(../image/tt_bottom.gif) top right no-repeat;
 overflow:hidden;
}

input.groovybutton
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#800000;
   width:40px;
   height:20px;
   background-color:#FFFFF7;
   border-style:inset;
   border-color:#FFFFF7;
   border-width:0px;
   cursor:pointer;
}
input.groovybutton2
{
   font-size:12px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#800000;
   width:150px;
   height:20px;
   background-color:#eee;
   border-style:inset;
   border-color:#eee;
   border-width:0px;
   cursor:pointer;
}

input.gold
{
   font-size:14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#000000;
   width:325px;
   height:20px;
   background-color:gold;
   cursor:pointer;
}
input.gold1
{
   font-size:14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#000000;
   width:170px;
   height:20px;
   background-color:gold;
   cursor:pointer;
}
input.gbk
{
   font-size:14px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   color:#000000;
   width:400px;
   height:20px;
   background-color:#F7E3C6;
   cursor:pointer;
}

.cf2 {
    font-family:  'courier new', 'Lucida Console', 'Crystal', 'courier';
	color: #000;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	background-color: #C0FFFF;
}
.chasse_fixe {
    font-family:  'courier new', 'Lucida Console', 'Crystal', 'courier';
	color: #003333;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	background-color: #FFFFFF;
}
.chasse_fixe_rouge {
    font-family:  'courier new', 'Lucida Console', 'Crystal', 'courier';
	color: maroon;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	background-color: #cccccc;
}
.chasse_fixe_bleu {
    font-family:  'courier new', 'Lucida Console', 'Crystal', 'courier';
	color: #003333;
	color: lightyellow;
	font-weight: normal;
	font-size: 11pt;
	text-align: left;
	background-color: #FFFFFF;
}
.chasse_prop {
    font-family: Helvetica, Arial , Verdana;
	color: #003333;
	font-weight: bold;
	font-size: 11pt;
	text-align: left;
	background-color: #FFFFFF;
}


fieldset {
	position: relative;
	border: 1px solid #000;
	margin: 0;
	padding: 0px 5px 5px;
	font-size:1.2em;
	font-weight:bold;
	color:maroon;
	background-color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url('ie-css3.htc');
	border-radius: 10px;
}
	
legend {
	/* position: relative; */
	top: -0.5em;
	margin-left: 5px;
	padding: 0px 5px;
	font-weight:bold;
	color:black;
	/* 
	background-color: #9cf; 
	border: 1px solid #090; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;
	behavior: url('border-radius.htc'); 
	border-radius: 10px; */
}
/* Classes introduites par Michel Moro */
.titre {    
	font-weight: bold; 
	font-size: 1.1em;
	font-variant: small-caps;
	text-align: left;
	color:maroon;
}
.soustitre {    
	font-weight: bold; 
	font-size: 10pt;
	text-align: right;
	/*color: #008282;*/
	color:#006060;
}
		
#prechargement {
    display: none;
}
a:link {
	font-weight: bold; 
	color: navy; 
	text-decoration: none
}
a:visited {
	font-weight: bold; 
	color: purple; 
	text-decoration: none;
}
a:hover {
	color: maroon; 
	text-decoration: none;
}

.Bandeau1 {	/* Utilisé par Marie Boucher */
	font-weight: bold; 
	font-size: 0.9em; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	color: #FFFFFF;
	font-family: Verdana, 'Times New Roman', 'Microsoft Sans Serif'; 
	background-color: #840000
}
.Bandeau2 {	/* Utilisé par Marie Boucher */
	font-weight: bold; 
	font-size: 0.9em; 
	padding-bottom: 4px; 
	padding-left: 4px; 
	color: #003333;
	font-family: Verdana, 'Times New Roman', 'Microsoft Sans Serif'; 
	background-color: #840000
}
.Bandeau_Form  {
	text-align: center;
	font-weight: bold; 
	font-size: 1.75em; 
	color: #FFFFFF;	
	font-family: Arial, Helvetica, Verdana; 
}
.Bandeau_Infos {
	text-align: center;
	font-weight: bold; 
	font-size: 1.75em; 
	color: #003333;
	font-family: Arial, Helvetica, Verdana; 
	background-color:#6ab5b5;
}
.Bandeau_Result {
	text-align: center;
	font-weight: bold; 
	font-size: 1.3em; 
	color: #FFFFFF; 
	font-family: Arial, Helvetica, Verdana; 
	background-color:#3161a5;
}
.Bandeau_Result2 {
	text-align: center;
	font-weight: bold; 
	font-size: 1.75em; 
	color: #003333; 
	font-family: Arial, Helvetica, Verdana; 
	background-color:#7279B9;
}
.top-thin { 
	border-top: solid thin ; 
}

.bordure {
	border-top: 2px;
    border-right: 1px;
	border-bottom: 2px; 
	border-left : 1px;
	border-style:solid;
	border-color:#003333;
}
.Alerte {
	color:red;
	font-weight:bold;
	font-size:1.0em;
}
.annonce  {	
	border-color: #000000;
	border-style:dashed;
    background-color:lightyellow;
	color: #003333; 
	font-size:8pt;
	font-weight:bold;
	text-align: justify;
	text-indent: 0; 
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;
	padding-left: 6px;	
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	margin-left: 1px;	
	margin-top: 1px;		
	margin-right: 1px;
	margin-bottom: 1px;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 1.1em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none; 
	text-decoration: none;
}
.style1 {
  background-color : white;
  font-family : tahoma, arial, helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  color : black;
  text-align : left;
  margin-left : 2px;
  margin-right : 2px;
}
.style2 {
  background-color : yellow;
  font-family : tahoma, arial, helvetica, sans-serif;
  font-size : 11px;
  font-weight: bold;
  color : black;
  text-align : left;
  margin-left : 2px;
  margin-right : 2px;
}


.menu { 	
	color: #003333;				
	font-style: normal; 
	font-weight: bold; 			
	/*font-size: 0.9em; */
	font-size: 9pt;
	font-family: Arial, Helvetica; 
	text-align: center;
	background-color: #E1E1E1;
	/*padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;*/
 }
.menu1 { 	
	color: #003333;				
	font-style: normal; 
	font-weight: bold; 			
	/*font-size: 0.9em; */
	font-size: 10pt;
	font-family: Arial, Helvetica; 
	text-align: left;
	background-color: #E1E1E1;
 }
.menu3 { 	
	color: #003333;				
	font-style: normal; 
	font-weight: bold; 			
	font-size: 0.9em; 
	font-family: Arial, Helvetica; 
	text-align: center;
	background-color: lightyellow;
 }
.menu4 { 	
	color: #003333;				
	font-style: normal; 
	font-weight: bold; 			
	font-size: 0.9em; 
	font-family: Arial, Helvetica; 
	text-align: center;
	background-color: orange;
 }
.menu5 { 	
	color: #003333;				
	font-style: normal; 
	font-weight: bold; 			
	font-size: 9pt; 
	font-family: Arial, Helvetica; 
	text-align: center;
	background-color: #FFD200;
 }
.menu6 { 	
	background-color: #FFD200;
 }
.bouton {
	background-color: white;
	font-weight:bold;
	font-size:11pt;
	color:maroon;
	}
.bouton0 {
	background-color: red;
	font-weight:bold;
	font-size:10pt;
	color:white;
	}
.bouton1 {
	font-weight:bold;
	font-size:9pt;
	color:#800000;
}
.bouton2 {
	font-weight:bold;
	font-size:10pt;
	color:#800000;
}
.chapitre { 
	font-weight: bold; 
	color: #003333; 	/* un vert foncé */
	font-size: 2em;
	text-align: center;
}
.souschap { 
	font-weight: bold; 
	color: #003333; 	/* un vert foncé */			
	font-size: 1.4em;
	text-align: left;
}
.Ligne0 {
	padding-left: 4px;
	font-size:14px;
	font-weight:bold;
 	color: white;
	border-bottom: #dcdcdc 1px solid;
	font-family: Verdana, 'Times New Roman';
	background-color:#3161a5 
}
.Ligne1 {
	padding-left: 4px;
	font-size:0.8em;
	font-weight:bold;
 	color: #003333;
	border-bottom: #dcdcdc 1px solid;
	font-family: Verdana, 'Times New Roman';
	background-color: #FFFFFF; 
}
.Ligne2 {
	padding-left: 4px;
	color: #003333;
	font-size:0.8em;
	font-weight:bold;
	border-bottom: #dcdcdc 1px solid; 
	font-family: Verdana, 'Times New Roman';
	background-color: #FFFFF0; 
}
.Ligne3 {
	padding-left: 4px;
	font-size:0.8em;
	font-weight:bold;
 	color: #003333;
	border-bottom: #dcdcdc 1px solid;
	font-family: 'courier new', 'Lucida Console', 'Monaco','courier';
	background-color: #A4FBC0; 
}
.Ligne4 {
	padding-left: 4px;
	color: #003333;
	font-size:0.8em;
	font-weight:bold;
	border-bottom: #dcdcdc 1px solid; 
	font-family: 'courier new', 'Lucida Console', 'Monaco','courier';
	background-color: white; 
}