/* Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. More free templates are available at: http://oswd.org/userinfo.phtml?user=Andreas
Version: 1.0, September 23, 2005 */
/*
Modifier par Patrick Desjardins Decembre 2005-2010
*/

/**************************
/**** PAGE INDEX     *****/
/**************************/

body{
margin:0;
padding:0;
font:10pt "Lucida Grande", "Lucida Sans Unicode",tahoma,verdana,sans-serif;

color:#333;
text-align:center;
background:#FFFFFF url(images/degraderbleu.gif) repeat-x;
background-color:#C8E3F1;

}

a{
text-decoration:none;
color:#269;
font-weight:bold;
}

a:hover{
text-decoration:underline;
}

p{
margin:0 0 15px 0;
line-height:1.5em;
}

h1,h2,h3,h4{
margin:0;
padding:0;
font-weight:normal;

}

h1{
font-size:1em;
letter-spacing:1px;
color:#567;
margin:0px 0 0px 10px;
}

h1 a:hover{
/*text-decoration:none;*/
}

h2{

font-size:13pt;
letter-spacing:1px;
margin:0px 0 0 10px;
color:#888;

}

h3{
color: #555;
font-size:12px;
margin:1em 0 0.5em 0.5em;
}

h4{
font-size:1.2em;
font-weight:bold;
}

#container{

min-width:680px;
padding:0 10px;
margin:0 auto;
color:#333;
text-align:left;

}
#sitetitle img
{
	border:0;
}
#sitetitle
{
    float:left;
    height: 65px;
    width: 215px;
    color: white;
}

#sitetitle a
{
    color: white;
    font-weight:normal;
}

#sitetitle a:hover
{
    color:#C8E3F1;
}
#languagebar
{
    float:left;
    height: 65px;
    width: 50px;
    padding-top:18px;
    color: white;
}

#languagebar img
{
    border:0px;
}
#menu{
	padding-top:18px;
	text-align: right;
	padding-bottom:5px;
	margin-bottom:0px;


}

#menu a{
	margin:0;
	/*height:100px;*/
	padding:0px 0px 3px 12px;
	margin:20px 6px 40px 6px;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:-1px;
	color: #888;
	background:url(images/linkarrow.gif) left no-repeat;
}

#menu a:hover{
	color:#269;
	text-decoration:none;
	background:url(images/blinkarrow.gif) left no-repeat;
}

#idLien ul
{
	margin-left:0px;
	padding-left:0px;
	list-style: none;
}

#idLien li
{
	padding-left:0px;
	margin-left:0px;
}


#content{
	margin-left:260px                    /* Largeur site, diminue = élargir section gauche*/
}
#left{
	float:left;
	width:100%;
	margin-left:-260px;                  /* Largeur site, augmente = aller vers la droite*/

}

#right{
	float:right;
	width:250px                          /* Largeur site, coter droite*/

}
#content h2{
margin:0 0 10px 0;
color:#555;
border-bottom:2px solid #C8E3F1;
}

#content h2 a{
color:white;
font-size:12px;
}

#content h2 a:hover{
color:#e3f1f8;
text-decoration:none;
background:none;
}

#contentaccueil p{
/*margin:0.5em 1em 0.8em 1em;*/
	letter-spacing:0.1em;
	line-height:2.5ex;
	font-family: Helvetica,Arial,sans-serif;
}

#contentaccueil ul
{	
	letter-spacing:0.1em;
	line-height:2.5ex;
	font-family: Helvetica,Arial,sans-serif;
}

#notconnectedcenter
{
	text-align:center;
	margin-left:-300px
}
#notconnected{
	text-align:left;
	width:700px;
	margin: 0 auto; 

}



#right h2{
margin:5px 0 5px 0;
width:98%;
font-size:1.2em;
}

#footer{
clear:both;
padding:10px 0 12px 24px;
text-align:left;
color:#888;
}

#footer a{
color:#888;
font-weight:normal;
}

#footer span{
color:#aaa;
font-size:2em;
letter-spacing:-2px;
}
.intro{
/*font-size:0.9em;*/

}
.entry{

position:relative;/*Moi enlever*/
margin:0px 0px 10px 0px;
border:2px solid #fff;
background:#e9f3f9 url(images/2007BoiteSection.gif) repeat-x;
color:#333;
padding:10px 10px 0px 10px;
}

.entry ul
{
	list-style-image:url(images/arrow_skip.png);
}

