/* ####################################################
/* Nom : simtrade_gab_BO.css
/* ####################################################


/* ########## 1- Définitions génériques ST ############

/* ST0 : html et body ------------------------- */

body {
  position: relative;
  width: 100%;
  height:100%;
  margin: 0px auto;
	background: #FFFFFF; 
	padding: 0px;
  font-size:100%;
}

.body_simtrade_BO {
	text-align: center;
	/* width:1380px; */
}

* html em {
  font-style: normal;
  font-weight: bold;
  text-align: justify;
  height:100%;
}


/* ST0 : Titres ------------------------------- */

h1 {
  padding: 0 0px;
  padding-right: 0px;
  font: bold 16pt/ 1.4em "Times New Roman", Times, serif;	/* CSEG20130212 font: bold normal 16pt/ 1.4em "Times New Roman", Times, serif; */
  margin-top: 0.4em;
  margin-right: 1em;
  margin-bottom: 1em;																			/* CSEG20130204 Linternaute margin:0 */
  margin-left: 1em;
  line-height: 24px;
  text-align: justify;
  color: #000000;																						
}

h2 {
  text-align: justify;
  margin-top: 0.7em;
  margin-right: 3em;
  margin-bottom: 0.2em;
  margin-left: 2em;
  padding: 0 0px;
  font: bold normal 14pt "Times New Roman", Times, serif;
  color: #000000;																						/* CSEG20120221 002A04 */
}

h2 em {
  font-style: normal;
  color: #000;
}

h2 em:before {
  content: "| ";
  color: #999;
}

h3 {
  font: bold 12pt "Times New Roman", Times, serif;
  text-align:left;			/* CSEG20111117 */
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  margin-left: 1.8em;		/* CSEG20111117 2em */
  padding-top: 0;
  padding-right: 20px;
  padding-bottom: 0;
  padding-left: 20px;
}

h3.important {
  margin: 0 10px .5em;
  font: 200%/ 1.2em Georgia, Serif;
  color: #000;
}

.myh1 {
  font: bold normal 16pt/ 1.4em "Times New Roman", Times, serif;
}

/* ST0 : Liens -------------------------------- */

a {
  color: #000000;
}

a:visited {
  color: #25507C;									/* CSEG20111129 #25507C Bleu pétrole */
  text-decoration: underline;
}

a:hover {
  color: #078307;									/* CSEG20111129 #078307 */
  text-decoration: underline;
}

a:active {
  color: #003366;									/* CSEG20111129 #003366 */
  text-decoration: underline;
}

a img,a.noline,.image a {
  border-width: 0;
}

h1 a,h2 a,h3 a,h4 a {
  border-width: 0;
}

.more a:after,a.more:after,.next a:after,a.next:after,.previous a:before,a.previous:before
  {
  content: "\2192";
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  color: #922;
}

.previous a:before,a.previous:before {
  content: "\2190";
  padding-left: 0;
}

a.previous:after,.more a.previous:after {
  content: "";
}

a.button {
  text-decoration: none;
}

a.button:hover {
  font-weight: bold;
}

.lien_hyper {
  font-size: 12pt;
  vertical-align: bottom;
}

.disabled_link {
  cursor: default;
}

.button_as_link {                               /* Transforme visuellement un bouton en lien html */
  background: transparent;
  border: 0px;
  color: #000000;
  cursor: pointer;
  text-decoration: underline;
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;
}


/* ST0 : Pages, Blocs, pavés, panels ---------- */

#cadreaccueil {
  height:10%;
  min-height:50px;
  margin: auto;
  margin-top: -0.75em;													
  padding: 10px;
  background-color: #FFFFFF;
  border:1px solid #999999;						/* CSEG20130208 linternaute 000000/999999 */
  text-align:center;
  position:relative;
}

.cadrebouton_accueil {
  min-width:430px;
  height: 30%;
  min-height:165px;
  margin: 20px 10px 15px 10px;                  /*Les margin gauche et droit doivent être identiques !*/
  padding: 0px;
  background-color: #FFFFFF;
  border:1px solid #999999;						/* CSEG20130208 linternaute 000000/999999 */
  text-align:center;
}

.cadrebouton_gauche {
  margin-left:50px;
}

.cadrebouton_droit  {
  margin-right:50px;
}


.cadrebouton_bloc0 {
  border-radius: 0px; 
}

.cadrebouton_bloc1 {
  border-radius: 0px; 
  box-shadow: 6px 6px 6px #aaa;
	background: -webkit-radial-gradient(left top, #AAAAAA, #FFFFFF);  /* CSEG20130131 55FF55 : vert */
	background: -moz-radial-gradient(left top, #AAAAAA, #FFFFFF);
	background: -ms-radial-gradient(left top, #AAAAAA, #FFFFFF);
}

.cadrebouton_bloc2 {
  border-radius: 0px; 
  box-shadow: 6px 6px 6px #aaa;
	background: -webkit-radial-gradient(left top, #AAAAAA, #FFFFFF);  /* CSEG20130131 55FFFF : jaune */
	background: -moz-radial-gradient(left top, #AAAAAA, #FFFFFF);
	background: -ms-radial-gradient(left top, #AAAAAA, #FFFFFF);
}

.cadrebouton_bloc3 {
  border-radius: 0px; 
  box-shadow: 6px 6px 6px #aaa;
	background: -webkit-radial-gradient(left top, #AAAAAA, #FFFFFF);  /* CSEG20130131 FF5555 : rouge */
	background: -moz-radial-gradient(left top, #AAAAAA, #FFFFFF);
	background: -ms-radial-gradient(left top, #AAAAAA, #FFFFFF);
}

.cadrebouton_bloc4 {
  border-radius: 0px; 
  box-shadow: 6px 6px 6px #aaa;
	background: -webkit-radial-gradient(left top, #AAAAAA, #FFFFFF);  /* CSEG20130131 FFFF55 : bleu */
	background: -moz-radial-gradient(left top, #AAAAAA, #FFFFFF);
	background: -ms-radial-gradient(left top, #AAAAAA, #FFFFFF);
}

.cadreInscription .titre_bloc, .ma_position .titre_bloc, #integration_cadre .titre_bloc, .mon_analyse .titre_bloc{
  font: bold 16pt/1.4em Times New Roman,Times,serif;
  color:#000000;
  margin-left:0px;
}

.cadreInscription {
  margin: 0px;
  padding: 0px;
}

.cadreInscription h3 {
  text-align:left;
  margin-left:0px;
  font-weight:normal;
  margin-bottom:16px;
}

.cadretrading .titre_bloc, .ma_position .titre_bloc, #integration_cadre .titre_bloc, .mon_analyse .titre_bloc{
  font: bold 16pt/1.4em Times New Roman,Times,serif;
  color:#000000;
  margin-left:0px;
}

.cadretrading {
  margin: 0px;
  padding: 0px;
  background-color: #FFFFFF;
  /* CSEG20130208 linternaute border-left: 1px solid #000000;			
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000; / solid #999999 */
  border:1px solid #999999;						/* CSEG20130208 linternaute 000000/999999 */
  border-radius: 0px; 								/* CSEG20130131 : 6px */
  box-shadow: 4px 4px 4px #aaa;				/* CSEG20130130 */
}

.cadretrading h3 {
  text-align:left;
  margin-left:0px;
  font-weight:normal;
  margin-bottom:16px;
}

.cadretrading_div {
  width:100%;
  height:30px;
  margin-top:15px;
  margin-bottom:15px;
}

#cadretrading_blocs {
  margin:20px;
}

#cadretrading_buttons {
  bottom:20px;
  width:440px;
}

#cadretrading_float {
  float:left;
  /* CSEG20130208 width:481px; */
}
#cadretrading_haut_gauche {
  width: 460px;									/* CSEG20130208 linternaute 480px/460px */
  height: 360px;
  margin:0px 0px 5px -10px;
  position:relative;
}

#cadretrading_haut_droit {
	width: 460px;									/* CSEG20130208 linternaute 480px/460px */
  height: 360px;								/* A supprimer pour élasticité verticale */
  margin-top:20px;
  margin-left:465px;            /*Cette propriété est liée à la taille de #cadretrading_haut_gauche + margin(15)*/
  margin-bottom:15px;
}

#cadretrading_haut_droit_elast {
  height: 360px;								/* A supprimer pour élasticité verticale */
	margin-top:20px;
  margin-left:495px;            /* Cette propriété est liée à la taille de #cadretrading_haut_gauche + margin(15)*/
  margin-bottom:15px;
}

#cadretrading_bas_gauche {
	width: 460px;									/* CSEG20130208 linternaute 480px/460px */
  height: 360px;								/* A supprimer pour élasticité verticale */
  margin-top:15px;
  margin-right:0px;
  margin-bottom:10px;
  margin-left:-10px;
}

#cadretrading_bas_droit {
	width: 460px;									/* CSEG20130208 linternaute 480px/460px */
  height: 360px;								/* A supprimer pour élasticité verticale */
  margin-left:465px;            /* Cette propriété est liée à la taille de #cadretrading_bas_gauche + margin(15)*/
}

#cadretrading_bas_droit_elast {
	height: 360px;								/* A supprimer pour élasticité verticale */
  margin-left:495px;            /* Cette propriété est liée à la taille de #cadretrading_bas_gauche + margin(15)*/
}

#cadretrading_5 {
  display:none;                 /* IMPORTANT : à remplacer par display:block; avec JS pour faire apparaétre*/
  width:210px;
  float:left;
  margin-bottom:20px;
}

