/* ================================================================================*/
/*
  Les couleurs:
  - Titre: color: #62AE31 #E2007A; FFA813
  - Lien Url: color: #0191D7;
  - Texte : #666666;
  - Border: #90C66E #EA409A; 
*/

/* -------------- Rectangles aux coins arrondis ------------- */
.xbox_creuse { 	background: transparent; }

.xbox_creuse .xhori{ display:block;  background:transparent;  font-size:1px; }

.xbox_creuse .xboxcontent {
	display:block; 
	height:auto;	
	border-width:0 1px; 
	border-left: solid 1px #90C66E; 
	border-right: solid 1px #90C66E;	
}

.xbox_creuse .xhori .xb1, .xbox_creuse .xhori .xb2, .xbox_creuse .xhori .xb3, .xbox_creuse .xhori .xb4 {
	border-left: solid 1px #90C66E; 
	border-right: solid 1px #90C66E;	
	height:1px;		
	display:block; 	
	overflow:hidden;	
}
.xbox_creuse .xhori .xb1 {	margin:0 5px; background: #90C66E;	}
.xbox_creuse .xhori .xb2 {	margin:0 3px; border-left-width: 2px; border-right-width: 2px; }
.xbox_creuse .xhori .xb3 {	margin:0 2px; }
.xbox_creuse .xhori .xb4 {	margin:0 1px; height:2px; }

/* -------------- Rectangles pleins aux coins arrondis ------------- */

div.xbox_pleine { margin: 0 0;  background: #EEEEEE; }

.xbox_pleine .xhori { display:block; background: #FFF}
.xbox_pleine .xhori b{
	display:block; 
	height: 1px;
    overflow: hidden; 
    background: #EEEEEE;
 }
 
 .xbox_pleine .xhori b.xb1{ margin: 0 5px}
 .xbox_pleine .xhori b.xb2{ margin: 0 3px}
 .xbox_pleine .xhori b.xb3{ margin: 0 2px}
 .xbox_pleine .xhori b.xb4{ margin: 0 1px; height: 2px}    

/* ============================ Selecteur HTML ============================ */
body 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;	
	text-align: center;
	position: relative;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* 
	Par defaut, les bordures des td ont le style "solid" mais de tailles 0px 
	Cela permet de rajouter les bordure facilement en mettant par exemple: border-bottom-width: 1px;
*/
td { border-style: solid;  border-width: 0px;}

img { border-width: 0 }
/* -------------- Classes _co ------------- */
/* 
	Ce sont des classes qui partagent les caractéristiques
	entre le mode EE et AD
	il y aura alors: 
	- une classe: <pre>_co qui ce trouve dans "gen_co.css"
	- une classe: <pre>_ee_ad qui se trouve dans gen_ee.css et gen_ad.css
*/
.gen_color {	color: #666666;	 }

.gen_fond {	
	width: 976px; border: solid 0px; text-align: left;
	height: 560px;
	background-repeat: no-repeat;
}    

/* tous les blocs: bordure simple */
.gen_box_ea{ font-size: 9pt; color: #666666; }

/* Boutons type: Valider */
.gen_valider
{
 vertical-align: middle;
 text-decoration: none;	
 font-size: 12px;
 font-weight: bold; 
 color: White;
 background-color: #0191d7;
 background-image: url(../images/fleche_bouton.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding: 2px 8px 2px 18px;
 border: solid 0;
}

.gen_suite
{
 vertical-align: middle;
 text-decoration: none;	
 font-size: 8pt;
 font-weight: bold; 
 color: White;
 background-color: #0191d7;
 background-image: url(../images/fleche_bouton.gif);
 background-repeat: no-repeat;
 background-position: left;
 padding: 2px 8px 2px 18px;
 border: solid 0;
}


.gen_separateur 
{
	height: 2px;
	background-color: #EEEEEE;
	font-size: 1pt;
}

input.gen_box
{
	border: solid 1px #2A4E39;	color: #666666; 
	font-family: Arial;
}

.gen_box
{
	border: solid 1px #2A4E39;	
	color: #666666;
	 margin: 0 auto;
}
.gen_box_number
{
	border: solid 1px #2A4E39;	
	text-align: right;
	color: #666666;
}

.gen_aright
{
 text-align: right;
}


.gen_modal_background {
	background-color:#EEEEEE;
	filter:alpha(opacity=20);
	opacity:0.2;
}
.gen_noborder 
{
	border-width: 0;
}
.gen_liste { border: solid 0px #DBFABD; border-left-width: 1px; border-right-width: 1px; width: 100%; overflow: hidden; }
.gen_liste_hd {text-align: center; background-color: #DBFABD; padding-bottom: 3px; font-size: 9pt; color: #0191D7;}
.gen_liste_cell {border-color: #DBFABD; border-right-width: 1px; border-right-style: solid; border-bottom-width: 1px; border-bottom-style: solid;}

.gen_text_important {color: #0191D7}

.gen_link
{
	color: #0191D7;	
	font-size: 8pt;	
}

/* -------------- Classes normales ------------- */
.log_body
{
	border: solid 0px; 
	background-image: url(../images/log-img_fond.jpg);
	background-repeat: no-repeat;	
	background-position: right;	
	text-align: center;
	width: 95%;	
}

.login .xhori .xb1, .login .xhori .xb2, .login .xhori .xb3, .login .xhori .xb4 {background-color: #EEEEEE; 
	border-left: solid 1px #EEEEEE; 
	border-right: solid 1px #EEEEEE;		
	}
.login .xbox_content {background-color: #EEEEEE;}
/* ============= Entete / Head ================================================== */
.page_head_adherent_ea 
{
	font-family: Arial;
	font-size: 8pt;
	position: relative;
    width: 170pt;
    border: solid 0px; 
    text-align: left;
}

.page_head_ea { border: solid 0px; border-color: #e1dbdd; display: block; }

/* Bouton log_out */
.page_head_adherent_ea #btn_logout
{
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;	
	background-image: url(../images/menu_fleche.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 9px;
	cursor: pointer;
	height: 10px;			
	color: #0191D7;	
}

.page_head_adherent_ea .head_Coll_No{ font-size: 10pt;}
.page_head_adherent_ea .head_Coll_Nom{ font-size: 8pt;}
.page_head_main_ea #div_head_infos { height: 80px; color: #000000;}

.page_head_main_ea div.xbox_pleine { 
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	width: 100%;	/* Sans ca, opacité ne marche pas sur IE */
	background-color: #EFEFEF;
 }

.page_head_main_ea .xbox_pleine .xhori {  
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}
.page_head_main_ea .xbox_pleine .xhori b{
    background: #EFEFEF;
    filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
    
 }

.page_head_main_ea #lb_TitreBody 
{
	background-image: url(../images/fleche_titre.gif);
	background-repeat: no-repeat;
	background-position: left;	
	background-color: Transparent;
	font-family: Trebuchet MS;
	font-size: 11pt;
	color: #0191D7;
	font-weight: bold;
	width: 150pt;
	border: solid 0px;	
	padding-bottom: 0px;
	padding-left: 12pt;
}
.page_body_message { width: 100px; height: 80px; background-color:  #EEEEEE; border: solid 1px #EA409A; }
.page_bottom { padding: 10px  0 0 100px; }
.page_bottom a { color: #B5B5B5; padding: 0px 6px 0px 0px; border-right: solid 1px #B5B5B5; font-size:7pt;}
.page_bottom span { color: #B5B5B5; padding: 0px 6px 0px 6px; border-right: solid 0px #B5B5B5; }

/* ============= Tables génériques ===================================== */
.gen_table {
	border-left: solid 1px #DBFABD; 
	border-right: solid 1px #DBFABD; 
	border-bottom: solid 2px #DBFABD; 
	width: 100%; overflow: hidden;
	text-align: center;
}
.gen_table .thead { text-align:center; background-color: #DBFABD; color: #0191D7; }
.gen_table .thead td { padding-bottom: 4px; }

.gen_table td { border-color: #DBFABD; padding: 1px 0; }
.gen_table .tbody td {	border-bottom-width: 1px; border-right-width: 1px; } 

/* ============= Menu ================================================== */
.menu_titre
{
	width: 150pt;
	border: solid 0px
}
.menu_panel_items
{
	width: 170pt;
	border: solid 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: left;
    white-space: nowrap;
    visibility: visible;
    overflow: visible;
}

.menu_item { border: solid 0px #EEEEEE;}

.menu_item a, .menu_item label
{
	background-image: url(../images/menu_fleche.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 9px;
	padding-bottom: 4px;
	width: 160pt;
	color: #0191D7;	
	font-size: 8pt;
	font-weight: bold;	
}
.menu_titre a
{
	padding-bottom: 4px;
	font-family: Trebuchet MS;
	font-size: 11pt;
	font-weight: bold;
	color: #2A4E39;
	width: 150pt;
}
.menu_item_declaration {border: solid 0px #EEEEEE; }
.menu_titre:visited { color: #E2007A; }

.menu_separateur
{
	font-size: 1pt;
	width: 160pt;	
	border-bottom: dashed 1px #62AE31;
	margin-top: 4px;
}

.menu_separateur_section
{
	font-size: 1pt;
	width: 160pt;	
	border-bottom: solid 0px #62AE31;	
	background-color: #DBFABD;
	height:4px;
	margin-top: 4px;
}


.menu_declarations { border: solid 0px #EEEEEE;}
.menu_declarations a
{
	background-image: none;
	padding: 0 0;
	width: 160pt;
	color: #0191D7;	
	font-size: 8pt;
	font-weight: bold;
	margin: 0 0 0 0;
	border: solid 0px;
}
.updater { display: none; }

.gen_imgactive { cursor: pointer; }

.pager_precedent, .pager_suivant
{
	width: 40%
	
}

.pager_precedent { text-align: left; }
.pager_suivant {text-align: right;}

.pager_precedent a
{
	background-image: url(../images/fleche_rewind.gif);
	background-repeat: no-repeat;
	background-position: top right;	
	padding-right: 14px;
	padding-bottom: 4px;
	width: 40%;
	color: #0191D7;	
	font-size: 8pt;
	font-weight: bold;	
	width: 40%;
}
.pager_suivant a
{
	background-image: url(../images/fleche_play.gif);
	background-repeat: no-repeat;
	background-position: top left;	
	padding-left: 14px;
	padding-bottom: 4px;
	color: #0191D7;	
	font-size: 8pt;
	font-weight: bold;	
	width: 40%;
}

/* ==================== les Coordonnees ====================================================== */
.coo_table { padding: 2px 2px 2px 2px; border: solid 1px #DBFABD;}
.coo_table .thead { text-align:center; background-color: #DBFABD; padding-bottom: 5px; color: #0191D7; font-size: 9pt;}
.coo_table .tbody { border-width: 0px; }
.coo_table .tbody .coo_libelle {background-color: #EEEEEE;  border-bottom-color: White; border-bottom-width: 1px; width: 100px; padding-left: 4px; font-weight: bold;}
.coo_table .tfoot .coo_libelle {background-color: #EEEEEE; border-bottom-width: 0px; width: 100px; padding-left: 4px; font-weight: bold;}
.coo_consult_item { border-color: #EEEEEE; border-bottom-width: 1px; padding-left: 4px;}


.don_libelle { text-align: left; background-color: #EEEEEE;  border-bottom-color: White; border-bottom-width: 1px; width: 200px; font-weight: bold;}
.don_value { border-color: #EEEEEE; border-bottom-width: 1px; padding-left: 4px;}