.entry li
{
	margin-left:10px;
}
.entry a:hover, .intro a:hover{
	text-decoration:none;
	padding-bottom:2px;
	background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

.entry h3
{
	font-size:14pt;
	border-bottom:1px solid black;
	margin:0px;
}

.entry h4
{
	font-size:11pt;
}
.entry h4 a:link, .entry h4 a:visited
{
	background:url(images/linkarrow.gif) left no-repeat;
	padding:0px 0px 0px 12px;
}
.entry h4 a:hover
{
	background:url(images/blinkarrow.gif) left no-repeat;
}

.entry h2 a:link, .entry h2 a:hover,.entry h2 a:visited
{
	color:white;
}

.titledate
{
	font-size:12px;
}

.imageicon
{
    border:0;
    width:16px;
    height:16px;
}

.link{
color:#269;
background:url(images/linkarrow.gif) left no-repeat;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}

.link:hover{
color:#48b;
background:url(images/blinkarrow.gif) left no-repeat; /* Delete this line to remove the blinking arrows by the links */
text-decoration:none;
}

.thumbs img{
position:relative;
padding:3px;
margin:0 2px 2px 0;
border:1px solid #fff;
background-color:#ddd;
color: #555;
}

.thumbs img:hover{
background: url(images/flash.gif); /* Delete this line to remove the blinkingblue frame around the thumbnails */

}

/*!!!DEPRECATED!!!*/
.entryphoto{
	position:relative;
	margin:5px 10px 10px 0;
	float:left;
	padding:3px;
	border:1px solid #fff;
	background-color:#ddd;
	color:#333;
}
.photofloatleft
{
	position:relative;
	margin:5px 10px 10px 0;
	float:left;
	padding:3px;
	color:#333;
	clear: both; 
	display:none;
}
.photofloatright{
	position:relative;
	margin:5px 10px 10px 0;
	float:right;
	padding:3px;
	color:#333;
	clear: both; 
	display:none;
}

.meta{
clear:both;
border-top: 2px solid #C8E3F1;
text-align:right;
color: #567;
margin:0;
padding:0;
font-size:8pt;
}

.pagenav{
color: #888;
text-align:center;
}



.subcontainer {
width:98%;
}

.rightsub{
float:left;
width:95%;
}

.rightsub2{
margin-left:50%;
}

.date{
float:left;
font-weight:bold;
}

.right{
text-align:right;
}

.center{
text-align:center;
}

.clear{
clear:both;
}

.hide{
display:none;
}


/*Moi ajouter
Devait utiliser msgError et msgInfo
*/
.erreur{
	color:RED;
	font-weight:bold;
	text-indent:0em;
	
}
.msgvert
{	color:#4c9738;
	background-color:#daecd6;
	padding:5px;
	text-indent:0em;
}
#erreur td
{
	color:RED;
	font-weight:bold;
	background-image:url(images/exclamation_red_25x25.gif);
	background-repeat:no-repeat;
}
#titreMenu
{
	position:absolute;
	font-size:10px;
	letter-spacing:1px;
	margin-left:-10px;
	margin-top:-5px;
	background-color:#A2C1CB;
	color:white;
	border:1px solid #0B6991;
	padding:0px 3px 0px 3px;
	font-variant: small-caps;
	font-weight:900;
}
#menuConcours{
	height:20px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	text-align: left;
	background-color:#C6DBE2;
	border:1px solid #0B6991;
	color:#333;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 	
}

#menuConcours a{
	margin:0;
	height:100px;
	padding:10px 4px 10px 4px;
	font-size:1.2em;
	font-weight:normal;
	letter-spacing:-1px;
	color:#333;
}

#menuConcours a:hover{
	color:#269;
	text-decoration:none;
	padding:10px 5px 10px 5px;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
}
#infosupplementaire table
{
	border:1px solid #0B6991;
	padding:0;
	width:100%;
}
#infosupplementaire tr
{
	background:#C6DBE2;
	border:1px solid #0B6991;
	padding:0;
}
#infosupplementaire td
{
	padding:0;
}
.total td
{
	border-top:1px solid #333;
	
}

.positif
{
	color:GREEN;
	background:url(images/fleche_haut.gif) no-repeat; 
	padding-left:12px;
	
}

.negatif
{
	color:RED;
	background:url(images/fleche_bas.gif) no-repeat; 
	padding-left:12px;
}

div#cacher
{
	display:none;
}
div#cacherTop
{
	display:none;
}

