/* GESTION */

#table_gestion_view, #table_stats_of_members, #table_members, #table_url_members, #table_url_acheteurs, #table_bans, .table_listDisplayer
{
    border: 2px inset gray;
    border-collapse: collapse;
    max-width: 400px;
    width: 400px;
}

#table_gestion_view th, #table_stats_of_members th, #table_members th, #table_url_members th, #table_url_acheteurs th, #table_bans th, .table_listDisplayer th
{
    background-color:#9cf;
    text-align:left;
    border: 1px solid black;
}

#table_gestion_view tr a, #table_stats_of_members tr a, #table_members tr a, #table_url_members tr a, #table_url_acheteurs tr a, #table_bans tr a, .table_listDisplayer tr a
{
    display: block; /* affiche les liens en bloc */
}

#table_gestion_view tr:hover, #table_stats_of_members tr:hover, #table_members tr:hover, #table_url_members tr:hover, #table_url_acheteurs tr:hover, #table_bans tr:hover, .table_listDisplayer tr:hover
{
    background-color: #0000CC;
    color: white; /* texte en blanc */
}

#table_gestion_view tr:hover a, #table_stats_of_members tr:hover a, #table_members tr:hover a, #table_url_members tr:hover a, #table_url_acheteurs tr:hover a, #table_bans tr:hover a, .table_listDisplayer tr:hover a
{
    color: white; /* liens en blanc lors d'un hover */
}

#table_gestion_view td, #table_stats_of_members td, #table_members td, #table_url_members td, #table_url_acheteurs td, #table_bans td, .table_listDisplayer td
{
    /* ne donne pas la couleur ici, les even/odd sont là pour ça */
    text-align:left;
    vertical-align: middle;
    border: 1px solid black;
}

.table_members_even, .table_stats_of_members_even, .table_gestion_view_even, .table_url_members_even, .table_url_acheteurs_even, .table_bans_even, .listDisplayer_tr_even
{
    background-color: #FFFFCC;
}

.table_members_odd, .table_stats_of_members_odd, .table_gestion_view_odd, .table_url_members_odd, .table_url_acheteurs_odd, .table_bans_odd, .listDisplayer_tr_odd
{
    background-color: #EEEEEE;
}

.gestion_button_ok
{
	font-weight: bold;
}

.gestion_bad
{
	border: 2px inset #903;
	margin : 15px;
	color: #F20000;
    font-weight: bold;
}

.gestion_good
{
    border: 1px inset blue;
    margin : 15px;
    color: black;
    font-weight: bold;
}

.div_edit_rights
{
	margin-top: 10px;
}





/* pour les Validations JavaScript */
.highlight
{
	background-color: #FF3333;
}





/* LOGIN */
.div_login
{
	border: 1px solid blue;
    width: 98%;
}

.div_login_header
{
	font-weight:bold;
	border-bottom: 1px solid black;
	background-color: #F0F8FF;
}


/* PAGE ARTICLES */
.div_article_bref
{
    margin-bottom: 10px;
}

.div_article_bref_titre
{
    font-weight: bold;
}

.div_article_bref_contenu
{
    
}



/* dans la div de login, le message ("réessayez, login failed") */
.div_login_inner_message
{
}


/* DIV PANIER EN BREF */
.div_panier_bref
{
	border: 1px solid darkblue;	
}

.div_panier_bref_header
{
    font-weight: bold;
	margin-bottom: 15px;	
	border-bottom: 1px solid black;
	background-color: #FAF8CC;
    text-align: center;
}

.btn_see_cart
{
	width: 135px;
    margin-left: 4px;
    margin-top:10px;
}




/* MENU PRODUITS */
/*.treeview a
{
	color: blue;	
}

.treeview a:hover
{
	color: red;
	background-color: #9CF;	
}*/



/* MENU */
.div_menu_header
{
    font-size: large;
}

.div_produits
{
}

.div_produits_header
{
    font-size: large;
}

.div_menu_public_header
{
    font-size: large;
}



/* PAGE TRADUCTION */
.div_traduc_header
{
	font-weight: bold;
	background-color: #FFFFCC;
}

.div_traduc
{
	border: 2px inset blue;
	margin-bottom: 25px;
}

.txt_traduc
{
	width: 98%; /* le met à 98%, car sinon sous IE ça crée un scroll */
}

.div_traduc_search
{
	float: right;	
}

.btn_traduc_submit
{   
}




/* LISTE PRODUITS */
.div_produit_parent
{
	margin-top: 15px;
}

.span_produit_prix
{
	font-weight: bolder;
}

.btn_addToCart
{
	margin-top: 5px;
}

.btn_addToCart2
{
	margin-left: 10px;
}

#tb_produits
{
	border: 2px inset gray;
	border-collapse: collapse;
    max-width: 400px;
    width: 400px;
}

#tb_produits th
{
	background-color:#9cf;
	text-align:left;
	border: 1px solid black;
}

#tb_produits td
{
	background-color: #eee;
	text-align:left;
	vertical-align: middle;
	border: 1px solid black;
}

#table_calculs
{
	border-collapse: collapse;
    margin-top: 15px;
    border: 1px solid black;
}

#table_calculs tr
{
	text-align:left;
	vertical-align: middle;
	border-bottom: 1px solid black;
	padding: 5px;
}

#table_calculs tfoot tr
{
	background-color: #9cf;
	text-align:left;
	vertical-align: middle;
	border-bottom: 1px solid black;
}




/* BON DE COMMANDE */

.div_bon_commande
{
	width: 95%;	
}

.table_header_bon
{
	text-align: left;
	width: 758px;
}

.div_ship_to
{
	margin-top: 20px;
	margin-bottom: 20px;
}

