body {
	background: #F39E1D;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
table {
    /*float:left;*/
	float:center;
}
td {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
}
/* ======================================== BOUTONS ==============*/
/* ------------------------ orange --------------------------------*/
.btn_ora a {
    text-decoration:none;
    color:#993300;
    display:block;
    background-color:#dd4d00;    
    background-image:url(img/btn_ora1.png);
	background-repeat:repeat-x;
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
.btn_ora a:hover {
    text-decoration:none;
    color: white;
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#ff5500;    
    background-image:url(img/btn_ora2.png);
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
/* ------------------------ orange2 --------------------------------*/
.btn_ora2 a {
    text-decoration:none;
    color:#993300;
    display:block;
    background-color:#dd4d00;    
    background-image:url(img/btn_ora1b.png);
	background-repeat:repeat-x;
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
.btn_ora2 a:hover {
    text-decoration:none;
    color: white;
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#ff5500;    
    background-image:url(img/btn_ora2b.png);
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}

/* ------------------------ rouge --------------------------------*/
.btn_red a {
    text-decoration:none;
    color:yellow;
    display:block;
    background-color:#AA0000;    
    background-image:url(img/btn_red1.png);
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
}
.btn_red a:hover {
    text-decoration:none;
    color: white;
    background-color:#EE0000;    
    background-image:url(img/btn_red2.png);
    margin:10px;
    padding-top:5px;
    padding-bottom:5px;
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
}
/* ------------------------ vert (mini) --------------------------------*/
.btn_ver a {
    text-decoration:none;
    color:#009900;
    display:block;
    background-image:url(img/btn_ver1.png);
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
	  font-size: 11px;
}
.btn_ver a:hover {
    text-decoration:none;
    color: white;
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    background-image:url(img/btn_ver2.png);
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
	  font-size: 11px;}
/* ------------------------ vert (double) --------------------------------*/
.btn_ver2 a {
    text-decoration:none;
    color:#009900;
    display:block;
    background-image:url(img/btn_ver3.png);
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
	font-size: 11px;
}
.btn_ver2 a:hover {
    text-decoration:none;
    color: white;
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    background-image:url(img/btn_ver4.png);
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
	font-size: 11px;}
/* ------------------------ bleu (mini) --------------------------------*/
.btn_ble a {
    text-decoration:none;
    color:#000099;
    display:block;
    /*background-color:#dd4d00;    */
    background-image:url(img/btn_ble1.png);
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    border-left:1px solid #fff;
    border-top:1px solid #fff;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
	  font-size: 11px;
}
.btn_ble a:hover {
    text-decoration:none;
    color: white;
    margin:4px;
    padding-top:2px;
    padding-bottom:2px;
    /*background-color:#ff5500;*/    
    background-image:url(img/btn_ble2.png);
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
	  font-size: 11px;}
/* ======================================== POLICES ==============*/
/* ------------------------ blanc --------------------------------*/
.w10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
}
.w12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: white;
}
.w14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
}
.w24 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: white;
}
/*----------------------------------------------------------------*/
/* ------------------------ bleu foncé----------------------------*/
.b8 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000099;
}
.b10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000099;
}
.b12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000099;
}
.b14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000099;
}
.b16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000099;
}
.b18 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000099;
}
.b20 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #000099;
}
.b22 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #000099;
}
/*---------------------------------------------------------------*/
/* ------------------------ vert foncé----------------------------*/
.v8 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #007700;
}
.v10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #007700;
}
.v12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #007700;
}
.v14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #007700;
}
.v16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #007700;
}
.v18 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #007700;
}
.v20 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #007700;
}
.v22 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #007700;
}
/*---------------------------------------------------------------*/
/* ------------------------ vert moyen --------------------------*/
.dp10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006839;
}
.dp12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006839;
}
.dp14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #006839;
}
.dp16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #006839;
}
.dp18 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #006839;
}
.dp20 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #006839;
}
.dp22 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #006839;
}
/*---------------------------------------------------------------*/

/*-------------------------------- Violet -----------------------*/
.vi8 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #7F006E;
}
.vi10 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F006E;
}
.vi12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7F006E;
}
.vi14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #7F006E;
}
.vi16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7F006E;
}
.vi18 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #7F006E;
}
.vi20 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #7F006E;
}
.vi22 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #7F006E;
}
/*---------------------------------------------------------------*/
.m12 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #663300;
}
.m14 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #663300;
}
.m16 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #663300;
}
.m18 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #663300;
}
.m20 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #663300;
}
.dev {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
  color: #660000;
}
/*---------------------------------------------------------------*/
#fond {
  background-color: white;
  padding: 10px;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