#cadretrading_6 {
  display:none;                 /* IMPORTANT : à remplacer par display:block; avec JS pour faire apparaétre*/
  width:100px;
  float:right;
  margin-bottom:20px;
}

#simulation_trading_Situation {
  margin-top:-20px;
  margin-left:-10px;						/* CSEG20111103 : TODO : à revoir */
}

#cadremoncompte_haut_gauche {
  width: 440px;									/* CSEG20130208 linternaute 455px/228px */
  height: 210px;
  margin:0px 0px 5px 0px;
  position:relative;
  background-color: #ffe4c4; 		
  border-left: 1px solid #ffe4c4;
  border-right: 1px solid #ffe4c4;
  border-bottom: 1px solid #ffe4c4;
  border-top: 1px solid #ffe4c4;
}

#cadremoncompte_haut_droit {
  width: 425px;									/* CSEG20130208 linternaute 465px/232px */
  height: 210px;
  margin-top:20px;
  margin-left:480px;            /*Cette propriété est liée à la taille de #cadremoncompte_haut_gauche + margin(15)*/
  margin-bottom:15px;
  background-color: #faad73; 		
  border-left: 1px solid #faad73;
  border-right: 1px solid #faad73;
  border-bottom: 1px solid #faad73;
  border-top: 1px solid #faad73;
}
 

.min_width {                    /* Taille des blocs - Indispensable à la plupart des blocs "maétres" */
  width:90%; 										/* CSEG PRODUCTION pour supprimer l'élasticité :  max-width:1022px; au lieu de width:90% */
  min-width:960px;							/* CSEG20130208 Linternaute 1022px/960px */
  background-color: #EBEBEB; 		/* CSEG20120110 FFFFFF */
}

.min_width_popup {              /* Taille des blocs fenetres popups */
  width: 100%;                  /* width: expression(document.body.clientWidth < 1162 ? '1040px' : '90%');*/
  min-width:960px;							/* CSEG20130208 Linternaute 1022px/960px */
  background-color: #FFFFFF;
}

.popup{
		background: #FFFFFF; /* CSEG jaune #FAF2B1; */
}

/* ST0 : Paragraphes, textes, champs ---------- */

p {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-style: normal;
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 2em;
  padding-top: 0em;				/* CSEG20111117 1em */
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #00002A;
  /*--  margin: 1em 2em; */
}

.center {
  text-align:center;
}

.texte_accueil {
  margin : 0px;
}

.italique {
  font-style:italic;
}

.gras {
  font-weight:bold;
}

.nbsp {
  margin-left:10%;
}

.fmt_date {
	width: 12em;					/* CSEG20120418 */
  text-align: center; 
}

.fmt_heure {
	width: 7em;					/* CSEG20161214 */
  text-align: center;
}

.fmt_date_heure {
  text-align: center;
}

.fmt_nombre {
  text-align: right;  
}

.fmt_texte {
  text-align: left; 
}

.titre_entre_blocs {
  text-align:left;
  height: 20px;
  margin:0px auto 10px 0px;
  font: bold normal 14pt/ 1.2em "Times New Roman", Times, serif;
}

.sous_titre_x {                    
  text-align:left;
  height: 20px;
  clear: both;
  margin:10px auto 10px 7%;
  font: bold normal 12pt/ 1em "Times New Roman", Times, serif;
}

.web_align {
  float: left;
  margin-left: 5%;
}

.web_align_button {
  float: left;
  margin-left: 5%;
  display: inline;
}


/* ST0 : Listes et énumérations --------------- */

ul {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-style: normal;
  padding: 0px;
  margin-right: 0em;
  margin-left: 3em; /* CSEG20130110 Linternaute 0em; */
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 17px;
  text-indent: 0em;
  padding-bottom: 0px;
  list-style-position: outside;
  list-style-type: none;		/* CSEG circle est inadapté à Intégration scénario. TODO : à revoir; */
}

li {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-style: normal;
  padding: 0px;
  margin-right: 0em;	/* CSEG20130110 Linternaute 5em; */
  margin-left: 2em;		/* CSEG20111103 : 0em; */
  margin-top: 0px;
  margin-bottom: 0px;
  line-height: 17px;
  text-indent: 0em;
  padding-bottom: 5px;
  list-style-position: outside;
}

* html li {
  height: 1%;
}

ol {
  margin-left: 3em;
}


/* ST0 : Formulaires -------------------------- */

form {
  letter-spacing:0px;                           /* Pour IE, empêche les labels de passer sous le input quand on zoome */
}

input.text {
  border: 1px solid;
  border-color: #aa9 #ffe #ffe #aa9;
  font-size: 85%;
  background-color: #FAF2B1;
}


/* ST0 : Tableaux ----------------------------- */

table {
  margin: 0 0em 0 0em;
}

.tbl-found, .tbl-page, .tbl-pages {
  display:inline-block;
  width:32%;
  letter-spacing:0px;                          /* Pour IE */
}

.tbl-pages {
  text-align:center;
}

.tbl-page {
  text-align:right;
  margin-right:1%;
}

.tbl-found {
  text-align:left;
  margin-left:1%;
}


/* ########### 2- Définitions gabarits STPG ########### 

/* Définitions utilisées dans plusieurs pages standard (Pages Gabarits)

/* STPGx : Pages, Blocs, pavés, panels --------- */

#main {
  background: #EBEBEB;
  display:inline-block;
  border: 1px solid #000;
  width: 90%;
  min-height:600px;
  margin: 0px auto;
  position: relative;
  text-align:center;
}

#main_accueil {
  background: #EBEBEB;
  border: 1px solid #000;
  /* CSEG20120313 height: 86%; */
  /* CSEG20120313 min-height:890px; */	/* CSEG avant ajout des bloc 5, 6, 7 et 8 : min-height:550px; */
  margin: 0px auto;
  position: relative;
  text-align:center;
}

#main_cadre {
  padding-bottom:10px;
  border:1px solid #999999;		/* CSEG20130208 linternaute 000000/8888888 */
 	min-height: 50px;						/* CSEG min-height:400px;*/
  background-color:#FFFFFF;
  margin:15px 10px 15px 10px;	/* CSEG20130131 15px 10px 10px 10px; */
  box-shadow: 4px 4px 4px #aaa;
  /* CSEG20120313 overflow:scroll; */
}

#main_cadre2 {
  padding-bottom:10px;
  border:1px solid #000000;
 	min-height: 50px;						/* CSEG min-height:400px;*/
  background-color:#FFFFFF;
  margin:15px 10px 15px 10px;	/* CSEG20130131 15px 10px 10px 10px; */
  box-shadow: 4px 4px 4px #aaa;
  /* CSEG20120313 overflow:scroll; */
}

#main_long {
  width: 90%;
  background: #EBEBEB;
  margin: 0px auto;
  position: relative;
  border: 1px solid #000;
  text-align:center;
}

#main_presentation {
  background: #EBEBEB;
  display:inline-block;
  border: 1px solid #000;
  width: 90%;
  margin: 0px auto;
  position: relative;
  text-align:center;
}

#integration_main, #admin_main {
  background: #EBEBEB;
  /* CSEG20110912 display:inline-block; */
  border: 1px solid #000;
  min-height:550px;
  margin: 0px auto;
  position: relative;
  text-align:center;
}

#integration_popup_main, #admin_popup_main {
  background: #EBEBEB;
  display:inline-block;
  border: 1px solid #000;
  /* CSEG20120501 min-height:400px; */
  width: 100%;
  margin: 0px auto;
  position: relative;
  text-align:center;
}

#integration_cadre, #admin_cadre {
  padding-bottom:10px;
  border:1px solid #000000;
  background-color:#FFFFFF;
  margin:20px 15px 15px 15px; 		/* CSEG20111215 margin:15px 20px 20px 20px; */
  box-shadow: 4px 4px 4px #aaa;		/* CSEG20130201 */
}

#integration_cadre h3, .ma_position h3, .mon_analyse h3, #admin_cadre h3  {
  text-align:left;
  margin-left:0px;
  font-weight:normal;
}

#integration_cadre li, #admin_cadre li {
  margin-top:5px;
  margin-bottom:5px;
}

#integration_cadre form, #admin_cadre form {
  margin-top:10px;
}
#integration_cadre ul .fmt_nombre, #integration_cadre ul .date, #webspan {
  position:absolute;
  /* CSEG20111215 left:65%; */							/* CSEG20111103 70%; */
  white-space:nowrap;		/* CSEG20111103 */
}
#admin_cadre ul .fmt_nombre, #admin_cadre ul .date, #admspan {
  position:absolute;
  left:50%;
}


/* STPGx : bannières --------------------------- */

/* - Utilisées dans banner_fr.tpl, banner_us.tpl, banner_popup_fr.tpl,... */

#header {
  height: 60px;
  position: relative;
  background-color: #fff;
  margin: 0px auto;
  border: 1px solid #000;
  border-bottom:0px none;
  background: url("../images/Banniere_SimTrade_Milieu.gif") repeat-x;	  /* CSEG20120203 background-color: #EBEBEB; */
}