.table_items_bon
{
	text-align: left;
	width: 758px;
	height: 88px;
}




/* TRACKING THE ORDER (div sur le côté) */

.divCodeCommande
{
	margin-bottom: 15px;
	border: 1px solid black;
	text-align: center;
}

.divCodeCommande_header
{
	font-weight: bold;
	border-bottom: 1px solid black;
	background-color: #FAF8CC;
}




/* TRACKING THE ORDER (la page) */

.divShowStatusOrder
{
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid black;
	text-align: center;
}

.divShowStatusOrder_header
{
	font-weight: bold;
	border-bottom: 1px solid black;
	background-color: #F0F8FF;
	margin-bottom: 5px;
}

/* la div qui lui montre le status de sa commande (seulement du texte) */
.div_status_texte
{
}


/* CÔTÉ MEMBRE */
.div_member_no_results
{
	border: 2px solid black;	
}

.p_montant_actuel_commissions
{
	border-bottom: 1px solid black;
}

/* (à l'intérieur de .p_montant_actuel_commissions) */
.span_montant_actuel_commissions
{
    font-weight: bold;
}

.div_impossible_retirer_commissions
{
	background-color: #FFFACD;
	margin-top: 15px;
	margin-bottom: 15px;
}

.div_retirement_ok
{
	background-color: #F0F8FF;
	border: 2px inset black;
	margin-top: 15px;
	margin-bottom: 15px;
}

.div_retirement_bad
{
	background-color: #FFA07A;
	border: 2px inset red;
	margin-top: 15px;
	margin-bottom: 15px;
}

.div_retirement_info
{
	background-color: #E0F8FF;
	border: 2px inset black;
	margin-top: 15px;
	margin-bottom: 15px;
}

.btn_retirer_commissions
{
	/*color : darkblue;*/
	margin-top: 10px;	
}







/* --------------------------- GENERAL TEMPLATE STUFF -------------------------- */



body 
{
    background-color: #FFFFCC;
    font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
    color: #000000;
    margin: 0 0 4px 0;
    padding: 2px 4px;
}

#global 
{
    width: 832px;
    border: 0px solid #012f9f;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFCC;
}

/* En-tête */
#entete 
{
    background-image: url('../../images/template/ban_default.gif');
    background-repeat: no-repeat; 
    width: 839px;
    height: 230px;
    margin: 0 0 0 -6px;
    padding: 20px 0px;
}

/* Conteneur central */
#centre 
{
    background-color: #ffffff;
    margin-top: -15px;
    width: 100%;
    overflow: hidden;
}

/* Contenu principal */
#principal 
{
    float: left;
    width: 460px;
    background-color: #f6f6f6;
    border: 1px solid #002f9f;
    margin: 5px 0 10px 10px;
    padding: 10px 10px;
}

#droite 
{
    background-color: #ff985f;
    border: 1px solid #002f9f; 
    margin: 5px 0px 0 680px;
    padding: 2px;
}

#flags 
{
    position: absolute;
    margin: -78px 0 0 20px;
}

#divSlogan 
{
    position: absolute;
    font: bold 20px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    width: 790px;
    text-align: center;
    margin: -40px 0 0 20px;
    cursor: default;
}

#tailletext 
{
    position: absolute;
    background-color: transparent;
    width: 100px;
    height: 19px;
    margin: -75px 0 0 720px;
}

/* Pied de page */
#pied 
{
    background-image: url('../../images/template/foot.jpg');
    border-top: 3px solid #002f9f;
    margin-top: 6px;
    padding: 4px;
    clear: both;
}

a 
{
    color: #000080;
}

a:hover, a:focus 
{
    color: #841028;
}

h1 
{
    font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
    color: #000000;
    text-align: justify; 
    margin: 8px 0 8px 8px; 
}

h6 
{
    font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;  
    color: #000080;
    text-align: justify; 
    margin: 8px 0 8px 250px; 
}

p 
{
    font: 0.8em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    color: #000000;
    text-align: justify;
}

.underline 
{
    font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    color: #000000;
    text-align: justify; 
    margin: 4px 0 20px 6px;
    padding: 4px;
    background-color: #ffffff;
    border-bottom: 1px dotted #505050;
}

.espace 
{
    margin : 8px 8px 8px 8px; 
    border-bottom: 1px dotted black;
}

.image 
{
    border: 0px;
}

/* Menu de navigation */
#navigation 
{
    float: left;
    width: 172px;
}

/*#navigation ul {
margin: 0 0 0 -2px;
padding: 10px 10px 20px 10px;
list-style: none;
}*/

#navigation a 
{
    border-bottom: 1px dotted #000000;
    width: 86%;
    display: block;
    height: 1%;
    padding: 6px 10px 6px 10px;
    line-height: 1.5;
    font: bold 0.75em  Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
}

#navigation 
{
    background-color: white;
}

#navigation a 
{
    color: #FF6533;
}

#navigation a:hover, #navigation a:focus  
{
    background-color: #002f9f;
}


/* --------------------------- CSS : FORM -------------------------- */

label 
{ 
    font:  bold 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    cursor: pointer;
} 

input 
{ 
    font: 11px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    border: 1px solid #18499a;
    background-color: #ffffff;
    /*color: darkblue;*/
}

input:hover 
{
    border : 1px solid red;
    color: blue;
}

input:active 
{
    border : 1px solid black;
}

select, option 
{ 
    background-color: #ffffff;
    color: #000080;
}

textarea 
{ 
    font: 12px Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
    color: #000000;
    border: 1px solid #18499a;
    background-color: #ffffff;
}

textarea:hover 
{
    border : 1px solid red;
}