#bandeau {
	width: 900px;
	height: 115px;
	background-color: white;
	margin-bottom:5px;
}
#logo {
	float: left;
	width: 150px;
	height: 105px;
	padding: 5px;
	background-color: white;
  text-align: center;
}
#titre {
	float:left;
  	width: 730px;
	height: 70px;
	padding: 5px;
	background-color: white;
}
#navig {
	float:left;
	width: 730px;
	height: 20px;
	background-color: white;
    padding: 5px;
}
#page {
	width:880px;
	height:520px;
  padding: 10px;
	background-color: #FFCC44;
  border: 1px solid #F39E1D;
  overflow: auto;
  color: #006600;
}
#menu {
	float:left;
	width:300px;
	height:500px;
  padding:2px;
	background-color: #FFDC5A;
  text-align: center;
  border: 1px solid orange;
}
#contenu {
	float:right;
	width:544px;
	height:484px;
  	padding:10px;
	background-color: #FFEE66;
  	border: 1px solid #FFDC5A;
  	overflow: auto;
}
#ContenuMax {
	float:left;
	width:858px;
	height:484px;
  	padding:10px;
	background-color: #FFEE66;
  	border: 1px solid #FFDC5A;
  	overflow: auto;
}
#ContenuMax2 {
	float:left;
	width:858px;
	height:484px;
  	padding:10px;
    background-color: #E0FFE0;
    border: 1px solid #006839;
  	overflow: auto;
}

#contenuB {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
  background-color: #E0FFE0;
  border: 1px solid #006839;
}
#contenuB2 {
	float:center;
	width:520px;
	height:380px;
  padding:10px;
  background-color: #EEFFEE;
  border: 1px solid #006839;
}
#contenuH {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	background-color: #FFFFFF;
  border: 1px solid #000099;
}
#contenuE {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	background-color: #F8D59A;
  border: 1px solid #9F6C74;
  color: #006600;
}
#contenuV {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	background-color: #DDBBFF;
  border: 1px solid #AC06D6;
}
#contenuD {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	background-color: #BEFFBE;
  border: 1px solid #30CB9A;
  color: #000066;
}
#contenuS {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	background-color: #FBD396;
  border: 1px solid #D59061;
  color: #006600;
  overflow: auto;
}
#contenuF {
	float:right;
	width:544px;
	height:484px;
  padding:10px;
	/*background-color: #D5D8A8;*/
  background-color: #E0FFE0;
  border: 1px solid #006839;
  overflow: auto;
}

#pied_page {
	clear:both;
	width:900px;
	height:20px;
	background-color: white;
  	padding:0px;
  	text-align:center;
	vertical-align:middle;
}
/*---------------------------------------- menus à onglets ----------------------------*/
#en-tete {
  overflow: hidden;
  background-color: #E0FFE0;
  /*background-image: url(img/onglets/fond.png);
  background-position: bottom;
  background-repeat: repeat-x;*/
}
#en-tete ul {
  float: left;
  margin-top: 16px;
  margin-right: 16px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 0px;
  list-style: none;
}
#en-tete ul li {
  float: left;
  margin-left: 3px;
  font-size:12px;
}
#en-tete ul li a {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(img/onglets/coin-gauche.png);
  background-position: 0% -250px;
  background-repeat: no-repeat;
}
#en-tete ul li#actif {
  float: left;
  text-decoration: none;
  letter-spacing: 1px;
  padding-left: 10px;
  background-image: url(img/onglets/coin-gauche.png);
  background-position: 0% 0%;
  background-repeat: no-repeat;
}
#en-tete ul li a span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(img/onglets/coin-droit.png);
  background-position: 100% -250px;
  background-repeat: no-repeat;
  color: #ffffff;
}
#en-tete ul li#actif span {
  float: left;
  padding-top: 6px;
  padding-right: 10px;
  padding-bottom: 3px;
  padding-left: 0px;
  background-image: url(img/onglets/coin-droit.png);
  background-position: 100% 0%;
  background-repeat: no-repeat;
  color: #333333;
}
#en-tete ul li a:hover {
  background-position: 0% -500px;
}
#en-tete ul li a:focus {
  background-position: 0% -500px;
}
#en-tete ul li a:hover span {
  background-position: 100% -500px;
}
#en-tete ul li a:focus span {
  background-position: 100% -500px;
}
/*----------------------------------------- POP-UP --------------------------------------*/
a.bulle {
     position:relative;
     color:#000077;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     text-align:center;
     font-size:11px;
   }
   
   a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
   a.bulle span {
     display: none;
   }
   
   a.bulle:hover span {
      display: block;
      position: absolute;
      top: -20px;
      left: 40px;
      font-family:arial, verdana, sans-serif;
      text-align:justify;
      font-size:12px;
      font-weight:normal;
      width:400px;
      background: #EEFFEE;
	  color:#007700;
      padding: 5px;
      border: 1px solid #005500;
      border-left: 10px solid #005500;
   }
/*------------ éléments de formulaire*/
.inputobl {
	color: #000066;
	background-color:#BBFFFF;
}
.inputres {
	color: #660000;
	background-color:#EEEEEE;
}
/*------------ couleurs de cellules */
.jaune1 {
	background-color:#FFFFCC;
}
.orange1 {
	background-color:#FFEECC;
}
.vert1 {
	background-color:#AAFFAA;
}
.saum1 {
	background-color:#FFDDAA;
}
.saum2 {
	background-color:#FFEEBB;
}
.saum3 {
	background-color:#FFFFDD;
}
.fc_expoff {
	background-color:#AAFFAA;
}
.fc_grapat {
	background-color:#FFDDAA;
}
.fc_thealt {
	background-color:#DDAAFF;
}