#header_gauche {
  float:left;
}

#header_droit {
  float:right;
}


/* STPGx : pied de page ------------------------

/* - Utilisées dans footer_BO_fr.tpl,... */

#footer {									/* CSEG20120429 : à remplacer par "footerST", en faisant attention... */
	position: relative;
  margin:0px auto;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

#footerST {								/* CSEG20120429 : création de footerST pour ne pas entré en conflit éavec WordPress qui exploite déjé "footer" */
	position: relative;
  margin:0px auto;
  text-align:center;
  background:#FFFFFF;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-left: 1px solid #000000;
}

/* - Utilisées dans accueil_navigateurs_X_v0_fr.tpl,... */

#popupNavigateurs {
  _width:750px;                                 /* Pour IE */
  min-width:750px;
	margin:15px;
  background: #EBEBEB;
  border: 1px solid #000;
  display:inline-block;
  padding:20px 20px 20px;
  text-align:center;
}

/* - Utilisées dans accueil_mentions_X_fr.tpl,... */

#ML {
  _width:620px;                                 /* Pour IE */
  min-width:620px;
	margin:15px;
  background: #EBEBEB;
  border: 1px solid #000;
  display:inline-block;
  padding:16px 50px 50px;
  text-align:center;
}

#cadreML0 {
  min-height:200px;
  border: 1px solid #000;
  overflow: scroll;
  display:inline-block;
}

#titre_ML {
  font:bold normal 16pt/1.4em Times New Roman, Times, serif;
  margin-left: 1em;
}

/* - Utilisées dans accueil_cgu_X_fr.tpl,... */

#CGU {
  _width:620px;                                 /* Pour IE */
  min-width:620px;
  margin:15px;
  background: #EBEBEB;
  border: 1px solid #000;
  display:inline-block;
  padding:16px 50px 50px;
  text-align:center;
}

#cadreCGU0 {
  min-height:200px;
  max-height:700px;
  border: 1px solid #000;
  overflow: scroll;
  display:inline-block;
}

#titre_CGU {
  font:bold normal 16pt/1.4em Times New Roman, Times, serif;
  margin-left: 1em;
}
#li_CGU {
	list-style-position: inside;	/* CSEG20111117 */
}

ul.disc {list-style-type: disc;}

/* STPGx : Menus -------------------------------

/* - Utilisées dans menu_presentation_cas_1.tpl, menu_simulation_cas1.tpl, menu_integration.tpl, menu_integration_scenarios.tpl,... */

#soustitre_menu {
  font-size: 14px;
}

#titre_menu {
  font-size: 16px
}

/* - Utilisées pour les menus et globalnav */

#globalnav {
  position: relative;
  float: left;
  margin: 0px;
  list-style: none;
  line-height: 1.50em;
}

#globalnav LI {
  float: left;
  margin: 0px;
  padding: 0px;
}

#globalnav A {
  display: block;
  color: #545F88;
  text-decoration: none;
  font-weight: bold;
  background: #D0D0D0;
  margin: 0px;
  padding: 0.25em 1em;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
}

#globalnav A:hover,#globalnav A:active,#globalnav A.here:link,#globalnav A.here:visited {
  color: #0D2795; /*0D2795*/
  background: #B0B0B0;
}

#globalnav A.here:link,#globalnav A.here:visited {
  position: relative;
  z-index: 102;
}

#globalnav UL {
  position: absolute;
  left: 0;
  top: 1.5em;
  float: left;
  background: #bbb;
  width: 100%;
  margin: 0;
  padding: 0.25em 0.25em 0.25em 1em;
  list-style: none;
  border-top: 1px solid #fff;
  line-height: 0.75em;
}

#globalnav UL LI {
  float: left;
  display: block;
  margin-top: 1px;
}

#globalnav UL A {
  background: #bbb;
  color: #fff;
  display: inline;
  margin: 0;
  padding: 0 1em;
  border: 0
}

#globalnav UL A:hover,#globalnav UL A:active,#globalnav UL A.here:link,#globalnav UL A.here:visited {
  color: #465799; /*444*/
}


/* - Utilisées pour les menus et connexionnav */

#menu {
  width: 100%;
  height:50px;
  margin: 0px auto;
  border: 0px solid #000000;
}

#connexionnav {
  position: relative;
  float: right;
  background: #bbb;
  height: 20px;
  margin-top: 1px;
  list-style: none;
  border-top: 0px solid #fff;
}

#connexionnav LI {
  float: left;
  margin: 0px;
  padding: 0px;
}

#connexionnav A {
  display: inline; 								/* CSEG20121019 block; */
  color: #0D2795; 								/* CSEG20121019 #545F88; */
  text-decoration: underline;
  background: #EBEBEB;
  margin: 0px;
  font: normal 12pt/ 1em "Times New Roman", Times, serif;
	/* CSEG20121019 
	font-weight: bold;
  padding: 0.25em 1em;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
  */
}
#connexionnav A:hover,#connexionnav A:active,#connexionnav A.here:link,#connexionnav A.here:visited {
  color: #0D2795; 
  background: #B0B0B0;
}

#connexionnav A.here:link,#connexionnav A.here:visited {
  position: relative;
  z-index: 102;
}

/* CSEG20121019
#connexionnav UL {
  position: absolute;
  left: 0;
  top: 1.5em;
  float: left;
  background: #bbb;
  width: 100%;
  margin: 0;
  padding: 0.25em 0.25em 0.25em 1em;
  list-style: none;
  border-top: 1px solid #fff;
  line-height: 0.75em;
}

#connexionnav UL LI {
  float: left;
  display: block;
  margin-top: 1px;
}

#connexionnav UL A {
  background: #bbb;
  color: #fff;
  display: inline;
  margin: 0;
  padding: 0 1em;
  border: 0
}

#connexionnav UL A:hover,#connexionnav UL A:active,#connexionnav UL A.here:link,#connexionnav UL A.here:visited {
  color: #465799; 
}

#connexionnav UL A {
  background: #bbb;
  color: #fff;
  display: inline;
  margin: 0;
  padding: 0 1em;
  border: 0
}
*/

#pseudoEnTitre {
  background: #eee;
  color: #0D2795;
  line-height: 1.8em; /* CSEG20121019 1.8em; */
  font-style:italic;
}


/* - Utilisées pour l'icone d'accueil*/

#iconeAccueil A {
  background: url("../images/Btn_Accueil_vu.jpg") no-repeat;
  padding:0px;
  width: 25px;
  height: 25px;
}

#iconeAccueil A:hover,#iconeAccueil A:active,#iconeAccueil A.here:link,#iconeAccueil A.here:visited
  {
  background: url("../images/Btn_Accueil_survol.jpg") repeat-x;
  width: 25px;
  height: 25px;
}

/* - Utilisées pour l'icone des ressources fichiers*/

#iconeFichiers A {
  background: url("../images/icon_SimTrade_Back_office_Fichiers_vu.png") no-repeat;
  padding:0px;
  width: 19px;
  height: 25px;
}

#iconeFichiers A:hover,#iconeFichiers A:active,#iconeFichiers A.here:link,#iconeFichiers A.here:visited
  {
  background: url("../images/icon_SimTrade_Back_office_Fichiers_over.png") repeat-x;
  width: 19px;
  height: 25px;
}


/* - Utilisées pour les sous-menus et subnav, subnavter */
#menu_scenarios {
  width: 100%;
  height:70px;
  margin: 0px auto;
  border: 0px solid #000000;
}

#menu_admin {
  width: 100%;
  height:70px;
  margin: 0px auto;
  border: 0px solid #000000;
}

#subnav {
	position: relative;		/* CSEG20120511 relative à nouveau CSEG absolute: pour jointure titre/sous-titre */
	top: 0em;							/* CSEG20120511 1.5em CSEG 0: pour jointure titre/sous-titre */
  left: 0;							/* CSEG20120511 */
	float: left;
  background: #bbb;
  height: 20px;
  width: 100%;
  margin: 0px;
  padding: 0.25em 0px;
  list-style: none;
  border-top: 1px solid #fff;
  line-height: 0.75em;
}

#subnav LI {
  float: left;
  margin: 0px;
  padding: 0px;
}

#subnav LI A {
  background: #bbb;
  color: #fff;
  display: inline;
  margin: 0px;
  padding: 0 1em;
  border: 0px;
}

#subnav LI A:hover,#subnav LI A:active,#subnav LI A.here:link,#subnav LI A.here:visited
  {
  color: #465799; /*444*/
}

#subnav A:hover,#subnav A:active,#subnav A.here:link,#subnav A.here:visited
  {
  color: #0D2795; /*0D2795*/
  background: #B0B0B0;
}

#subnav A.here:link,#subnav A.here:visited {
  position: relative;
  z-index: 102;
}

#subnav A {
  display: block;
  color: #545F88;
  text-decoration: none;
  font-weight: bold;
  background: #D0D0D0;
  margin: 0;
  padding: 0.25em 1em;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
}


#subnavbis {
  position: relative;
  left: 0;
  top: 0em;
  float: left;
  background: #bbb;
  height: 20px;
  width: 100%;
  margin: 0;
  padding: 0.25em 0px;
  list-style: none;
  border-bottom: 1px solid #fff;
  line-height: 0.75em;
}