#right h2 a{
	color:#555;
	font-weight:normal;
	font-size:0.6em;
	font-variant: small-caps;
	margin-left:10px;
	letter-spacing:0px;
}
.pubfloat
{
	float: right;
	width: 400px;
	display:block;
	margin-right:10px;
}
#ranglisteusager
{
	 border:solid 1px #353F5F;
    -moz-border-radius:3px;
    -webkit-box-shadow: 1px 1px 1px #293049;
    -moz-box-shadow: 1px 1px 1px #293049;
    border-radius:3px;
	color:#353F5F;
	background-color:#C2DDEE;
	padding:5px;
    margin:0 auto;
    margin-bottom:20px;
}
.pubcentre
{
	text-align:center;
	margin-bottom:10px;
}
.detailinfo
{
    background-color:#fff;
    color:#458CA8;
    border:1px solid #F0F0F0;
    margin: 2px 2px 2px 2px;
    padding:2px 10px 2px 10px;
    overflow:hidden;
}
.detailinfo p
{
    margin: 0px;
    padding:0px;
}

td.attention
{
	color:RED;
}

.achat td
{
	background:#67B8D1;
	color:#163E4A;
}

.vente td
{
	background:#AACCC4;
	color:#355951;
}
.annuler td
{
	background:#FFE372;
	color:#9C0505;
}

.fin td
{
	background:#4ED4B0;
	color:#1C725B;
}

/*Pour mettre plus gros le nom dans la page d'ancien*/
td.ancienNickNameBold
{
	font-weight:900;
	color:blue;
	background-color:#BADFFF;
}
.ancienNickNameBold a
{
	font-weight:900;
	color:blue;
	background-color:#BADAE5;
}


/**Bannière Media dans le top **/
.topbanner
{
	margin:0px;
	padding:0px;
}
.topbanner iframe
{
	
}

h3.titrePortefeuille
{
	color: #555;
	font-size:1.4em;
	/*margin:1em 0 0.5em 0.5em;*/
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid #C0C0C0;
}

/** COULEUR pour dire que nous sommes proches de la limite d'ordre**/
.positifLimite
{
	color:GREEN;
}

.negatifLimite
{
	color:RED;
	font-weight:bold;
}
.positifnegatifLimite
{
	color:rgb(255,210,75);
	font-weight:bold;
}

/******* POUR LES MISES EN PAGE DU FORUM DANS CONCOURS ********/

#idForumShow ul
{
	padding: 0;
	margin : 0 0 0 10px;
	list-style: circle;
	LIST-STYLE-IMAGE: url(images/icon_edit.png);
	font-size:80%;
	
}
#idForumShow  h4
{
	
	background-color:#384565;
	color:WHITE;
	font-size:88%;
	font-family:"Lucida Grande", "Lucida Sans Unicode",tahoma,verdana,sans-serif;
}
#idForumShow  h4 a
{
	background-color:#384565;
	color:WHITE;
	font-size:88%;
	font-family:"Lucida Grande", "Lucida Sans Unicode",tahoma,verdana,sans-serif;
}
#idForumShow  h4 a:visited
{
	background-color:#384565;
	color:WHITE;
	font-size:88%;
}
#idForumShow  p{
	padding: 0;
	margin : 0 0 0 0px;
	font-size:85%;
	font-weight:normal;
}
#idForumShow img
{
	border:0px;
}
#idForumShow span
{
	color:#588344;
}

.ordrePasPasser td
{
	background:#ecd8d6;
	color:#940728;
}

.ordrePasser td
{
	background:#daecd6;
	color:#4c9738;
}



.colonnegauche
{
	display: block; 
	width: 125px;
	float: left;
}

.formulaireTableau
{
	
}
.formulaireTableau p
{
	line-height:1em;
	padding-top:0px;
	padding-bottom:0px;
	margin-top:2px;
	margin-bottom:2px;
	
}

div.containererreurtotal {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	display:block;
}
div.containererreurtotal ol li {
	list-style-type: disc;
	margin-left: 20px;
}
div.containererreurtotal { 
	display: none 
}
.containererreurtotal label.error {
	display: inline;
}

.formulaireTableau label.error {
	font-weight: bold;
	color: RED;
	text-decoration:underline;
}

#explication_besoin_compte
{
	/*visibility:hidden;*/
	display:none;
}
#explication_envoyer_info
{
	/*visibility:hidden;*/
	display:none;
}

.blockdiv
{
	float:none;
	display:block;
	/*clear:both;*/
}

table.zebra tr.even td 
{ 
	background-color:#FFF;
}
table.zebra tr.odd td 
{ 
	background-color:#F4F7FB; 
}

table.zebra th
{
	background-color:rgb(67,91,123);
	color:white;
}

#infosupplementaireordrelimiteachatvente
{
	vertical-align:top;
}

