/********************************************************
 * Feuille CSS du template AMBIANCE
 * Couleur de référence :
 * Vert foncé : #315a18
 * Vert moyen : #8fbc13
 * Vert clair : #d6e6a7 
 ********************************************************/

body{
	margin: 0;
	padding: 0;
	float: center;
	background: #cccbcb;
	color: #000000;
	/*background-image: url("bg-body.gif"); */
	font-family: Verdana, Geneva, "Bitstream Vera Sans", sans-serif;
	font-size: 75%;	
}

unknown           { font-size: 10px; color: #315a18; font-family: Verdana }

.T_title          { font-size: 24px; color: #FFFFFF; font-family: Verdana; font-weight: bold }
.T_subtitle       { font-size: 14px; color: #F6AF04; font-family: Verdana; font-weight: bold }
.T_header         { font-size: 12px; COLOR: #7d5b04; FONT-FAMILY: Verdana; FONT-WEIGHT: bold }
.T_categ1         { font-size: 16px; color: #ffcc00; font-family: Verdana; font-weight: bold }
.T_categ2         { font-size: 16px; color: #cc6600; font-family: Verdana; font-weight: bold; font-style: italic }
.T_categ3         { font-size: 10px; color: #ffcc00; font-family: Verdana; font-weight: bold; font-style: italic }
.T_categ4         { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; }
.T_normal         { font-size: 12px; color: #000000; font-family: Verdana; }
.T_widget         { font-size: 10px; color: #000000; font-family: Verdana; }
.T_warning        { font-size: 10px; color: #CC3300; font-family: Verdana; }
.T_comment        { font-size: 10px; color: #666666; font-family: Verdana; }
.T_1              { font-size: 12px; color: #000000; font-family: Verdana; font-weight: bold }
.T_2              { font-size: 12px; color: #315a18; font-family: Verdana; }
.T_3              { font-size: 12px; color: #315a18; font-family: Verdana; }
.T_4              { font-size: 10px; color: #666666; font-family: Verdana; }

/*************************** Formulaire ****************************/

form              { font-size: 12px; MARGIN-BOTTOM: 2px; font-family: Verdana }
input             { font-size: 12px; height: 18px; border: 1px solid #666666; font-family: Verdana }
input.checkbox    { font-size: 12px; height: 18px; border: 0px; font-family: Arial, Helvetica }
input.radio       { font-size: 12px; height: 18px; border: 0px; font-family: Arial, Helvetica }
input.calendar    { font-size: 12px; height: 18px; width:65px; border: 1px solid #666666; font-family: Arial, Helvetica }
select            { font-size: 12px; height: 18px; border: 1px solid #666666; font-family: Verdana }
textarea          { font-size: 12px; border: 1px solid #666666; font-family: Verdana }

/************************ Liens hypertextes ***************************/

A                    { font-size: 12px; color: #315a18; font-family: Verdana; text-decoration: underline }
A:hover              { font-size: 12px; color: #315a18; font-family: Verdana; text-decoration: underline }

A.A_normal           { font-size: 12px; color: #315a18; font-family: Verdana; text-decoration: none; }
A.A_normal:hover     { font-size: 12px; color: #315a18; font-family: Verdana; text-decoration: underline; }

A.A_widget           { font-size: 10px; color: #315a18; font-family: Verdana; text-decoration: underline; }
A.A_widget:hover     { font-size: 10px; color: #315a18; font-family: Verdana; text-decoration: underline; }


A.A_comment          { font-size: 10px; color: #666666; font-family: Verdana; text-decoration: none;      }
A.A_comment:hover    { font-size: 10px; color: #666666; font-family: Verdana; text-decoration: underline; }

A.A_categ            { font-size: 10px; color: #ce3000; font-family: Verdana; text-decoration: none }
A.A_categ:hover      { font-size: 10px; color: #ce3000; font-family: Verdana; text-decoration: underline }

/***************************** Sitemap *****************************/

.T_sitemap_n1       { font-size: 11px; COLOR: #f64b48; FONT-FAMILY: Verdana; FONT-WEIGHT: bold }
.T_sitemap_n2       { font-size: 11px; COLOR: #6a7183; FONT-FAMILY: Verdana; FONT-WEIGHT: bold }
.T_sitemap_n3       { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana }
.T_sitemap_n4       { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana }

.A_sitemap_n1       { font-size: 11px; COLOR: #f64b48; FONT-FAMILY: Verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold }
.A_sitemap_n1:hover { font-size: 11px; COLOR: #f64b48; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold }

.A_sitemap_n2       { font-size: 11px; COLOR: #6a7183; FONT-FAMILY: Verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold }
.A_sitemap_n2:hover { font-size: 11px; COLOR: #6a7183; FONT-FAMILY: Verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold }

.A_sitemap_n3       { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none }
.A_sitemap_n3:hover { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline }

.A_sitemap_n4       { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: none }
.A_sitemap_n4:hover { font-size: 11px; COLOR: #000000; FONT-FAMILY: Verdana; TEXT-DECORATION: underline }

/****************************** Menu *******************************/

.T_shortcut          { font-size: 10px; color: #d6e6a7; font-family: Verdana; }
A.A_shortcut         { font-size: 10px; color: #d6e6a7; font-family: Verdana; text-decoration: none;      }
A.A_shortcut:hover   { font-size: 10px; color: #d6e6a7; font-family: Verdana; text-decoration: underline; }
A.A_shortcutsel      { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none;      }
A.A_shortcutsel:hover{ font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline; }

.T_menu_n1           { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold }
A.A_menu_n1          { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n1:hover    { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }
A.A_menu_n1sel       { font-size: 10px; color: #f64b48; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n1sel:hover { font-size: 10px; color: #f64b48; font-family: Verdana; font-weight: bold; text-decoration: underline }

.T_menu_n2           { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold }
A.A_menu_n2          { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n2:hover    { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }
A.A_menu_n2sel       { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n2sel:hover { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }

.T_menu_n3           { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold }
A.A_menu_n3          { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n3:hover    { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }
A.A_menu_n3sel       { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n3sel:hover { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }

.T_menu_n4           { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold }
A.A_menu_n4          { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n4:hover    { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }
A.A_menu_n4sel       { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_menu_n4sel:hover { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }

.T_footer            { font-size: 10px; color: #ffffff; font-family: Verdana; }
A.A_footer           { font-size: 10px; color: #ffffff; font-family: Verdana; text-decoration: none;      }
A.A_footer:hover     { font-size: 10px; color: #ffffff; font-family: Verdana; text-decoration: underline; }
A.A_footersel        { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: none }
A.A_footersel:hover  { font-size: 10px; color: #ffffff; font-family: Verdana; font-weight: bold; text-decoration: underline }


/***************************** TD Content *****************************/
td.title { 
  background:     #ffffff;
  color:          #f64b48; 
  font-size:      12px; 
  font-family:    Verdana; 
  font-weight:    bold;
  text-align:     left;
}
td.title a       { color: #7d5b04; text-decoration: none }
td.title a:hover { color: #7d5b04; text-decoration: underline }

td.col_left { 
  width:          121px;
  background:     #ffffff;
  font-size:      10px; 
  color:          #315a18; 
  font-family:    Verdana; 
  padding :       2px 0px 0px 0px; /*top, droite, bottom, gauche*/
  text-align:     left;
  vertical-align: top;
}
td.col_content { 
  width:          687px;
  background:     #ffffff;
  font-size:      12px; 
  color:          #000000; 
  font-family:    Verdana; 
  padding :       5px 5px 5px 5px; /*top, droite, bottom, gauche*/
  vertical-align: top;
  text-align:     justify;
}


/***************************** TD Search *****************************/
td.search  {
  font-size:      12px; 
  font-family:    Verdana;
  color:          #315a18;
  font-weight:    bold;
}

/*************************** TABLE etape *****************************/
table.etape {
  font-size:      10px; 
  font-family:    Verdana;
  font-weight:    bold;
  color:          #315a18;
  border:         0px;
  border-spacing: 0px; /*Distance entre les cellules */
  padding:        0px;
}

table.etape a       { font-size: 10px; font-family: Verdana; text-decoration: underline }
table.etape a:hover { font-size: 10px; font-family: Verdana; text-decoration: underline }

td.etape0  {
  width:          110px;
  height:         25px;
  text-align:     center;
  color:          #315a18;
  background-image: url("bg-etape0.gif"); 
}
td.etape1  {
  width:          110px;
  height:         25px;
  text-align:     center;
  color:          #315a18;
  background-image: url("bg-etape1.gif"); 
}
td.etape-sep  {
  width:          8px;
  height:         25px;
  background-image: url("bg-etape-sep.gif"); 
}

/***************************** TD Menu *****************************/
td.menu_n1  {
  background:       #a7cc56;
  background-image: url("menu-body.png"); 
  font-family:      Verdana;
  font-size:        11px;
  font-weight:      bold;
  color:            #315a18;
  cursor:           pointer;
}
td.menu_n2 {
  background: #a7cc56;
  font-family: Verdana;
  font-size: 11px;
  color: #404040;
  cursor: pointer;
  text-align: center;
}

/*********************** Tableau de données ************************/

input.data { 
  font-size:   10px; 
  width:       30px;
  height:      15px; 
  border:      1px solid #666666; 
  font-family: Verdana
}
table.data {
  font-size:   10px; 
}
tr.data_err {
  FONT-WEIGHT: bold;
  color: #CC3300;
}
tr.data_header {
  font-size:   10px; 
  FONT-WEIGHT: bold;
  COLOR:       #404040; 
  background:  #cccccc;
  text-align:  left;
  height :     20px;
}
tr.data_line1 {
  background:  #d8d8d8;
  font-size:   10px; 
  COLOR:       #404040; 
  height:      20px;
}
tr.data_line0 {
  background:  #ffffff;
  FONT-SIZE:   10px; 
  COLOR:       #404040; 
  height:      20px;
}
tr.data_total {
  background:  #cccccc;
  FONT-WEIGHT: bold;
  FONT-SIZE:   10px; 
  COLOR:       #404040; 
  height:      20px;
}

/***************************** QUIZZ *****************************/

table.quizz {
  font-size:   12px; 
  border:         0px;
  border-spacing: 4px; /*Distance entre les cellules */
  padding:        0px;
}

/***************************** FORM *****************************/

table { font-size: 12px; }

table.form { width: 100%; font-size: 12px; }

table.form tr.form_sep { font-size: 12px; height:  1px; color: #000000; background: #000000; }