#subnavbis LI {
  float: left;
  margin: 0;
  padding: 0;
}

#subnavbis LI A {
  background: #bbb;
  color: #5A5C60;
  display: inline;
  margin: 0;
  padding: 0 1em;
  border: 0
}

#subnavbis LI A:hover,#subnavbis LI A:active,#subnavbis LI A.here:link,#subnavbis LI A.here:visited {
  color: #465799; /*444*/
}

#subnavbis A:hover,#subnavbis A:active,#subnavbis A.here:link,#subnavbis A.here:visited {
  color: #0D2795; /*0D2795*/
  background: #B0B0B0;
}

#subnavbis A.here:link,#subnavbis A.here:visited {
  position: relative;
  z-index: 102;
}

#subnavbis A {
  display: block;
  color: #545F88;
  text-decoration: none;
  font-weight: bold;
  background: #D0D0D0;
  margin: 0;
  padding: 0.25em 1em;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
}

#subnavter {
  float:left;
  background-color: #C1C0C0;
  width: 100%;
}


/* STPGx : Tableaux ---------------------------- */

div#web_liste_ordres table {
  border-collapse: collapse;
}

div#web_liste_ordres table td {
  text-align: center;
  /* border: solid 1px black; */
  line-height: 20px;
}

div#web_liste_ordres table td form {
  height: 7px;
}


div#web_liste_transactions {
  float: left;
  margin-left: 1%;
  margin-right: 1%;
  border: solid 1px black;
  text-align: center;
}


/* STPGx : Boutons, actions,... ---------------- */

#submit_form_buttons {
  position:static;
  text-align:left;
  margin:15px auto 5px 2.5%;
}


/* ####### 3- Définitions spécifiques par page ########

/* STPGs : pages de type accueil ---------------

/* - Utilisées dans index. tpl, index_us. tpl,... */

#accueil_bloc_gauche_ext {
  width:50%;
  float:left;
  margin-right:-10px;
  height: 86%;
}
#accueil_bloc_gauche_int{
  margin-right:10px;
  height: 86%;
}

#accueil_colonne {
  width:20px;
  float:left;
  position:relative;
  z-index:10;
  height: 86%;
}

#accueil_bloc_droit_ext {
  width:50%;
  float:right;
  margin-left:-11px;
  height: 86%;
}
#accueil_bloc_droit_int {
  margin-left:10px;
  height: 86%;
}

#accueil_bordure {
  background:url('../images/bordure_accueil_droite.jpg') repeat-x;
}

/* - Utilisées dans menu_login_cn.tpl,... (TODO : il faudra renommer ces fichiers menu_ qui ne sont pas des menus...) */

#login_drapeaux {
  margin-left:20px;
  text-align:left;
  float:left;
  width:16%;
}

#login {
  margin-right:20px;
  text-align:right;
  float:right;
  width:75%;					/* CSEG20130208 linternaute 80%/75% */
}

#login_main {
  height:56px;
  width:100%;
  padding-top:5px;
  text-align:right;
}

#login a {
  /* TODO : rgb(170,170,170);
   TODO : font-size:10pt; */
}

#login label, #login a {
  width:100px;
  display:inline;
}


/* STPGs : pages de type Présentation -------------------

/* - Utilisées dans presentation_....tpl ---------------------- */

.present_panel {
  margin-left:2.5%;
  margin-right:2.5%;
  padding-bottom:5px;
  padding-top:5px;
  position:relative;
}

#present_panel1 {background:#ffe4c4;}     /* bisque */
#present_panel2 {background:#ffc0cb;}     /* pink */
#present_panel3 {background:#afeeee;}     /* paleturquoise */
#present_panel4 {background:#dcdcdc;}     /* gainsboro */
#present_panel5 {background:#deb887;}     /* burlywood */
#present_panel6 {background:#fffacd;}     /* LemonChiffon */
#present_panel7 {background:#90ee90;}     /* LightGreen */
#present_panel8 {background:#fa8072;}			/* salmon */
#present_panel9 {background:#feeedb;}			/* orange clair ? */
#present_panel10 {background:#faad73;}		/* orange */
#present_panel11 {background:#d0d0d0;}		/* gris très clair */
#present_panel12 {background:#ffffff;}		/* blanc */

/* STPGs : pages de type liste -----------------

/* - Utilisées dans simulation_liste_valeurs_1_fr.tpl ---------------- */

#dernier_cours {
  margin-left:10%;
}

#simulation_liste_valeurs {
  display:inline-block;
  width:100%;
  margin-top:10px;
  letter-spacing:0px; /*Pour IE*/
}


/* STPGs : pages de type position --------------
/* - Utilisées dans simulation_position_1_fr.tpl */

#bandeau_defilant {
  margin-top:10px;
}

#ma_position {
  margin:20px 15px 30px 10px;         /* width:expression(document.body.clientWidth < 1162 ? '972px' : 'auto'); */ /* CSEG20130208 linternaute 30px/15px et 30px/10px */
}
.ma_position {
  background-color:white;
  border:1px solid #999999;						/* CSEG20130208 black/AAAAAA */
  margin-bottom:10px;
  padding-bottom:10px;
  width:100%;
  border-radius: 0px; 								/* CSEG20130131 : 6px */
  box-shadow: 4px 4px 4px #aaa;				/* CSEG20130130 */
}

.ma_position_bloc_1{width:29%;}
.ma_position_bloc_2{width:40%;}
.ma_position_bloc_3{width:29%;}

.ma_position_3_blocs {
  display:inline-block;
}

.ma_position_bloc_41{width:25%;}
.ma_position_bloc_42{width:25%;}
.ma_position_bloc_43{width:25%;}
.ma_position_bloc_44{width:25%;}

.ma_position_4_blocs {
  display:inline-block;
}

#ma_position_bloc_mon_compte table tr td {width: 270px;}

#ma_position_bloc_mon_compte table {margin-left: 5%;}

#ma_position_bloc_mon_portefeuille table tr td {}

#ma_position_bloc_mon_portefeuille table {margin-left: 1%;}

#ma_position_bloc_mon_portefeuille_liste_ordres table {width:98%; border-collapse: collapse;}

#ma_position_bloc_mon_portefeuille_liste_ordres table tr td {text-align: center;}

#ma_position_bloc_mon_portefeuille_liste_transactions table {width:98%; border-collapse: collapse;}

#ma_position_bloc_mon_portefeuille_liste_transactions table tr td {text-align: center;}

#ma_position_bloc_mon_portefeuille_liste_ordres, #ma_position_bloc_mon_portefeuille_liste_transactions, #web_liste_ordres {
  text-align: center;
  margin:5px 0px;
}

div#table_ma_position_portefeuille table td {
  text-align: center;
  line-height: 10px;
}

div#table_ma_position_ordres {
  background-color: white;
  text-align: center;
}

div#table_ma_position_ordres table {
  border-collapse: collapse;
}

div#table_ma_position_ordres table td {
  text-align: center;
  line-height: 10px;
}

div#table_ma_position_ordres table td form {
  height: 7px;
}

.mon_analyse {
  background-color:white;
  margin-bottom:10px;
  padding-bottom:10px;
  width:100%;
}

/* STPGs : pages de type simulation ------------

/* - Utilisées dans simulation_trading_1_fr.tpl */

#bloc_passage_ordre {
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

div#bloc_passage_ordre input {
  text-align: right;
}

td#bloc_passage_ordre_colonne_1 {
  width: 60px;
}

td#bloc_passage_ordre_colonne_2 {
  width: 180px;
}

td#bloc_passage_ordre_colonne_3 {
  width: 60px;
}

td#bloc_passage_ordre_colonne_4 {
  width: 180px;
}

.simulation_trading {
  /*display:inline-block; est retiré afin de contraindre le graphique dans le cadre*/
	/* width: 460px; */
  /* height: 240px; */
	margin-top:5px;
	margin-left:1px;
}

#simulation_tradingCO {
  width:440px;
  margin:20px 5px;
}

div#simulation_trading_bloc_2_carnet_ordre {
  /*width: 440px;*/
  /*height: 160px;*/
  margin-left:5%;
  text-align: center;
}

div#simulation_trading_bloc_3_transactions {
  margin-left:5%;
  margin-top: 2%;
  text-align: center;
}

#sens_ordre_achat, #sens_ordre_achat_label, #sens_ordre_vente, #sens_ordre_vente_label, #montant_ordre_span,
#type_ordre_span, #date_vali_span, #cadretrading_buttons {
  position:absolute;
}

#sens_ordre_achat        {left:100px;}
#sens_ordre_achat_label  {left:125px;}
#sens_ordre_vente        {left:180px;}
#sens_ordre_vente_label  {left:205px;}

#montant_ordre_span {left:100px;}
#qte_ordre_span     {float:right;}
#type_ordre_span    {left:100px;}
#date_vali_span     {left:100px;}

#bloc_passage_ordre .ui-datepicker-trigger {left:140px;}


/* - Utilisées dans timeline_1_fr.tpl (TIMELINE) */

div#barre {
  margin-top: 4px;
  float: left;
  width: 465px;				/* CSEG20130208 linternaute 495px/465px */
  height: 22px;
  text-align:left;
} 