.option_avancer_cacher
{
	display:none;
}

.selectedinput
{
	border: 2px solid #0000FF;
	background-color:#DFF3FC;
	font-weight:bolder;
}

#infosymbole,#infovolume,#infoprixlimite1,#infoprixlimite2,#infoprixlimite3,#infoprixlimite4,#infoprixstop1,#infoprixstop2,#infoprixstop3,#infoprixstop4,#infoaction2
{
	display:none;
}

#exemplemaxargentparsymbole, #exemplesymbole, #exempleprixsymbole, #exemplesmaximumsymbole
{
	font-weight:bold;
}

#lienimagedynamique, #lienimagedynamiquegraphique
{
	display:none;
}

.servertime
{
	font-weight:bold;
	color:#341473;
}

.tabledatacolumn1
{
 	vertical-align:top;
 	width:230px;
 	min-width:230px;
}
.tabledatacolumn2
{
 	vertical-align:top;
 	width:230px;
 	min-width:230px;
}
.tabledatacolumn3
{
 	vertical-align:top;
}

#tablewarningvolume th
{
	background-color:#FEE971;
	color:#A64800;
}

#tablewarningvolume td
{
	background-color:#FFF9D8;
	color:#A64800;
}


#tablewarningboursefermer th
{
	background-color:#92C787;
	color:#315828;
}

#tablewarningboursefermer td
{
	color:#4c9738;
	background-color:#daecd6;
}

.usernamelink a
{
	font-weight:bold;
	text-decoration:underline;
	color: #571f8d;
}

.usernamelink a:visited
{
}

.usernamelink a:hover
{
	color:#571f8d;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(images/flash2.gif) repeat-x scroll left bottom;
	padding-bottom:2px;
	text-decoration:none;
}




/********************************************************/
/*********** Boite de profile dans portefeuille *********/
/********************************************************/
#smallProfile
{
	float:right;
	background-color:white;
	margin:3px 3px 3px 10px;
	padding:5px;
	text-align:center;
	-moz-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px #455F7F, -1px 0px 3px #455F7F, 0px -1px 3px #D1E6F1;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px #455F7F, -1px 0px 3px #455F7F, 0px -1px 3px #D1E6F1;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #455F7F, -1px 0px 3px #455F7F, 0px -1px 3px #D1E6F1;
	border:1 solid #4798D1;
}

#smallProfile h2
{
	background-color:white;
	color:#269;
	font-weight:bold;
	text-align:center;
	margin:0px 7px 2px 7px;
}

