/* BACKGROUND */

body { background-color:#30353B;MARGIN-LEFT: 50px;} /*General background color*/
.main, .throw, .admin {	background-color:#013145;} /*Main background color*/
.table1, .home , .home_ { background-color:#013145;} /* Tables & forms */
.row1,input,select, textarea { background-color:#0E3954;} /* Tables & forms */
.table2, .commentTitle { background-color: #797979;} /* Alternate table & comments  */
.errors { background-color:red;} /* Errors display */
.infos { background-color:blue;} /* Infos display */
.titreMenu,.titrePage,.imgMenu a:hover { background-image: url(theme/tableh1_bg.jpg);} /* Titles background image  */
.bouton, .imgMenu a, #imgBarMenu { background-image: url(theme/button_bg.gif);} /* Buttons background image */

/* FONT COLORS */

body { color:#E0E0E0;} /* General font color */
input,select,textarea { color:#FFFFCC;} /* Forms font color */
.titreMenu, .titreMenu a, .info, .admin{ color:#FFF48E;} /* Menu & sections titles */
.titrePage, .titreMenu a:hover { color:#E0E0E0;} /* Page title */
.comment{ color:#C6B78E;} /* Comments */
.commentDate { color:#999999;} /* Comments date */
.throw { color:#FFFFCC;} /* First line of tables */
.bouton, .errors, .infos { color:#FFFFFF;} /* Buttons & errors */

/* Update results (admin side only) */
.update_summary_new, .best_gen_time
{ color:#9cb4ce;}

/* Update results (admin side only) */
.update_summary_del,.worst_gen_time
{ color:#ffe1e1;}

/* ANCHORS */

a { text-decoration:none; color:#FFFFFF;}
a:hover { text-decoration:none; color:#FFF48E;}
a.none:hover { text-decoration:none;}
a.image:hover { text-decoration:none;}
a.thumbLink:hover { text-decoration:none;}

/* FONT STYLES */

body /* Main font style */
{
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:12px;
  margin:5px;
}

h1 /* H1 tag style (admin side only) */
{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	text-decoration:none; 
	line-height:	120%;
	font-size:18px;
	font-weight: bold;
}

h2 /* H2 tag style (admin side only) */
{
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none; 
	line-height:	120%; 
	font-size:12px;
	font-weight: bold;
}

.titreMenu /* Menu titles */
{
  font-size:12px;
  font-weight:600;
}

.titrePage /* Page titles */
{
  font-family: 'Futura', Verdana, sans-serif;
  font-weight:600;
  font-size:12px;
}

.commentTitle /* Comments title */
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
}

.menu, .thumbnail, .thumbnail_caddie, .totalImages, .home, .thumb_picture, .thumb_category { font-size:11px;}
.small{ font-size:10px;}
.menuCategorySelected, .throw, .admin, .errors { font-weight:bold;}
.menuCategoryNotSelected, .dateSelected, .pageNumberSelected, .thumb_picture, .thumb_category  { font-weight:normal;}
.commentDate, .bouton  { font-weight:lighter;}
.commentImage { font-style:italic; font-size:16px;}
.nameImage { font-size:20px;}
.info { font-size:16px;}
.infos { font-size:14px; font-weight:bold; font-family: Arial, Helvetica, sans-serif;}
.copyright { font-size:10px; text-align:center; letter-spacing:-1px;}
div.information {  font-size:14px; font-weight:bold;}

/*----------------------------------------------*/
/* Under this point, do not modify the values   */
/* unless you are aware of what you are doing!  */
/*----------------------------------------------*/

/* POSITION */

#gauche,#droite
{
  float:left;
  width:30%;
  text-align:left;
  white-space:nowrap;
}

#centre
{
  float:left;
  width:39%;
  text-align:center;
}

#droite{text-align:right;}
#left {float:left; }
#right{float:right; }

/* GENERAL LAYOUT STYLES */

.main 
{
	/* border-style:groove;
	border: 1px solid #598DE4; */
	width:100%;
	padding-bottom:30px;
	text-align:left;
	display:block;
}

.home
{
  border: 1px solid #000000;
  display:block;
  /* text-align:center; */
  width:100%;
}

.home_
{
  border: 1px solid #000000;
  display:block;
  text-align:center;
  width:50%;
}

.navigationBar 
{
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}

.info 
{
  margin:5px 0px 5px 0px;
  /* white-space:nowrap; */
  text-align:center;
}

.errors 
{
  text-align:left;
  margin-top:5px;
  margin-bottom:5px;
  border:1px solid black;
}

.infos 
{
  text-align:left;
  border:1px solid white;
}

div.information {
  text-align:center;
  margin:5px;
  padding:5px;
}

span.dateSelected, span.pageNumberSelected {
  text-decoration:underline;
}
/* MENU LAYOUT STYLES */

.titreMenu,.titrePage
{
  padding-right: 10px;
  padding-left: 10px;
  height: 20px;
  line-height: 20px;
  text-align:center;
}
.titrePage {text-align:left;}

.menu 
{
  margin:10px 5px 10px 5px;
  white-space:nowrap;
  text-align:left;
}

ul.menu 
{
  text-align:left;
  list-style-type: square ;
  padding-left:15px;
  margin:5px;
}

.totalImages {
  text-align:center;
  margin-top:5px;
  
}

 /* IMAGE LAYOUT STYLES */
 
.image 
{
	border : 3px solid #FFFFFF;
	margin : 10px 4px 10px 4px;
}

#imgBarMenu
{
  width:100%;
  display:block;
  height:25px;
  border-bottom: 1px solid #000000;
}
  
.imgMenu
{
  width:48px;
  border:none;
  float:left;
}

.imgMenu img
{
 border:none;
 text-align:center;
 margin-top:4px;
}
  
.imgMenu a
{
  display:block;
  height: 25px;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #838383;
  border-right: 1px solid #000000;
}

.imgMenu a:hover
{
  border-bottom: 1px solid #3F3F3F;
  border-left: 1px solid #3F3F3F;
  border-right: 1px solid #3F3F3F;
}

.commentImage {
  text-align:justify;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* TABLE LAYOUT STYLES */

.table1
{
  border: 1px solid #000000;
  display:block;
}
  
.table2 {
	border: 1px solid #000000; 
	margin:	0px 10px 0px 0px;
	padding:0px;
}

.tablecompact{
  width:100%;
  border-collapse:collapse;
 }

.row1,.row2 {
  text-align:left;
  padding:5px 0px 5px 0px;
  height:20px;
} 

.throw {
  text-align:center;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000; 
  height:20px;
}

td.throw{
  text-align:left;
  width:auto;
}

/* THUMBNAILS LAYOUT STYLES */

.thumbnail {
	
	text-align:center;
	vertical-align: baseline;
	white-space: nowrap;
}
/* BP.COM */

.bck_promo
{ 
	background-image: url(images/promotion.png);
	background-repeat: no-repeat;
}


.bouton_order
{ 
	background-image: url(theme/bouton_order.jpg);
	/* background-color:#c0cedf; */
	font-size:20px;
	color:white;
	padding:5px 20px 10px 24px;
	border:0px;
}

.bp_reduction 
{
  background-color:red;
  text-align:center;
  color:yellow;
  font-weight:bold;
  text-align:center;
  border:1px solid black;
}

.test_coin

{
  background: url(theme/test_b_left.jpg) no-repeat bottom left;
  padding: 0px 7px 15px 7px;
}




.cell 
{ 
	background-color:#0E3954;
	font-family: Verdana, Geneva, Arial, sans-serif;
  	font-size:10px;
	font-color:#FFFFCC;
	
}
.info_bp
{ 
	font-family: Verdana, Geneva, Arial, sans-serif;
  	font-size:12px;
	font-color:#FFFFCC;
	padding:20px;
	text-align:justify;
	
}
.bck_colon_left
{
background: url(images/logo_v.jpg) no-repeat top left #000000;
border-right: 0px solid #ffffff;
}
.bck_colon_right
{
background: url(images/logo_v2.jpg) no-repeat top left #000000;
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:12px;
}
.border_bp_main_total2
{
/* background: url(theme/logo3.jpg) top left #000000
	 border: 10px solid #FFFFFF;  */
	border: 1px solid #0E3954;
	display:block;
	white-space: nowrap;
	padding:0px;
	margin:0px;
	background-color:#002031;
}
.border_bp_main_total
{
	/*  border: 10px solid #FFFFFF;  */
	border-left: 0px solid #ffffff;
  	border-right: 0px solid #ffffff;
	display:block;
	white-space: nowrap;
	padding:0px;
	margin:10px;
	
	
}

.border_bp_main
{
	border: 1px solid #FFFFFF;
	display:block;
	white-space: nowrap;
	background-color:#000000;
	padding:10px;
}

.border_bp
{
	border-top: 2px solid #ffffff;
  	border-bottom: 2px solid #ffffff;
	display:block;
	white-space: nowrap;
}


.menu_bp
{
  
  border: 1px solid #0E3954;
  display:block;
  width:100%;
  font-size:11px;
  /* margin:10px 5px 10px 5px; */
  text-align:left;
}
.test_police /* Comments title */
{
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size:10px;
  font-weight:bold;
  background-color:#30353B;
}

.test_bp
{
  border-collapse:separate;
  display:inline-table;
  border-width:2px;
  border-color: #000000;
  border-style: solid;
}

.thumbnail_caddie {
	text-align:center;
	vertical-align: baseline;
	margin: 0px;
	white-space: nowrap;
	width:100%;
}

.caddie_border {
  font-family: Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  font-color:white;
  background-color:#0E3954;
  border-style: solid;
  border-width:0px;
  padding:3px;
  margin: 3px;

  
}

.caddie_border_title {
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  font-color:black;
  background-color:#30353B;
  border-style: solid;
  border-width:0px;
  border-color: #000000;
  border-collapse:collapse;
  padding:2px;
  margin: 2px;
}

.caddie_border2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  font-color:black;
  background-color:black;
  border: 0px solid #ffffff;
  padding:2px;
  margin: 2px;
}

.caddie_border_admin {
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  font-color:white;
  border-collapse:collapse;
  border-style: solid;
  border-width:1px;
  padding:5px;
  margin: 5px;

  
}

.order {
    border-collapse:separate;
    display:inline-table;
    border-width:2px;
    border-color: #A0A0A0;
    border-style: dashed;
	font-size:16px;
	font-weight:bold;
	font-color:white;
	text-align:center;
	vertical-align: baseline;
	white-space: nowrap;
	padding: 5px;
	
}

}
.order ul:hover, .order a:hover, .order a:focus,{
    border-collapse:separate;
	background-color:white;
    
    border-width:2px;
    border-color: #A0A0A0;
    border-style: dashed;
	font-size:16px;
	font-weight:bold;
	font-color:#0E3954;
	text-align:center;
	vertical-align: baseline;
	white-space: nowrap;
	padding: 5px;
	
}
.picture_border {
  
border: 30px solid #000;

  }
  
 .bp_image {

border: 2px solid #ffffff;
padding: 0px;
background-color:black;
}

.bp_thumbLink {
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	padding:4px;
}
.bp_thumbLink_icon {
    border-collapse:collapse;
	border-style: dashed;
	border-top-width:1px;
	border-bottom-width:1px;
	border-right-width:1px;
	border-left-width:1px; 
	border-color: #CCCCCC;
	display:inline-table;
	background-position : bottom;
	
}

.caddie_box
{
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  font-weight:bold;
  background-color:#002031;
  border-collapse:collapse;
  border-style: dashed;
  border-width:0px;
  padding:5px;
  margin:20px;
}

.mainBP_Pub
{
	/* border: 1px solid #E0E0E0; */
	width:15%;
	vertical-align: middle;
	padding-bottom:30px;
	text-align:left;
	display:block;
}

.bill_border {
  
  border-width:1px;
  border-color: #808080;
  border-style: solid;
  
}
.bill_border_title {
	background-color:#c0c0c0;
	  border-width:1px;
  border-color: #A0A0A0;
  border-style: solid;
}

.bill_border_file_name
{
	font-size:12px;
	font-style:italic;
}

.bill_main
{
	background-color:#FFFFFF;
		width:100%;
	padding-bottom:30px;
	text-align:left;
	display:block;
}
.bill_body
{ 
	background-color:#FFFFFF;
	color:#000000;
}
.bill_a
{ 
  background-color:red;
  font-family: verdana ;
  font-size:16px;
  font-weight:bold;
  text-decoration:none; 
  color:#FFFFFF;
  border:1px solid black;
}

bill_a:hover 
{ 
	text-decoration:none; 
	color:#000FFF;
}


.menu_picture {
	background-color:#0E3954;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	border:1px dashed #FFFFFF;
	border-top-width:1px solid #FFFFFF;
	border-bottom-width:1px dashed #FFFFFF;
	border-right-width:1px dashed #FFFFFF;
	border-left-width:1px dashed #FFFFFF;
	padding:3px;
	width:100%;
	text-align:center;
	 border-collapse:collapse;
	 display:inline-table;

}

 .menu_picture a:hover, .menu_picture a:focus{

	background-color:#FFFFFF;
	color:#0E3954;
	font-size:10px;
	font-weight:bold;
	width:100%;
	text-align:center;
}

.bp_discount 
{
  background-color:#30353b;
  text-align:center;
  color:yellow;
  font-weight:bold;
  margin:5px;
  padding:5px;
  border:2px solid black;
}
/* BP.COM */

table.thumbnail {
  border-collapse:separate;
  display:inline-table;
}

.thumbLink {
	border-style: solid;
	border-width:1px;
	border-color: #A0A0A0;
	margin: 2px;
}




/* COMMENTS LAYOUT STYLES */

.commentTitle {  padding: 15px 5px 10px 5px; }
.commentDate {
  text-align:right;
  border-top: 1px solid #000000; 
  border-bottom: 1px solid #000000;
}

/* FORM LAYOUT STYLES */

form
{
  text-align:left;
  padding:10px;
}

.bouton
{
  border: 1px solid #404750;
  padding-left: 3px;
  padding-right: 3px;
  background-position : bottom;
  margin-top:10px;
}

input,select,textarea 
{
 text-indent:2px;
 border: 1px solid #797979;
 padding: 0;
}

.radio{  border:0;}

/* ADMIN LAYOUT STYLES */

.adminMenu 
{
  text-align:center;
  font-size:12px;
}

div.adminMenu{ margin:10px 50px 10px 50px; }

.admin 
{
margin:0px 0px 12px 0px;
text-align: center;
padding:0px;
}

div.remoteOutput, div.remoteLocal {
  border:1px solid black;
  margin:10px;
  text-align:left;
  padding:5px;
}

div.remoteLocal {
  text-align:center;
}

/* for debugging purpose */
pre { text-align:left; }

/* BEGIN News MOD */
.newsThrow
{
	background-color:#30353B;
	height:20px;
}

.newsTitle
{
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	color:#FFFFCC;
	font-weight:bold;
	text-align:left;
	padding-left:5px;
}

.newsInfo
{
	border-top: 1px solid #000000; 
	border-bottom: 1px solid #000000; 
	text-align:right;
}

.newsAuthor
{
	font-size:12px;
}

.newsDate
{
	font-size:10px;
}

.newsLanguage
{
	font-weight:bold;
	 color:#E0E0E0;
}

.newsContent
{
	text-align:left;
	padding: 10px;
	background-color:#083852;
}

.newsNoTranslation
{
	font-style:italic;
	color:#C6B78E;
}

.newsMenu
{
  text-align:center;
  color:#FFFFCC;
}

.translationMenu
{
  padding-right:5px;
  padding-bottom:5px;
	text-align:right;
	color:#FFFFCC;
}

.newsMenu a, .translationMenu a
{
	color:#FFFFCC;
}

.newsReadMoreLink
{
	font-weight:bold;
}

/* Quote & Code blocks */
.code {
	font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;
	background-color: #FAFAFA; border: #D1D7DC; border-style: solid;
	border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px
}


/* The content of the posts (body of text) */
.postbody { font-size : 12px;}
a.postlink:link	{ text-decoration: none; color : #006699 }
a.postlink:visited { text-decoration: none; color : #5493B4; }
a.postlink:hover { text-decoration: underline; color : #DD6900}

/* General text */
.genmed { font-size : 11px; }
.genmed { color : #E0E0E0; }
a.genmed { color: #006699; text-decoration: none; }
a.genmed:hover { color: #DD6900; text-decoration: underline; }
/* END News MOD */

/*--------------------------------------------------|
| dTree 2.05 | www.destroydrop.com/javascript/tree/ |
|---------------------------------------------------|
| Copyright (c) 2002-2003 Geir Landrö               |
|--------------------------------------------------*/

.dtree, .dTreeNode, .dTreeNode table
{
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	
	white-space: nowrap;
  text-align:left;
  font-size:8pt;
  background-color: #000000;
}

.dtree img {
	border: 0px;
	vertical-align: middle;
}
.dtree a {
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: normal;
	vertical-align: baseline;
	padding: 1px 2px 1px 2px;
}
.dtree a.nodeSel {
	background-color: #000000;
	color: white;
}

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu_h {
	/* background-color:#0E3954; */
	background-image: url(theme/fond_bt.jpg);
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	border:0px solid #9F9F9F;
	padding:7px;
	filter:alpha(opacity=100);
	-moz-opacity:0.75;
	opacity: 0.75;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
	
}

.ssmenu {
	background-color:#0E3954;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	border:1px solid #FFFFFF;
	padding:1px;
	filter:alpha(opacity=80);
	-moz-opacity:0.75;
	opacity: 0.75;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu_h {
	text-align:left;
}


.menu_h span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu_h a, .ssmenu a, .menu_h a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family:'Futura', Verdana, sans-serif;
	text-decoration:none;
	font-size:8pt;
	color:#FFFFFF;
	padding:2px 1px;
	
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu_h a, html>body .menu_h a:visited, html>body .menu_h a:hover, html>body .menu_h a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.menu_h a:hover, .menu_h a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	/* background-color:#FFFFFF; */
	background-image: url(theme/fond_bt_over.jpg);
	color:blue;
	text-decoration:none;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-image: url(theme/fond_bt_over_ss.gif);
	background-repeat: no-repeat;
	
	background-color:#FFFFFF;
	/* background-image: url(theme/button_menu_over.gif); */
	color:#0E3954;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/