/* CSEG20120403 : avant paramétrage du fond de la timeline
div#barre {
  margin-top: 4px;
  background-image: url("../images/Img_Fond_Timeline.jpg");
  float: left;
  width: 495px;
  height: 22px;
  text-align:left;
}*/


#heure_timeline {
  font-size:16px;
}

.imgTL {
background : center center;
}

div#progress {
  text-align: right;
  font-weight: bold;
  color: yellow;
  width: 50%;
  height: 20px;
  background-color:#465799;
  border: solid 1px black;
  opacity:0.8;
}

div#timeline {
  float: left;
  width: 950px;								/* CSEG20130208 1000px/950px */
  height: 30px;
  background-color: #C1C0C0;
}

img.timelineImg {
  margin-top: 4px;
}


/* STPGs : pages de type Informations ------------- */

div#simulation_informations_Actualites {												
	overflow: scroll;
	width: 100%;
	height: 300px;
}

div#simulation_informations_Conseils {												
	overflow: scroll;
	width: 100%;
	height: 300px;
}

div#simulation_informations_Commentaires {												
	overflow: scroll;
	width: 100%;
	height: 300px;
	border:1px solid red;
}

div#simulation_informations_Consensus {												
	overflow: scroll;
	width: 100%;
	height: 300px;
}

/* STPGs : pages de type integration -------------

/* - Utilisées dans integration_scenarios_description.tpl, integration_marches_description.tpl, ... */

#horaires_marche_titre {
  display:inline-block;
  width:148px;
}

#marche_formulaire_complet, #scenario_formulaire_complet {
  position:relative;
}

.webdiv1 {width:100%;height:30px;}
.webdiv2 {width:100%;height:65px;}
.webdiv3 {width:100%;height:85px;}
.webdiv4 {width:100%;height:100px;}
.webdiv5 {width:100%;height:210px;}

.sous_titre_entre_blocs_sc {
	margin-left:-40px;
}

.webulsc li {
  /*  CSEG20130320 A REVOIR width:80%; */
  margin-left:-70px;
}

.webul li {
  width:80%;
}

.webbloc00 {
  left:0%;
  position:absolute;
}
.webbloc05 {
  left:5%;
  position:absolute;
}
.webbloc10 {
  left:10%;
  position:absolute;
}
.webbloc12 {
  left:12%;
  position:absolute;
}
.webbloc15 {
  left:15%;
  position:absolute;
}
.webbloc19 {
  left:19%;
  position:absolute;
}
.webbloc20 {
  left:20%;
  position:absolute;
}
.webbloc24 {
  left:24%;
  position:absolute;
}
.webbloc27 {
  left:27%;
  position:absolute;
}
.webbloc30 {
  left:30%;
  position:absolute;
}
.webbloc32 {
  left:32%;
  position:absolute;
}
.webbloc35 {
  left:35%;
  position:absolute;
}
.webbloc36 {
  left:36%;
  position:absolute;
}
.webbloc40 {
  left:40%;
  position:absolute;
}
.webbloc43 {
  left:43%;
  position:absolute;
}
.webbloc44 {
  left:44%;
  position:absolute;
}
.webbloc45 {
  left:45%;
  position:absolute;
}
.webbloc50 {
  left:50%;
  position:absolute;
}
.webbloc52 {
  left:52%;
  position:absolute;
}
.webbloc55 {
  left:55%;
  position:absolute;
}
.webbloc57 {
  left:57%;
  position:absolute;
}
.webbloc60 {
  left:60%;
  position:absolute;
}
.webbloc63 {
  left:63%;
  position:absolute;
}
.webbloc65 {
  left:65%;
  position:absolute;
}
.webbloc68 {
  left:68%;
  position:absolute;
}
.webbloc69 {
  left:69%;
  position:absolute;
}
.webbloc70 {
  left:70%;
  position:absolute;
}
.webbloc72 {
  left:72%;
  position:absolute;
}
.webbloc75 {
  left:75%;
  position:absolute;
}
.webbloc77 {
  left:77%;
  position:absolute;
}
.webbloc80 {
  left:80%;
  position:absolute;
}
.webbloc82 {
  left:82%;
  position:absolute;
}
.webbloc84 {
  left:84%;
  position:absolute;
}
.webbloc85 {
  left:85%;
  position:absolute;
}
.webbloc90 {
  left:90%;
  position:absolute;
}
.webbloc93 {
  left:93%;
  position:absolute;
}
.webbloc95 {
  left:95%;
  position:absolute;
}
.webbloc_droite {
  position:relative;
  left:7%
}

.web_3_blocs {
  display:inline-block;
  width:32%;
}

.web_panel {
  margin-left:2.5%;
  margin-right:2.5%;
  padding-bottom:5px;
  padding-top:5px;
  position:relative;
}

.web_panel_encadre {
  margin-left:1%;
  margin-right:1%;
  padding-bottom:2px;
  padding-top:2px;
  position:relative;
}

#web_panel1 {background:#ffe4c4;}		/* Bisque */
#web_panel2 {background:#ffc0cb;}		/* Pink */
#web_panel3 {background:#afeeee;}		/* Paleturquoise */
#web_panel4 {background:#dcdcdc;}		/* Gainsboro */
#web_panel5 {background:#deb887;}		/* Burlywood */
#web_panel6 {background:#fffacd;}		/* LemonChiffon */
#web_panel7 {background:#90ee90;}		/* LightGreen */
#web_panel8 {background:#fa8072;}		/* Salmon */
#web_panel9 {background:#feeedb;}		/* Orange clair ? */
#web_panel10 {background:#faad73;}		/* Orange */
#web_panel11 {background:#90d090;}		/* Vert pâle */
#web_panel12 {background:#FFFFFF;}		/* Blanc */
#web_panel13 {background:#ff6655;}		/* Rouge */
#web_panel14 {background:#f5ae07;}		/* Orange foncé et F5CE47 = orange clair*/
#web_panel15 {background:#ff6666;}		/* Rouge concours */
#web_panel16 {background:#c0B3D1;}		/* Mauve */
#web_panel17 {background:#ccff66;}		/* Vert pomme */
#web_panel18 {background:#AFCF8F;}		/* Verdâtre */
#web_panel19 {background:#F5DA81;}		/* Ocre */
#web_panel20 {background:#008080;}  	/* Bleu canard/pétrole */
#web_panel21 {background:#00BFFF;}  	/* Bleu  */
#web_panel22 {background:#55B0AD;}		/* Vert d'eau */
#web_panel23 {background:#A5D0CD;}		/* Bleu communauté */
#web_panel24 {background:#F0C060;}		/* Ocre clair */
#web_panel25 {background:#FFFF88;}		/* Jaune */
#web_panel26 {background:#FFF000;}		/* Jaune orangé */
#web_panel27 {background:#25507C;}		/* Bleu Data Lab */
#web_panel28 {background:#ececec;}		/* Gris */


#webbloc_droite , #scenario_TYPE_SCENARIO {left:82%;}
#marche_HEURE_FIN_PASSAGE_ORDRES          {left:63%;}

.web_textarea {
  text-align:left;
  margin-bottom:5px;
}

.web_textarea label {
  display:inline-block;
  width:24%;
  margin-right:-3px;
  vertical-align:top;
}

.web_textarea_evt {
  text-align:left;
  margin-bottom:5px;
}

.webintrabloc1 {
	margin-top: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
	text-align:left;
	font-style: normal;
  font-weight: bold;
}

/* STPGs : pages de type administration (reprise des définitions pour integration) -------------

/* - Utilisées dans admin_referentiel_simtrade.tpl,... */

.admdiv1 {width:100%;height:30px;}
.admdiv2 {width:100%;height:65px;}
.admdiv3 {width:100%;height:85px;}
.admdiv4 {width:100%;height:100px;}
.admdiv5 {width:100%;height:210px;}

.admul li {
  width:80%;
}

.admbloc1 {
  left:0%;
  position:absolute;
}
.admbloc2 {
       left:30%;               /* CSEG left:24%; */
       position:absolute;
}
.admbloc3 {
  left:50%;
  position:absolute;
}
.admbloc4 {
  left:70%;
  position:absolute;
}
.admbloc5 {
  left:40%;
  position:absolute;
}
.admbloc6 {
  left:43%;
  position:absolute;
}
.admbloc_droite {
  position:relative;
  left:7%
}

.adm_3_blocs {
  display:inline-block;
  width:32%;
}

.adm_panel {
  margin-left:2.5%;
  margin-right:2.5%;
  padding-bottom:5px;
  padding-top:5px;
  position:relative;
}

#adm_panel1 {background:#ffe4c4;}     /* bisque */
#adm_panel2 {background:#ffc0cb;}     /* pink */
#adm_panel3 {background:#afeeee;}     /* paleturquoise CSEG #adm_panel3 {background:#dae5ff;} */
#adm_panel4 {background:#dcdcdc;}     /* gainsboro */
#adm_panel5 {background:#deb887;}     /* burlywood */
#adm_panel6 {background:#feeedb;}			/* orange clair ? */

.adm_textarea {
  text-align:left;
  margin-bottom:5px;
}