#smallProfile h2 a
{
    text-decoration:none;
    color:#269;
    font-weight:bold;
}
#smallProfile h2 a:hover
{
    color:#269;
	text-decoration:none;
	padding-bottom:2px;
	background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

#smallProfile img
{
	margin-top:5px;
	border:0;
}

/*--------------------------------------------*/

#exempleCorrectionSplit
{
	vertical-align:top;
	margin-top:10px;
	border-left:1px solid #C8E3F1;
	padding-left:10px;
}

#exemplePrixBase, #exemplePrixFuture
{
	font-weight:bold;
	color:#2828AD;
}

#exempleVolumePresent, #exempleVolumeFuture
{
	font-weight:bold;
	color:green;
}


a.voteup
{
	width:16px;
	height:16px;
	background-image: url("images/thumbup16.gif");
	background-repeat:no-repeat;
    text-decoration:none;
    font-size:16px;
  
}
a.voteup:hover { 
	width:16px;
	height:16px;
	background-image: url("images/thumbup16_hover.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:16px;
}

a.votedown
{
	width:16px;
	height:16px;
	background-image: url("images/thumbdown16.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:16px;
}

a.votedown:hover
{ 
	width:16px;
	height:16px;
	background-image: url("images/thumbdown16_hover.gif");
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:16px;
}		

.alreadyvoted
{
	opacity:0.4;
	filter:alpha(opacity=40);
	color: #C0C0C0 ;
}

/**********************************************************
Message d'erreur rouge et vert (red message, green message)
***********************************************************/
.msgError
{
	color:#940728;
	background-color:#ecd8d6;
	padding:5px;
	-moz-border-radius: 2px;
	-moz-box-shadow: 2px 2px 3px #82423C, -1px 0px 3px #82423C, 0px -1px 3px #82423C;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 2px 2px 3px #82423C, -1px 0px 3px #82423C, 0px -1px 3px #82423C;
}

.msgInfo
{
	color:#4c9738;
	background-color:#daecd6;
	padding:5px;
	-moz-border-radius: 3px;
	-moz-box-shadow: 2px 2px 3px #455F7F, -1px 0px 3px #455F7F, 0px -1px 3px #D1E6F1;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 2px 2px 3px #455F7F, -1px 0px 3px #455F7F, 0px -1px 3px #D1E6F1;
}
/*Center information panel*/
#infopanel
{

    border:solid 1px #4c9738;
    -moz-border-radius:3px;
    -webkit-box-shadow: 1px 1px 1px #345D2B;
    -moz-box-shadow: 1px 1px 1px #345D2B;
    border-radius:3px;
	color:#4c9738;
	background-color:#daecd6;
	padding:5px;
    width:450px;
    margin:0 auto;
    margin-bottom:5px;
}

/****************************************************/

#titreexemplecorrectionsplit
{
	display:block;
	background-color:#DDEFF9;
	color:#567E9E;
	font-style: italic; 
}
td.reputationcount
{
	text-align:center;
	padding-left:20px;
	padding-right:20px;
}
span.reputationcount
{
	text-align:center;
	font-size:20pt;
	vertical-align:middle;
	font-weight:bold;
}

span.reputationPositive
{
	background:#daecd6;
	color:#4c9738;
	font-weight:bold;
}

span.reputationNegative
{
	color:#940728;
	background-color:#ecd8d6;
	font-weight:bold;
}

#sectionDroiteDePageModerationIndex
{
	vertical-align:top;
	margin-top:10px;
	border-left:1px solid #C8E3F1;
	padding-left:10px;
}

ul.menumoderator
{
	list-style-image:url(images/arrow_skip.png);
}

#userspace
{
	background-color: #E9F3F9;
	border:2px solid white;
	padding-bottom:1px;
	padding-left:12px;
	padding-right:12px;
}

#userspace a
{
	color:#226699;
}
#userspace a:visited
{
	color:#226699;
}
#userspace a:hover
{
	text-decoration:none;
	padding-bottom:2px;
	background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

#userspace ul
{	
	list-style-image:url(images/arrow.png);
	margin-top:3px;
}

p#reputationuserrightside
{
	font-size:9pt;
	text-align:center;
	border-bottom:1px solid #C8E3F1;
}
#userspace p
{
	margin:0px;
	padding:0px;
	line-height:1.1em;
	padding-top:3px;
	padding-bottom:3px;
}

.reputationsub
{
	vertical-align: super;
	font-size:7pt;
	letter-spacing: 0.1;
}

select
{
	background-color:#E9F3F9;
}

.trophycase
{
	font-size:8pt;
	color: #2778CD;
	border: 1pt solid #2778CD;
	padding:2px;
	margin:5px;
	float:left;
	background-color:#DDECF3;
}

td.trophycase_title
{
	color:#1259A3;
	font-weight:bold;
}
.trophycase_nombre
{
	font-size:14pt;
}

.zebra th a
{
	color:white;
}

/*******************************************/
/* Formatage pour l'identification  	   */
/*******************************************/
.identificationdiv
{
	text-align:center;
	width: 270px;
  	margin-left: auto ;
  	margin-right: auto ;
  	margin-bottom:15px;
  	border: 1px dotted #1259A3;
  	padding: 5px 20px 20px 5px;
}

.identificationdiv h4
{
	text-align:left;
}

#frmLogin
{
	text-align:left;
}
/*******************************************/
/* Fin du formatage pour l'identification  */
/*******************************************/



/*******************************************/
/* 50% 2 columns design inside Entry       */
/*******************************************/
#rightcolumncontainer {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	margin-top:2px;
	min-width:200px;
}
#leftcolumncontainer {
	float:left;
	width:100%;
	position:relative;
	right:50%;
	margin-top:2px;
	min-width:200px;
}
#col1 {
	float:left;
	width:46%;
	position:relative;
	left:52%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:46%;
	position:relative;
	left:56%;
	overflow:hidden;
}

#rightcolumncontainer h1
{
	padding:5px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:5px;
	font-size:12pt;
	background-color:#E9F3F9;
	color:#226699;
	font-weight:bold;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
	box-shadow: 2px 2px 2px #226699;
	-moz-box-shadow: 2px 2px 2px #226699;
	-webkit-box-shadow: 2px 2px 2px #226699;
	
	text-shadow:  2px 2px 2px #CBE2F1;
	-moz-text-shadow: 3px 3px 2px #CBE2F1;
	-webkit-text-shadow:  2px 2px 2px #CBE2F1;
}

/*******************************************/
/* Fin du 50% 2 columns design inside Entry*/
/*******************************************/
.smalltextnote p
{
	font-size:0.5em;
}

.message_box_notification_srollable
{ 
   	position: absolute; 
   	top: 0; 
   	left: 0; 
   	z-index: 10; 
	background:#ffc;
	padding:5px;
   	border:1px solid #CCCCCC;
   	text-align:center; 
   	font-weight:bold; 
   	width:99%;
}
.message_box_notification_fixe
{ 
   	position: fixe; 
   	top: 0; 
   	left: 0; 
   	z-index: 10; 
	background:#ffc;
	padding:5px;
   	border:1px solid #CCCCCC;
   	text-align:center; 
   	font-weight:bold; 
   	width:99%;
}

div.orbox
{
	text-align:center;
	width:35px;
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin:0px auto 10px;
	padding-top:7px;
	padding-bottom:7px;
}

div.msgCentrer
{
	width:300px;
	margin:0px auto 10px;
}

/*************************/
/**** PAGE PRIVILEGE *****/
/*************************/
.infoprivilegier
{
	letter-spacing:0.1em;
	line-height:2.5ex;
	font-family: Helvetica,Arial,sans-serif;
}
.infoprivilegier li
{
	background-color: white;
}

.infoprivilegier .avantage1, .avantage2, .avantage3, .avantage4, .avantage5, .avantage6, .avantage7, .avantage8
{
	background-color: #C8E3F1;
}

.infoprivilegier img
{
	border:1px solid black;
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:10px;
}

span.prix
{
	font-weight:bold;
	color:#4c9738;
	background-color:#daecd6;
}
div.smallprint p
{
	font-size:0.7em;
}

.infoprivilegier ul
{
	list-style-image:url(images/medal_premium.png);
}

.infoprivilegier li
{
	margin-left:10px;
	margin-top:10px;
}

img.inlineimg 
{
	border:0px solid black;
	display: inline;
    margin:0px 0px 0px 0px;
}

#statisticTransaction h4
{
	font-size:9pt;	
	border-bottom:solid 1px black;
	margin-top:15px
}
#statisticTransaction p
{
	text-align:left;
}



/*************************/
/**** PAGE DashBoard *****/
/*************************/

.dashboardbox{
	position:relative;
	margin:0px 0px 5px 0px;
	border:2px solid #fff;
	background:#e9f3f9 url(images/2007BoiteSection.gif) repeat-x;
	color:#333;
	padding:2px 2px 2px 2px;
}

.dashboardbox ul
{
	list-style-image:url(images/arrow_skip.png);
}

.dashboardbox li
{
	margin-left:10px;
}
.dashboardbox a:hover{
	text-decoration:none;
	padding-bottom:2px;
	background:url(images/flash2.gif) bottom left repeat-x; /* Delete this line to remove the flashing underline for regular links */
}

.dashboardbox h3
{
	font-size:10pt;
	border-bottom:1px solid black;
	margin:0px;
	color:white;
	padding-bottom:6px;
}

.dashboardbox #contentaccueil  h3
{
	font-size:10pt;
	border-bottom:1px solid black;
	margin:0px;
	color:black;
	padding-bottom:6px;
}


.dashboardbox h3 a:link, .dashboardbox h3 a:hover,.dashboardbox h3 a:visited
{
	color:white;
}

div.dashboardbox .innerBox
{
	padding-top:10px;

}

.dashboardbox h3 .closesection
{
	float:right;
	
}

.entry h2 .gestionsection 
{
	float:right;
	padding-right:10px;
	margin-top:-4px;
}

#dashboardcol1 {
    min-height:100px;
}
#dashboardcol2 {
    min-height:100px;
}