.adm_textarea label {
  display:inline-block;
  width:24%;
  margin-right:-3px;
  vertical-align:top;
}
.adm_textarea textarea {
  max-width:65%;                      /* Pour Safari */
}

/* - Utilisées dans integration_scenarios.tpl, integration_scenarios_liste_marches.tpl, integration_scenarios_liste_scenarios.tpl, ... */

div#tableau_simtrade {
  margin:5px 0px;
  text-align: center;
}

div#tableau_simtrade table {
  text-align: center;
  border-collapse: collapse;
}

div#tableau_simtrade table th {
  background-color: #C1C0C0;
}

div#tableau_simtrade table td form {
  display: inline;
}

tr#webTRligneEnTete {
  background-color: #C1C0C0;
}

tr#webTRligneImpair {
  background-color: #DDDCDC;
}

tr#webTRlignePair {
  background-color: #D4CFDD;
}

#integration_myhr, #admin_myhr {
  clear:both;
  margin:16px 2.5%;
}


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

/** ex-COMPLEMENT

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

/* Liens --------------------------------------
----------------------------------------------- */

.photo a,.thumbnail a {
  border-width: 0;
}




/* Formats des titres -------------------------
----------------------------------------------- */

h4 {
  margin: 0em;
  padding: 5 20px;
  font: bold normal 14pt/ 1em "Times New Roman", Times, serif;
}

h5 {
  margin-top: 1em;
  margin-right: 3em;
  margin-bottom: 0.3em;
  margin-left: 2.5em;
  padding: 0 0px;
  font: bold 12pt "Times New Roman", Times, serif;
}

h6 {
  margin: 0.1em;
  padding: 0;
  text-align: justify;
  font-size: 10px;
}

h7 {
  padding: 0 20px;
  font: bold normal 14pt "Times New Roman", Times, serif;
  padding: 0 20px;
  margin-top: 0.5em;
  margin-right: 0.5em;
  margin-bottom: 0.2em;
  margin-left: 0em;
}




/* Formats des contenus -----------------------
----------------------------------------------- */

p.error {
  background: #BF7A4D;
  border: solid 1px black;
  padding: 10px;
}

p.message {
  background: #5BFD7C;
  border: solid 1px black;
  padding: 10px;
}

#retraitP {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-style: normal;
  margin-top: 0em;
  margin-right: 0em;
  margin-bottom: 0em;
  margin-left: 2em;
  padding-top: 0em;
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #00002A;
  /*--  margin: 1em 2em; */
}




/* Format des tableaux ------------------------
----------------------------------------------- */

table.noSpacing {
}

/* CALENDRIERS (aussi utilisé dans l'interface de gestion des parties privatives) *****/  
table.dynCalendar {
  border: solid 1px;
}

table.dynCalendar th {
  border: solid 1px;
  border-collapse: collapse;
  padding: 5px;
}

table.dynCalendar td {
  border: solid 1px;
  border-collapse: collapse;
  padding: 5px;
}

table.dynCalendar textarea {
  font-family: sans-serif;
}




/* Formulaires --------------------------------
----------------------------------------------- */

.imgbutton {
  vertical-align: middle;
}

#formulaire {
  width: 100px;
  height: 288px;
  background: #FAF2B1;
}



/* Body -------------------------------------------
--------------------------------------------------- */

#body2 {                  /* TODO : usage = pour les aides */
  position: relative;
  /* CSEG20120719 width: 535px; height: 1000px; */ 
  margin: 0 auto;
  background: #EBEBEB;		/* Gris */
  padding-top: 0px;
  text-align: left;
}

#body3 {                  /* TODO : usage = pop-up aide */
  position: relative;
  width: 800px;
  height: 1000px;
  margin: 0 auto;
  background: #EBEBEB;
  padding-top: 0px;
  text-align: left;
}

#body4 {                  /* TODO : usage = pop-up historique transactions */
  position: relative;
  width: 280px;
  height: 600px;					/* CSEG20111106 1000px */
  margin: 0 auto;
  background: #4a8cca; 		/* CSEG20120221 #BEBBE5 #D0E09D #FFAF00; */
  padding-top: 0px;
  text-align: left;
  /* CSEG20111106 border: solid 2px black; */
}

#body5 {                  /* TODO : usage = pop-up historique détaillé transactions */
/* CSEG20130411 
	position: relative;
  width: 100%;
  height: 600px;					
  margin: 0 auto; 
  padding-top: 0px;
  text-align: left;
*/
  background: #D0E09D; 		/* #FFAF00; */
}

/* Image --------------------------------------
----------------------------------------------- */

#Image {
  float: left;
  margin-right: 0.75em;
  margin-bottom: 0.0em;
  margin-left: 2.0em;
  margin-top: 0.0em;
}



/* Header -------------------------------------------
----------------------------------------------------- */

#header_white {
  width: 100%;
  height: 60px;
  position: relative;
  background-color: #fff;
  margin: 0 auto;
}

#header2 {
  width: 480px;	/* CSEG20130208 Linternaute 511px/480px */
  height: 29px;
  position: relative;
  background-color: #fff;
  margin: 0px auto;
  border: 1px solid #000;
}

/* Main ---------------------------------------------
----------------------------------------------------- */

#main_arbo {
  width: 700px;
  background: #EBEBEB;
  margin: 5% 5%;
  position: relative;
  border: 1px solid #000;
}



/* Timeline -------------------------------------------------
------------------------------------------------------------- */

input.imgTLVariante {                       /* Imagette de la TimeLine */
  margin-top: 4px;
  margin-bot: 4px;                          /* TODO : margin-bottom et non margin-bot. Voir l'impact. */
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante1 {
  margin-top: 4px;
  margin-bot: 4px;
  margin-left: -5px;
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante2 {
  margin-top: 4px;
  margin-left: -40px;
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante3 {
  margin-top: 4px;
  margin-bot: 4px;
  margin-left: -45px;
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante4 {
  margin-top: 4px;
  margin-bot: 4px;
  margin-left: -45px;
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante6 {
  margin-top: 4px;
  margin-left: 50px;
  height: 22px;
  width: 22px;
  background: center center;
}

input.imgTLVarianteVariante7 {
  margin-top: 4px;
  margin-left: -1px;
  height: 22px;
  width: 22px;
  background: center center;
}

div#msg_info_simul {
  text-align: center;
  font-weight: bold;
  color: red;
}

div#aff {
  float: left;
  width: 30px;
  height: 30px;
}

/* DEBUT MOFICATIONS VSE */

/*VSE taille des tableaux */
div#admin_body {                        
  overflow: scroll;
  width: 98%;
  height: 300px;
}

div#admin_body2 {                       
  overflow: none;
  width: 0%;
  height: 0px;
}

div.inscript_body {            /* div#inscript_body { */
 overflow: scroll;
 border: solid 1px black;
 width: 90%;                   /* CSEG width: 75%; */
 margin-left : 5%;             /* CSEG */
 height: 200px;
}
/* VSE un h2 pas centré...*/
.myh2 {
  font: bold normal 14pt "Times New Roman", Times, serif;
}
/*VSE infobulle*/
.info {
  border-bottom: 1px dotted #000000; color: #000000; outline: none;
  cursor: help; text-decoration: none;
  position: absolute;
}
.info span {
  margin-left: -999em;
  position: absolute;
}

.info:hover span.custom {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  position: absolute; right: -20em; top: -8em; z-index: 99;
  margin-left: 0; width: 250px;
}

.info:hover span.texte {
  font-family: Calibri, Tahoma, Geneva, sans-serif;
  text-decoration:none;
  color: #000000;
  position: relative; z-index: 98;
  margin-left: 0; width: 250px;
}

.custom {
  padding: 10px 0.8em 0.8em 20px;
  background: #9FDAEE; border: 1px solid #2BB0D7; 
}
* html info:hover { background: transparent; }
/*VSE pas de barre pour le tableau (admin_referentiel_LD.tpl)*/
#admin_myhr2 {
  clear:both;
  margin:16px 2.5%;
}
/* FIN VSE*/

/* Timeline (IE) ---------------------------------------
-------------------------------------------------------- */

img.timelineImgSK1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

div#tmp {
  float: left;
  width: 5px;
}

/* Administration -----------------------------------------------------
----------------------------------------------------------------------- */
#carnet_ordre_list1 {
  border: solid 1px black;
  width: 200px;
  background-color: #465799;
}

#carnet_ordre_list2 {
  border: solid 1px black;
  width: 200px;
  background-color: #56739A;
}

div#admin_header {
  text-align: left;
}

div#admin_header h2 {
  color: #0D2795;
  margin-left: 35%;
}

div#admin_header h3 {
  
}

div#admin_body {
  overflow: scroll;
  width: 100%;
  height: 300px;
}



/* Carnet d'ordres ------------------------------------
------------------------------------------------------- */

div#COlignes table td {
  
}

div#COlignes {
  overflow: scroll;
  background-color: white;
  width: 400px;
  height: 300px;
  border: solid 1px black;
  text-align: center;
}

table#COligne_achat td {
  font-size: 14px;
  text-align: center;
  height: 6px;
}

table#COligne_achat {
  float: left;
  width: 190px;
  height: 150px;
  border: solid 1px blue;
}

table#COligne_vente td {
  font-size: 14px;
  text-align: center;
  height: 6px;
}

table#COligne_vente {
  float: right;
  width: 190px;
  height: 150px;
  border: solid 1px red;
}


/* Graphiques ------------------------------------
------------------------------------------------------- */

#info_cours_j_1g{
	  margin-left: 30px;
}
	
/* ML (Mentions Légales) ------------------
------------------------------------------- */

#cadreML {
  position: relative; 
  width : 200px;
  height: 80px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid #000;
  overflow: auto;
}

/* CGU ------------------------------------
------------------------------------------- */

#cadreCGU {
  position: relative;
  width : 200px;
  height: 80px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid #000;
  overflow: auto;
}


/* Aide --------------------------------------------
---------------------------------------------------- */

#AIDE_TYPE1 {
  width: 960px;	/* CSEG20130208 Linternaute 1022px/960px */
  background: #EBEBEB;
  margin: 0 auto;
  position: relative;
  border: 1px solid #000;
}

#AIDE_TYPE2 {
  width: 480px;	/* CSEG20130208 Linternaute 511px/480px */
  height: 80px;
  background: #EBEBEB;
	margin: 0;
  position: relative;
  border: 0px solid #000;
}

#AIDE_TYPE3 {
  width: 800px;
  background: #EBEBEB;
  margin: 0;
  position: relative;
  border: 0px solid #000;
}

#videoAide {
  text-align: center;
  position: relative;
}


#cadreAIDE1 {
  position: relative ;
  height: 300px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid #000;
  overflow: auto;
}

#aideGenerale2
{
  position: relative ;
  height: 50px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid red;
  overflow: auto;
}

#idTexteAide {
  position: relative ;
  height: 100px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid green;
  overflow: auto;
}



/* Ma position --------------------------------------
----------------------------------------------------- */

A.TriCourant {  
  background-color: yellow;
  color: black;
  font-weight: bold;
}

input.textadroite {
  text-align: right;
}



/* Intégration Simulation Carnet d'Ordres -----------
--------------------------------------------------- */

div#webCOlignes {
  width: 1020px;
  border: solid 1px black;
  text-align: center;
}

th#webCOligneEnTete {
  background-color: #C1C0C0;
}

td#webCOligneModPair {
  background-color: #D4CFDD;
  opacity: 0.8;
  color: black;
}

td#webCOligneModPairGras {
  background-color: #D4CFDD;
  opacity: 1;
  color: blue;
  font-weight: bold;
}

td#webCOligneModImpair {
  background-color: #DDDCDC;
  opacity: 0.8;
  color: black;
}

td#webCOligneModImpairGras {
  background-color: #DDDCDC;
  opacity: 1;
  color: blue;
  font-weight: bold;
}

div#webCOactions form {
  display: inline;
}

/* 
table achat
*/
table#webCOligne_achat {
  border-collapse: collapse;
  width: 500px;
  float: left;
  height: 150px;
}

table#webCOligne_achat td {
  border-top: solid 1px black;
  line-height: 10px;
  font-size: 14px;
  text-align: center;
}

table#webCOligne_achat td form {
  height: 7px;
}

/* 
table vente
*/
table#webCOligne_vente {
  border-collapse: collapse;
  width: 500px;
  float: right;
  height: 150px;
}

table#webCOligne_vente td {
  border-top: solid 1px black;
  line-height: 10px;
  font-size: 14px;
  text-align: center;
}

table#webCOligne_vente td form {
  height: 7px;
}



/* SimTraders -------------------------------------
--------------------------------------------------- */

div#webmestre_simtraders {
  width: 600px;
  background-color: white;
  border: solid 1px black;
  text-align: center;
}

div#webmestre_simtraders form {
  display: inline;
}

div#webmestre_simtrader_top form {
  display: inline;
}



/* Intégration Simulations ----------------------------
----------------------------------------------------- */

div#webmestre_simulations {
  text-align: center;
}

div#webmestre_simulations table {
  text-align: center;
  border-collapse: collapse;
}

div#webmestre_simulations table th {
  background-color: #C1C0C0;
}

div#webmestre_simulations table td form {
  display: inline;
}



/* Intégration Simulations Informations -----------------
------------------------------------------------------- */

div#webmestre_simulations_informations {
  text-align: left;
  margin-left: 10%;
}

div#webmestre_simulations_informations table {
  text-align: left;
}

div#webmestre_simulations_informations table th {
  background-color: #C1C0C0;
}

div#webmestre_simulations_informations table td form {
  display: inline;
}



/* Intégration Ordres Fiches ------------------------
--------------------------------------------------- */

div#ordre_titre {
  border: 1px black solid;
  width: 400px;
  text-align: center;
  font-weight: bold;
}

div#ordre_titre h2 {
  float: left;
  text-align: left;
}

div#ordre_tableau {
  background: #EBEBEB;
  border: 1px black solid;
  width: 400px;
}

div#ordre_tableau table {
  text-align: left;
}


/* Intégration Divers ----------------------------------
------------------------------------------------------ */

table#tableau_WebSc_classic {
  width: 100%;
  float: left;
  margin-left: 5%;
}


/* Arborescence Themes -------------------------------------
------------------------------------------------------------ */

#arbo_theme ul {

}

#arbo_theme_parent {
  margin-left: 10px;
  border: 1px solid black;
  
}

#arbo_theme_sous_theme {
  border-left: 1px solid black;
  list-style-type: none;
  background-color: white;
}


/* Cas 3 - Presentation Description -----------------------
----------------------------------------------------------- */  

#tableau_presentation {
  margin-left:5%;
  margin-right: 5%;
  border:1px solid black;
}

#bloc_presentation_login {
  width: 450px;
  height: 200px
}


/* Autre -------------------------------------------
---------------------------------------------------- */

#cadrebouton {
  width: 432px;
  height: 210px;
  margin: auto;
  padding: 0px;
  background-color: #FFFFFF;
  border-left: 1px solid #000000; /* couleur du cadre */
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

#cadrebouton2 {
  width: 300px;
  height: 110px;
  margin: auto;
  padding: 10px;
  background-color: #FFFFFF;
  border-left: 1px solid #000000; /* couleur du cadre */
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
}

#cadretexte {
  position: relative; /*absolute;*/  
  width:100px;
  height: 1000px;
  top: 100px;
  left: 50px;
  margin-top: 0px;
  margin-left: 0px;
  border: medium solid #E9C02E;
  overflow: auto;
}

#cadreactu {
  position: relative; /*absolute;*/
  width: 400px;
  height: 200px;
  margin-top: 0px;
  margin-left: 50px;
  margin-right: 50px;
  border: 1px solid #000;
  overflow: auto;
}

#cadrebouton>p {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt;
  font-style: normal;
  margin-top: 1em;
  margin-right: 1.5em;
  margin-bottom: 2mm;
  margin-left: 2em;
  padding-top: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 20px;
  color: #FF002A;
  /*--  margin: 1em 2em; */
}

/** Interface de gestion **/
.dateInput {
  padding: 2px;
  background: #FFFFE1;
  border: 1px solid #CCC;
}

#top {
  width: 1024px;
  /*background:url(images/top.gif) repeat-x;*/
  margin: 0 auto;
  position: relative;
  height: 50px;
}

#titre2 {
  font-size: 12px;
}

div#simulation_trading_popup_historique_transactions {
	overflow: auto;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 0%;
	width: 105%;					/* CSEG20111106 750px */
	height:100%;					/* CSEG20111106 ...px */
	text-align: center;
}

div#simulation_trading_popup_historique_transactions_det {
/* CSEG20130411	
	overflow: auto;
	margin-top: 1%;
	margin-left: -10px;
	margin-right: 0%;
	width: 100%;					
	height:100%;				
	text-align: center; */
}

div#simulation_trading_popup_historique_transactions_det2 {
	overflow: auto;
	margin-top: 1%;
	margin-left: 1%;
	margin-right: 0%;
	width: 100%;					
	/* height:100%;	*/				
	text-align: center;
}

table#simulation_trading_popup_historique_transactions_ligne {
	/*width: 70%; */
	float: left;
	height: 150px;
	lign-height: 10px;
	text-align: center;
	border: 2px solid black;
}

table#simulation_trading_popup_historique_transactions_ligne_det {
	/* CSEG20130411 width: 90%;	*/
	float: right;
	lign-height: 10px;
	text-align: center;
	border: 2px solid black;
}

#soustitre2 {
  font-size: 10px;
}

/* Pour le bandeau défilant ("ticker") */

#cadrpg { margin-top:5px; margin-left:10px; margin-right:7px; height:32px; border:0; overflow:hidden;} 			/* CSEG20130208 linternaute 10px/px et height:32px; */

/* CSEG : pour publicité */

#header_pub {
  height: 60px;
  position: relative;
  margin: 0px auto;
  border: 1px solid #000;
  border-bottom:0px none;
  background-color: #EBEBEB;
}

#header_pub_repet {
	height: 60px;
	background-image:url("../images/patrimonia2011_repet_x.jpg");
  background-repeat: repeat-x;
}

/* Styles pour liScroll (bandeau rotatif/tickers). */