#menubox
{
	display:none;
}

.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }

td.smallData
{
    font-size:9px;
}


.preferencedialogmodal
{
    border:2px solid #fff;
	background:#e9f3f9 url(images/2007BoiteSection.gif) repeat-x;
	color:#333;
}

.preferencedialogmodal  .ui-icon-closethick
{
    float:right;
}

.preferencedialogmodal .ui-dialog-titlebar
{
    color:white;
    padding-top:3px;
    padding-bottom:12px;
}

.preferencedialogmodal .ui-dialog-content
{

}

.preferencedialogmodal .ui-dialog-buttonpane
{
  
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.ui-widget-overlay {
    background: black url(images/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;
    opacity: .75;
    filter:Alpha(Opacity=75);
}
.ui-widget-shadow {
    margin: -7px 0 0 -7px;
    padding: 7px;
    background: #000000 url(images/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;
    opacity: .25;
    filter:Alpha(Opacity=25);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.msgErrorConfiguration
{
	color:#940728;
	background-color:#ecd8d6;
    margin-top:5px;
	padding:2px;
    display:none;
}



/***************/
ul.twitbox {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.twitbox li{
    border-bottom:1px dashed #D2DADA;
    padding: 10px;
    font-size: 14px;
    font-family: 'Lucida Grande',sans-serif;
    color: #333333;
}
ul.twitbox li.mytwitHead {
    height: 60px;
}
ul.twitbox li.mytwitHead a {
    font-size: 22px;
    font-weight: bold;
}
ul.twitbox li.mytwitHead img{
    float: left;
    padding-right: 10px;
}
ul.twitbox li a {
    color: #0084B4;
    text-decoration: none;
}
ul.twitbox li a:hover { text-decoration: underline; }
ul.twitbox span.twhen {
    color: #999999;
    font-family: georgia;
    font-size: 10px;
    font-style: italic;
    padding-top: 5px;
}

/***************************/


/************** Création d'un compte *************/
.jqueryinfoaide
{
    display:none;
}

/************** General *************/
.money
{
    text-align:right;
}

/************** Debug *************/
#debugpanel
{
    position:fixed;
    left:50%;
    margin-left:-400px;
    top:0;
    width:800px;
    height:150px;
    background-color:black;
    color:white;
    padding:0;
    display:block;
    box-shadow: 5px 5px 4px #0F447C;
    -moz-box-shadow: 5px 5px 4px #0F447C;
    overflow-y:scroll;
    overflow-x:hidden;
}
#debugheader
{
    background-color:white;
    margin:0;
    padding:0;

}

#debugheader h1
{
    color:black;
    margin:0;
    padding:0;
    background-color:white;
    text-shadow: 1px 1px 1px #0F447C;
}
#debugheaderright
{
    float:right;
}

#debugheaderright  img
{
    height:16px;
    width:16px;
    border:0;
}

#debugheader p
{
    text-align:left;
    font:8pt "consolas", "courrier new", "Lucida Sans Unicode",tahoma,verdana,sans-serif;
    padding:0px;
    margin:0px;
}

#debugheader p.line1
{
    color:lime;
}

#debugheader p.line2
{
    color:yellow;
}


/********************************************************/
/************************** Wiki ************************/
/********************************************************/

.wikihelp img
{
    border:0;
    width:24px;
    height:24px;
}
span.wikihelp
{
   float:right;
}
/*--------------------------------------------*/


/********************************************************/
/************* Explication compte privilège *************/
/********************************************************/
div.premiumaccount
{
    width:500px;
	margin:0px auto 10px;

}

img.explicationcompteprivilege
{
    float:right;
    border:0;
}

p.msgExplication
{
    background-color: #D1E6F1;
    color: #1E3346;
}

/*--------------------------------------------*/


/********************************************************/
/************** Page d'accueil (A propos) ***************/
/********************************************************/
.accueil strong
{
    background-color:#FEE971;
    color:#DD6611;
}

/*--------------------------------------------*/



/********************************************************/
/****************** Page portefeuille *******************/
/********************************************************/

.rang
{
	padding-left:10px;
}

.rangChiffre
{
	font-weight:bold;
	color:#226699;
}

/*--------------------------------------------*/



/********************************************************/
/********************* Page Équipe **********************/
/********************************************************/



.icone
{
	padding-left:1px;
	padding-right:3px;
}


#sectionEquipe
{
}

#sectionEquipe .winner
{
	background: #b4e391; /* old browsers */

	background: -moz-linear-gradient(top, #b4e391 0%, #61c419 50%, #b4e391 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4e391), color-stop(50%,#61c419), color-stop(100%,#b4e391)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4e391', endColorstr='#61c419',GradientType=0 ); /* ie */
}

#sectionEquipe .loser
{
	background: #FF9389; /* old browsers */

	background: -moz-linear-gradient(top, #FF9389 0%, #CC3535 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FF9389), color-stop(100%,#CC3535)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF9389', endColorstr='#CC3535',GradientType=0 ); /* ie */

}


/***LEFT Column**/

#equipeLeftColumn
{
	background: #E9F3F9; /* old browsers */

	background: -moz-linear-gradient(top, #E9F3F9 0%, #88CDE2 50%, #E9F3F9 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E9F3F9), color-stop(50%,#88CDE2), color-stop(100%,#E9F3F9)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E9F3F9', endColorstr='#88CDE2',GradientType=0 ); /* ie */
	margin-right:220px;
}


#sectionHautEquipe
{
	margin-top:40px;
}

#sectionHautEquipe #sectionHautEquipeLogo
{
	
	padding: 20px 20px 5px 20px;
	margin-top:5px;
	margin-left:10px;
	float:left;
}

#sectionHautHeader
{
	float:left;
}
#sectionHautEquipeNom, #sectionHautEquipeRang
{


	

}

#sectionEquipe div.equipeBox
{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 

	border:1px solid;
	
	-webkit-box-shadow: 1px 2px #455F7F;
	-moz-box-shadow: 1px 2px #455F7F;
	box-shadow: 1px 2px #455F7F; 
	
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#455F7F', Direction=135, Strength=2);*/
	
	margin:5px 10px 5px 10px;
	padding:5px;
}


#sectionHautEquipe label
{
	font-weight:bold;
}

#sectionHautEquipe #sectionHautEquipeNom br
{
	margin-bottom:10px;
}

#sectionCommunicationEquipe
{
	clear:left;
	padding: 5px 10px 20px 10px;	
}


#equipeLeftColumn h3
{
	margin-left:-5px;
	margin-bottom:10px;
}

/*Boite de communication*/
#sectionCommunicationEquipe #sectionCommunicationEquipeConversation
{
	height:200px;
	overflow: auto;
	border:1px solid;
	padding:4px;
	margin-right:10px;
	background-color:#E9F3F9;
}
#sectionCommunicationEquipeConversation .communicationNom
{
	font-weight:bold;
}
#sectionCommunicationEquipeConversation .communicationDate
{
	font-size:7pt;
}

#sectionCommunicationEquipeConversation p
{
	
}

#sectionCommunicationElastique
{
	padding:0;
	margin:0;
	width:100%;
}

.sectionCommunicationEquipeEnvoieTextbox
{
	width: 100%; 
}

.sectionCommunicationEquipeEnvoieButton
{
	width: 1%; 
	padding-left:10px;
}

#sectionCombatEntreEquipe
{
	padding: 5px 10px 5px 10px;
}

#sectionEquipe .colonneInfo
{

	background: #b7deed; /* old browsers */

	background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* webkit */

	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#21b4e2',GradientType=0 );*/ /* ie */
}

#sectionCombatEntreEquipe .equipeData th
{
	border:1px solid;
	text-align:center;
	font-size:14px;
	text-shadow: 1px 1px 1px #ffffff;
}


#sectionCombatEntreEquipe .equipeData td
{
	border:1px solid;
	text-align:center;
	
}

.equipeData
{
	border-collapse: collapse;
}


/***RIGHT Column**/

#equipeRightColumn
{
	float:right;
	width:220px;
	
}

#equipeRightColumn h3
{
	margin-left:5px;
	margin-bottom:10px;
}

#equipeListeGain
{
	border-collapse: collapse;
	margin-left:10px;
}

#equipeListeGain th
{
	text-shadow: 1px 1px 1px #aabac2;
	filter: dropshadow(color=#aabac2, offx=1, offy=1); 
	border:1px solid;
	text-align:center;
	font-size:14px;
	background: #b7deed; /* old browsers */
	
	background: -moz-linear-gradient(top, #b7deed 0%, #71ceef 50%, #21b4e2 51%, #b7deed 100%); /* firefox */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7deed), color-stop(50%,#71ceef), color-stop(51%,#21b4e2), color-stop(100%,#b7deed)); /* webkit */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b7deed', endColorstr='#21b4e2',GradientType=0 ); /* ie */
}

#equipeListeGain td
{
	padding:10px 5px 10px 5px;
	border:1px solid;
}


/*--------------------------------------------*/




/********************************************************/
/*********************** RealTime ***********************/
/********************************************************/

#realTimePanel
{

	padding:2px;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:5px;
	
	font-size:8pt;
	background-color:#E9F3F9;
	color:#226699;
	font-weight:bold;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	
	box-shadow: 2px 2px 2px #226699;
	-moz-box-shadow: 2px 2px 2px #226699;
	-webkit-box-shadow: 2px 2px 2px #226699;
	
	text-shadow:  2px 2px 2px #CBE2F1;
	-moz-text-shadow: 3px 3px 2px #CBE2F1;
}

#realTimePanelDataUser, #realTimePanelDataUser  a
{
	color:orange;
}

#realTimePanelData
{
	font-weight:normal;
}

#realTimePanelDataTxt
{
	margin-left:10px;
	font-weight:normal;
}
/*--------------------------------------------*/

#idPubliciternotconnected
{
	float:left;
	clear:both;
}