.tickercontainerRot { 			/* Cadre extérieur avec bordure noire */
	border: 1px solid #000;
	background: #FFF; 
	width: 998px; 						/* CSEG20111122 : 880px 738px */
	height: 27px; 
	margin-top:5px; 
	margin-left:10px; 
	margin-right:10px;
	padding: 0;
	overflow: hidden; 
}

.tickercontainerRot .mask { 		/* Cadre intérieur avec marges gauche et droite */
	position: relative;
	left: 10px;
	top: 4px;									/* CSEG20111122 : 8px */
	width: 978px; 						/* CSEG20111122 : 860px 718px */
	overflow: hidden;
}

/* Styles pour liScroll (bandeau défilant/tickers). D'aprés http://www.gcmingati.net/wordpress/wp-content/lab/jquery/newsticker/jq-liscroll/scrollanimate.html */

.tickercontainer { 					/* Cadre extérieur avec bordure noire */
	border: 1px solid #999999;/* CSEG20130208 linternaute 000/999999 */
	background: #FFF;  
	width: 935px; 						/* CSEG20111122 : 880px 738px */	/* CSEG20130208 998px/935px */
	height: 27px; 
	margin: 0; 
	padding: 0;
	overflow: hidden; 
  border-radius: 0px; 							/* CSEG20130208 linternaute */
  box-shadow: 12px 12px 12px #aaa;
}

.tickercontainer .mask { 		/* Cadre intérieur avec marges gauche et droite */
	position: relative;
	left: 10px;
	top: 4px;									/* CSEG20111122 : 8px */
	width: 978px; 						/* CSEG20111122 : 860px 718px */
	overflow: hidden;
}

ul.newsticker { 						/* Pour la liste des événements (en bourse le rouleau de papier ou 'ticker tape') */
	position: relative;
	left: 1010px;							/* CSEG20111122 : 892px 750px */
	font: normal 10px Arial;	/* CSEG20111122 : bold Verdana */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.newsticker li {
	float: left; 							/* important: display inline gives incorrect results when you check for elem's width */
	margin: 0;
	padding: 0;
	background: #fff;
}

ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #25507C;							/* CSEG20111122 : FF0000 */
	font: normal 1em Arial;			/* CSEG20111122 : bold 20px Verdana */
	margin: 0 30px 0 0;					/* CSEG20111122 : 50px distance entre 2 actualités ne semble plus fonctionner. TODO : à revoir */
}

ul.newsticker li a {					/* CSEG20111129 */
	font: normal 0.75em Arial;	
	margin-bottom: 3px;
}

ul.newsticker span {
	margin: 0 10px 0 0;
} 

#photoEquipe {
	float: left;
	margin-right: 1.0em;
	margin-bottom: 0.0em;
	margin-left: 3.0em;
	margin-top: 0.0em;
} 

#messageHorService {
	text-align: left;
	margin-top: 0.5em;
	margin-left:-9%;
	font: bold 1.2em Arial;	
	color: #FF0000;
}

#dbg{
		text-align: left;
}

/* Example CSS for the two demo scrollers TODO : à nettoyer */

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 998px;
height: 27px;
border: 1px solid black;
margin-top:5px; 
margin-left:10px; 
margin-right:10px;
padding: 0;
overflow: hidden; 
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ /* class to apply to your scroller(s) if desired */
}

#affScroll{
width: 998px;
height: 27px;
border: 1px solid black;
margin-top:5px; 
margin-left:10px; 
margin-right:10px;
padding: 0px;
padding-left: 5px;
overflow: hidden; 
}

#affScroll a{
text-decoration: none;
}


/* Pour les jeux concours */

div.concours_resultats {
 overflow: scroll;
 border: solid 0px black;
 height: 700px;
}

div.concours_resultats_premiers {
 border: solid 0px black;
}

div.concours_resultats_simulation {
 overflow: scroll;
 border: solid 0px black;
 height: 650px;
}

div.concours_reglement {
 overflow: scroll;
 width:95%;
 margin-left:2%;
 border: solid 1px black;            
 height: 200px;
}

div.concours_simulations {
 border: solid 1px black;
 height: 100px;
}

#entete_denombrement {
  width: 93%;																		/* CSEG20111117 70% */
  height:10%;
  min-height:40px;
  margin: auto;
  margin-top: -0.75em;													
  margin-bottom: 0.55em;													
  padding: 10px;
  background-color: #FFF;
  border-left: 1px solid #000000;               /* couleur du cadre */
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  text-align:center;
  position:relative;
}

div.info_denombrement {
 overflow: scroll;
 border: solid 1px black;
 height: auto;	/* 2000px; */	
}

#entete_caracteristiques {
  width: 93%;																		/* CSEG20111117 70% */
  height:10%;
  min-height:20px;
  margin: auto;
  margin-top: -0.75em;													
  margin-bottom: 0.55em;													
  padding: 10px;
  background-color: #FFF;
  border-left: 1px solid #000000;               /* couleur du cadre */
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  text-align:center;
  position:relative;
}

div.info_caracteristiques {
 overflow: scroll;
 border: solid 1px black;
 height: 1800px;
}

div#liste_msg_panel {                        
  overflow: scroll;
  width: 90%;
  margin-left:5%;
  height: 200px;
}

div#msgSimtrade {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 14pt;
  font-style: normal;
  margin-top: 0em;
  margin-right: 1em;
  margin-bottom: 0em;
  margin-left: 1em;
  padding-top: 0em;				
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #00002A;
}


div#liste_process_panel {                        
  overflow: scroll;
  width: 95%;
  margin-left:3%;
  /* height: 200px; */
}

div#processSimtrade {
  text-align: justify;
  font-family: "Times New Roman", Times, serif;
  font-size: 14pt;
  font-style: normal;
  margin-top: 0em;
  margin-right: 1em;
  margin-bottom: 0em;
  margin-left: 1em;
  padding-top: 0em;				
  padding-right: 1em;
  padding-bottom: 1em;
  padding-left: 1em;
  color: #00002A;
}

/* CSEG20130110 Linternaute : rétablissement des marges pour Webmestre intégration, et administration */

ul#admin_accueil, div#integration_cadre ul {
  margin-left: 3em; 
}
ul#admin_accueil li, div#integration_cadre ul li {
	margin-right: 5em;	
}

/* La feuille de style du site SimTrade complémentaire No2 du fichier simtrade_gab_BO.css */

/*CSEGV3 body, html {   margin: 40px 0; } */

#catalogue {
    margin-left: 40px;
    height: 1000px; 
}

#catalogue ul {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 30px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    width: 920px;
}
#catalogue ul li {
    float: left;
    margin: 0;
    padding: 0;
    height: 29px;
    line-height: 29px;
    border: 1px solid #666;
    border-left: none;
    margin-bottom: -1px;
    overflow: hidden;
    position: relative;
    background: #ddd;
}
#catalogue ul li a {
    text-decoration: none;
    color: #000;											/* CSEG20120713 : 888 */
    display: block;
    font-family: "Trebuchet MS";
    font-size: 14px;
    padding: 0 20px;
}
#catalogue ul li a:hover {
    background: #ccc;
    color: #666;
}

#catalogue .ui-tabs .ui-tabs-nav li.ui-state-active {
    cursor: text;
    color: #666;
    border-bottom: 1px solid #fff;	/* CSEG20120713 : ffe4c4 */
}
#catalogue .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
    position: relative;
    background: #fff;						/* CSEG20120713 : ffe4c4 */
}
#catalogue .ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    cursor: pointer;
}

#catalogue .ui-tabs .ui-tabs-panel { 
    display: block;
    border: 1px solid #666;
    border-top: none;
    overflow: hidden;
    clear: both;
    float: left;
    width: 900px;
    background: #fff;		/* CSEG20120713 ffe4c4=bisque */
    margin: 0;
    padding: 10px 10px 0;
    font-family: "Trebuchet MS";
    font-size: 14px;
    
}

#catalogue .ui-tabs .ui-tabs-hide {
    display: none !important;
}

/* CSEG20120723 */

#main_catalogue1 {
 	min-height: 400px;
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
}

#main_catalogue1_unique {
 	min-height: 400px;
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
  overflow-y: hidden;
}

#main_catalogue2 {
  padding-bottom:10px;
 	min-height: 900px;						
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
}

#main_catalogue2_unique {
  padding-bottom:10px;
 	min-height: 900px;						
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
  overflow-y: hidden;
}

#main_catalogue3 {
 	min-height: 400px;
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
}

#main_catalogue3_unique {
 	min-height: 400px;
  margin: 0px -10px -10px -10px;
  overflow:scroll; 
  overflow-x: hidden;
  overflow-y: hidden;
}

.cadrecatalogue_gauche {
	border: 1px solid #F00;
 	width: 33%;									
	float:left;
}

.cadrecatalogue_milieu {
	border: 1px solid #00F;
	width: 33%;									
	float:left ;
}

.cadrecatalogue_droit {
	border: 1px solid #F00;
	width: 33%;									
  float:right;	
}

.cadrecatalogue_gauche2 {
  border: 1px solid #00FF00;
 	width: 250px;									
  float:left;
}

.cadrecatalogue_droit2 {
	border: 1px solid #FF00FF;
	width: 66%;									
  float:right;	
}

.cadrecatalogue_bas2 {
	border: 1px solid #000000;
	width: 900px;									
}