#centercol .titleMenu{
margin-top:20px;
color:#2A4769;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: var(--titlemenu-color);
/* end */

font-size:16px;
font-weight:bold;

}

#centercol_big .titleMenu{
margin-top:20px;
color:#2A4769;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: var(--titlemenu-color);
/* end */
font-size:16px;
font-weight:bold;

}

#rightcol_big .titleMenu{
margin-top:20px;
color:#2A4769;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: var(--titlemenu-color);
/* end */
font-size:16px;
font-weight:bold;
line-height:1.5em;
}

/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
.LargeText{
  margin-top:20px;
  font-size:17px;
  font-weight:normal;
  margin-left:3em;
  line-height:1.25em;
  padding-bottom:1.5em;

}

/* end */




hr.style-shadow {
    height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);
}


.hr_ctr {
text-indent:40px;
color: #2A4769;
background-color:#2A4769;
height: 1px;
width: 80%;
border: 0;

}

.hr_def{ 
display: block; 
height: 2px; 
line-height: 2px; 
background-color: #FFF; 
text-align:center;
border-width:0;
padding: 0; 
} 

.hr hr{display: none;} 



#footer {
	position:relative;
	top:1px;
	background: #f6f7f9;
	/*width:1000px;*/
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
	color:#4e5a6a;
	}

#footer a {
/*	color:#FFF;  */
color:#4e5a6a; /* Refresh 2020 - color change */
	text-decoration:none;
	}

	
#footer a:hover {
	text-decoration:none;
/*	color: rgb(0,186,251);  */
  color: #7EDDD3; /* Refresh 2020 - color change */
	}


/*  June 2020 Refresh - new */
#footer-landing {
	position:relative;
	top:1px;
	clear:both;
	margin:0;
	padding:1% 0;
	text-align:center;
  background-color:#2A4769;
	color:#f6f7f9;
	}

#footer-landing a {
color:#FFFFFF; /* Refresh 2020 - color change */
	text-decoration:none;
	}

	
#footer-landing a:hover {
	text-decoration:none;
  color: #7EDDD3; 
	}

 /* end */



/* menu client/rep */

div.more_link_top{
background-image:url(../images/more_link_top.png);
background-repeat: no-repeat;
width:260px;
height:40px;
}

div.more_link_top_en{
background-image:url(../images/more_link_top_en.png);
width:260px;
height:40px;
}

div.more_link_mid ul.menu li, div.zoo-category ul li {
    background-image:;
    background-position: 18px 11px;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    padding-left: 18px;
    padding-top: 10px;
    width: 210px;
	list-style: none;
}

div.more_link_mid ul.menu li a, div.zoo-category ul li a{

color:#FFFFFF;
text-decoration:none;
border-bottom: #324e6a 1px solid;
 padding: 0 0 10px;

/*text-indent:18px;*/

width:100%;
display:block;
/*15Jun2020*/
font-size:14px;
/*text-transform:uppercase*/;
/* end */
font-weight:bold;
}

div.more_link_mid ul.menu li a.elec {
color: #99FF33;
}


div.more_link_mid ul.menu li a:hover, div.zoo-category ul li a:hover{
color: #7EDDD3; /* Refresh 2020 - color change */
}

div.more_link_mid ul.menu li:last-child a{
border:none;
}

div.more_link_mid{
background-image:url(../images/more_links_mid.png);
width:260px;
height:750px;
}



/* menu min left portefeuille */

div.more_link_top_min{
background-image:url(../images/more_link_top.png);
width:210px;
height:40px;
}

div.more_link_top_min_en{
background-image:url(../images/more_link_top_en.png);
width:210px;
height:60px;
}


div.more_link_mid_min{
background-image:url(../images/more_links_mid.png);
background-repeat: repeat-y;
width:210px;
height:650px;
}

div.more_link_mid_min ul.menu_min li, div.zoo-category ul li {
    background-image: ;
    background-position: 18px 11px;
    background-repeat: no-repeat;
    padding-bottom: 0px;
    padding-left: 18px;
    padding-top: 10px;
    width: 170px;
	list-style: none;
}

div.more_link_mid_min ul.menu_min li a{

color:#FFFFFF;
text-decoration:none;
border-bottom: #324e6a 1px solid;
 padding: 0 0 10px;

/*text-indent:18px;*/

width:100%;
display:block;
font-size:14px;
/* 15-Jun-2020 */
/*text-transform:uppercase;*/
font-weight:bold;
}

div.more_link_mid_min ul.menu_min li a:hover{
color: rgb(0,186,251);
}

div.more_link_mid_min ul.menu_min li:last-child a{
border:none;
}


/*   */

div.more_link_bot{

}


div.item-separator-news{
  border-bottom:1px dotted #2E517C;
  margin-top:30px;
  margin-bottom:30px;}


label.error{
color:#ff0000 !important;
float:right;
width:40px;
}

/*
div.Tabla {

width:1000px;
margin: 0px auto;
height:132px;
}

*/


div.Tabla {

width:1000px;
margin: 0px auto;

}


/* footer */

#header div.MyHeader {

width:1000px;
height:130px;


position:relative;
margin-left:auto;
margin-right:auto;
/*border:2px solid #0094ff; */

/* July 2020 Refresh */
background-color: #ffffff;
background-color: var(--bg-color);
/* end */

}

div#topnav{
position:absolute;
/*right:0px;
 left: 1000px;*/ 
 /* June 2020 - shifted over for dark mode button */
right:60px;
 top:10px;
}


div#topnav ul.menu li{
float:left;
padding-left:5px;
padding-right:5px;
border-right:#666666 1px solid;
list-style: none;
/*line-height:5px;*/
}



div#topnav ul.menu li:last-child{
border:none;
}


div#topnav ul.menu li a{
color: #666666;
color: var(--font-topnav-color);  /* June 2020 Refresh */

text-decoration:none;
}

div#topsearch{
position:absolute;
right:20px;
top:30px;
width:335px;
height:52px;
/*background-image:url(../images/search_bgr.png);    seems to be an error, */
background-repeat:no-repeat;
color: #000000;
color: var(--font-topsearch-color);
}


#content .rightCol .texbox {
	float: left;
	clear: both;
	width: 396px;
	background: url(../../library/images/backgrounds/textBoxBG.jpg) no-repeat left bottom;
	padding: 0 12px 13px 12px;
	color: #3a3957;
}

.imgBorder {
   padding:3px;
   /*border:2px solid #d8d7d9;*/
   border:2px solid rgb(179,179,179);
   background-color:#FFF;


}

IMG.displayed2 {
    display: block;
    margin-left: auto;
    margin-right: auto 
	}

IMG.displayed {
	display: block;
	margin: 0px 0px 0px 10px;
	}

#content_title_rep {
color: rgb(68,111,160);

/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: var(--content_title_rep-color);
/* end */

	padding-top: 15px;
	padding-bottom: 10px;

 padding-left: 10px;
 font-weight: bold;
 overflow: hidden;
  /*
  
  height: 3.7em;
border-bottom: 0.1em dashed #369;*/
 }

 #content_title {
margin-bottom: 1em;
 text-indent: 10px;
 font-weight: bold;
 overflow: hidden;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: #000000;
color: var(--content_title-color);
/* end */
  /*
  
  height: 3.7em;
border-bottom: 0.1em dashed #369;*/
 }

 #content_title1 {

 text-indent: 10px;
 font-weight: bold;
 overflow: hidden;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: #000000;
color: var(--content_title1-color);
/* end */

 }



 #content_titres {
 font-size:80%;
/* text-indent: 10px; */
 overflow: hidden;
 margin-bottom: 1em;
 margin-left:10px;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: #000000;
color: var(--content_titres-color);
/* end */


} 


#content_text {
 /*text-indent: 10px;*/
 overflow: hidden;
 padding-left: 10px;
 word-wrap: break-word;
/* June 2020 Refresh - dark mode - overload picked up by new browsers only*/
color: #000000;
color: var(--content_text-color);
/* end */

}



/* blocks representants*/
 div#mod_3blocks{
width:233px;
height:270px;
background-image:url(../images/bgr_mod3.png);
float:left;
margin-right:6px;
position:relative;
}


div#b3b_img{
    height: 107px;
    left: 19px;
    position: absolute;
    top: 56px;
    width: 192px;
}


div#m3b_title{
color:#18355e;
font-size:17px;
font-weight: bold;
position:relative;
top:15px;
width:233px;
letter-spacing:-1px;
text-align:center;
}

a:link div#m3b_title, a:visited div#m3b_title, a:hover div#m3b_title{
	color:#18355e;
}


div#m3b_link{
    background-image: url("../images/doble_arrow.png");
    background-position:right 80%;
    background-repeat: no-repeat;
    color: #464749;
    font-size: 12px;
  line-height:12px;
  right:30px;
    position: absolute;
    top: 240px;
}



div#m3b_link a{
text-decoration:none;
padding-right:20px;
}


div#m3b_desc{
    color: #464749;
    font-size: 14px; /* June 2020 Refresh - enlarge font  */
    height: 107px;
    left: 19px;
    padding-left: 10px;
    position: absolute;
    top: 178px;
    width: 170px;
  line-height:14px;
}

/* blocks clients */

 div#mod_3blocks_cl{
width:155px;
height:270px;
background-image:url(../images/bgr_mod3_cl.png);
float:left;
margin-right:6px;
position:relative;
}

 div#mod_3blocks_cl_min{
width:180px;
height:200px;
background-image:url(../images/bgr_mod3_cl_min.png);
float:left;
margin-right:6px;
position:relative;
}

div#b3b_img_cl{
    height: 107px;
    left: 9px;
    position: absolute;
    top: 56px;
    width: 135px;
}


div#m3b_title_cl{
color:#18355e;
font-size:15px;
font-weight: bold;
position:relative;
top:10px;
width:140px;
letter-spacing:-1px;
text-align:center;
}

a:link div#m3b_title_cl, a:visited div#m3b_title_cl, a:hover div#m3b_title_cl{
  color:#18355e;
   
}


div#m3b_link_cl{
    background-image: url("../images/doble_arrow.png");
    background-position:right 80%;
    background-repeat: no-repeat;
    color: #464749;
    font-size: 12px;
  line-height:12px;
  right:30px;
    position: absolute;
    top: 250px;
}


div#m3b_link_cl_min{
    background-image: url("../images/doble_arrow.png");
    background-position:right 80%;
    background-repeat: no-repeat;
    color: #464749;
    font-size: 12px;
  line-height:12px;
  right:30px;
    position: absolute;
    top: 170px;
}


div#m3b_link_cl a{
text-decoration:none;
padding-right:20px;
}

div#m3b_link_cl_min a{
text-decoration:none;
padding-right:20px;
}


div#m3b_desc_cl{
    color: #464749;
    font-size: 14px; /* June 2020 Refresh - enlarge font */
    height: 107px;
    left: 2px;
    padding-left: 20px;
    position: absolute;
    top: 178px;
    width: 140px;
  line-height:14px;
}

div#m3b_desc_cl_min{
    color: #464749;
    font-size: 12px;
    height: 107px;
    left: 19px;
    padding-left: 10px;
    position: absolute;
    top: 70px;
    width: 170px;
  line-height:14px;
}


/*  */


.lien{
FONT-SIZE: 11px; FONT-FAMILY: arial,verdana; COLOR: #416185; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.lien:visited{
FONT-SIZE: 11px; FONT-FAMILY: arial,verdana; COLOR: #416185; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}
.lien:hover {
FONT-SIZE: 11px; FONT-FAMILY: arial,verdana; COLOR: #00437A; FONT-WEIGHT: bold; TEXT-DECORATION: underline;
}


.lienMarches{
FONT-SIZE: 12px; FONT-FAMILY: barlowregular; COLOR: #456D93; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.lienMarches:visited{
FONT-SIZE: 12px; FONT-FAMILY: barlowregular; COLOR: #456D93; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}
.lienMarches:hover {
FONT-SIZE: 12px; FONT-FAMILY: barlowregular; COLOR: #456D93; FONT-WEIGHT: bold; TEXT-DECORATION: none;
}


.clientNomFmt{
margin-top:1px;

color:#2A4769;
/* June 2020 Refresh */
color: var(--clientNomFmt-color);
/* end */
font-size:18px;
text-transform:uppercase;
font-weight:bold;
}

/* June 2020 Refresh changes for dark mode */
/* .box_BlueBorder {width:735px;} */
.box_BlueBorder {width:735px; background color:#ffffff; background-color: var(--bg-table-color); }
.box_BlueBorder h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #f60;}
.box_BlueBorder h2 {margin:0; font-size:1.2em; padding:0 10px 5px 10px;}
.box_BlueBorder p { margin:0; padding:5px 10px; font-size:10px;}

.box_BlueBorder_Top, .box_BlueBorder_Bottom {display:block; background:transparent; font-size:1px;}
.box_BlueBorder_Layer1, .box_BlueBorder_Layer2, .box_BlueBorder_Layer3, .box_BlueBorder_Layer4 {display:block; overflow:hidden;}
.box_BlueBorder_Layer1, .box_BlueBorder_Layer2, .box_BlueBorder_Layer3 {height:1px;}
.box_BlueBorder_Layer2, .box_BlueBorder_Layer3, .box_BlueBorder_Layer4 {background:#fff; border-left:1px solid #003366; border-right:1px solid #003366;}
.box_BlueBorder_Layer1 {margin:0 5px; background:#003366;}
.box_BlueBorder_Layer2 {margin:0 3px; border-width:0 2px;}
.box_BlueBorder_Layer3 {margin:0 2px;}
.box_BlueBorder_Layer4 {height:2px; margin:0 1px;}

.box_BlueBorder_Content{display:block; border:0 solid #003366; border-width:0 1px; height:auto;}

/* June 2020 Refresh - overload ofr dark mode */
/*.color_white_on_blue {background:#003366; color:#fff;} */
.color_white_on_blue {background:#003366; background:var(--bg-toprow-color); color:#fff;}
/* end */

p.outset {border-style:outset;border-width:670;}


.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#fafbfc;
color:#505050;
line-height:1.5em;
}


.tip-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	/*font-weight: bold;*/
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
}


.ShowDisclaimer {
font:normal 0.6em arial,verdana,sans-serif;
}

.title_p
{
color:#FFF;
}


.err_p
{
color:#FFF;
}

#navigation, #navigation2{
width:100%;
height:30px;
background-color:#c1ccdd;
}


#navigation ul, #navigation2 ul
{margin:0px; padding:0px;}


#navigation ul li, #navigation2 ul li
{
display:inline;
height:30px;
float:left;
list-style:none;
margin-top:5px;
position:relative;
clear: both;
margin-left:auto;
margin-right:auto;
width:100%;	
}

#navigation li a, #navigation2 li a
{color:#fff; text-decoration:none;}

#navigation li a:hover, #navigation2 li a:hover
{text-decoration:underline;
color:#F0FFFF;
}


.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 65px;
background-repeat: no-repeat;
background-position: 10px center;
font-weight:bold;
width:250px;
}


.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../images/error.png');
width:300px;
}


.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../images/success.png');
width:300px;
}

.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../images/warning.png');
width:300px;
}



/*
.navCellOff
{
BACKGROUND-COLOR: #colour;
}
.navCellOn
{
BACKGROUND-COLOR: #colour;
} 
*/




.progressBar {
	width: 300px;
	height: 15px;
	border: 1px solid #ddd;
	border-bottom-color: #666;
	margin: 40px auto;
	position: relative;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	background-color: rgb(56,138,213);
	background-image:
		-webkit-gradient(linear, 18 0, 0 10,
			color-stop(0.23, rgba(255,255,255,0)),
			color-stop(0.3, rgba(255,255,255,0.8)),
			color-stop(0.3, rgba(255,255,255,1)),
			color-stop(0.7, rgba(255,255,255,1)),
			color-stop(0.7, rgba(255,255,255,0.8)),
			color-stop(0.77, rgba(255,255,255,0)))/,
		-webkit-gradient(linear, 0 0, 0 100%,
			color-stop(0.05, rgba(0,0,0,.3)),
			color-stop(0.06, rgba(255,255,255,.8)),
			color-stop(0.45, rgba(255,255,255,.05)),
			color-stop(0.55, rgba(0,0,0,.05)),
			color-stop(0.85, rgba(0,0,0,.2)),
			color-stop(0.98, rgba(0,0,0,.5)));
		background-repeat: repeat-x;
                -webkit-background-size: 20px 15px;
}



.WMtext, a.WMlink {
color: #9d8364;
font-size:85%;
}

a.WMlink {
color: #9d8364;
font-size:100%;
}

#transentete {
    vertical-align: top;
}

.transtable {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#translabels {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

#trans {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	border-bottom: 1px solid #ccc;
}

.translist2222 {
	border-bottom: 1px solid #ccc;
}

.filtermenu {
	text-align: right;
	margin-right: 0px;
	float: right;
	vertical-align: top;
}

.filtermenu ul {
	list-style: none;
	height: 20px;
	text-align: center;
	margin-right: 5px;
	padding: 0;
	
}

.filtermenu li {
	float: left;
	line-height: 20px;
	height: 20px;
	width: 60px;
	border: 1px solid #ccc;
}

.filtermenu a {
	display: block;
	text-decoration: none;
	color: black;
}

.filtermenu a:hover {
	background-color: #ccc;
}

.filtermenu a.active {
	background-color: #ccc;
	cursor: default;
	
}

.inputRadio {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 16px;
	font-style: normal;
	font-weight:normal;
	color:grey;

}

.verttop {
    vertical-align: top;
}

.ui-accordion-header { /* base on link 68, 101, 142 */
    background-color: #dddddd; 
    color: black;
    background-image: none; 
}

.ui-accordion-header-active { 
    background-color: #44658E; 
    color: white;
    background-image: none; 
}

/* June 2020 Changes */
.refresh-row1 { 
  background-color: #f3f3f3;
  background-color: var(--bg-row1-color);  /* will be ignored by older browsers */  
}

tbody {
color: var(--font-tbody-color);
}

.refresh_toprow {
background-color: #EFFBF8;
background-color: var(--bg-toprow-color);

}

.refresh_headingrow {
background-color: #D1D0CE;
background-color: var(--bg-headingrow-color);
}



a, a:visited	{ 
  color: #4169E1; 
  color: var(--link-color);
  text-decoration: none; 
}
a:hover, a:active	{ 
  color: #7EDDD3; 
  color: var(--link-hover-active-color);
}



a.buttonIPQ{
 display:inline-block;
 padding:0.3em 1.2em;
 margin:0 0.3em 0.3em 0;
 border-radius:2em;
 box-sizing: border-box;
 text-decoration:none;
 font-family:barlowregular,Arial;
 font-weight:300;
 font-size:16px;
 font-weight:bold;
 color:#FFFFFF;
 background-color: #2A4769;
 text-align:center;
 transition: all 0.1s;
}
a.buttonIPQ:hover{
 background-color:#4095c6;
}
@media all and (max-width:30em){
 a.buttonIPQ{
  display:block;
  margin:0.2em auto;
 }
} 

.titleIPQ {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 5px;
}

.alignCenter {
	 text-align:center;
}





.buttonExecute {
 background-color: #0093B2;

 text-align:center;
 font-family:barlowregular,Arial;
 color:#FFFFFF;

 padding:0.3em 1.2em;
 margin:0 0 0.3em 0;
 font-weight:bold;
 font-size:15px;
  transition: all 0.1s;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border-color: #0093B2;
}
.buttonExecute:hover{
 background-color:#1C355E ;
 text-align:center;
 font-family:barlowregular,Arial;
 color:#FFFFFF;
}


.buttonBuySell {
 background-color: #a985a7;

 text-align:center;
 font-family:barlowregular,Arial;
 color:#FFFFFF;

 padding:1em 1.2em;
 margin:0 0 0.3em 0;
 font-weight:bold;
 font-size:15px;
  transition: all 0.1s;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  border-color: #a985a7;
}

.buttonBuySell:hover, .buttonBuySell:visited{
 background-color:#a985a7;
 text-align:center;
 font-family:barlowregular,Arial;
 color:#FFFFFF;
}


.buttonCapital {
 background-color: #ecaf3c;

 text-align:center;
 font-family:barlowregular,Arial;
 color:#1C355E;

 padding:1em 1.2em;
 margin:0 0 0.3em 0;
 font-weight:bold;
 font-size:15px;
  transition: all 0.1s;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  border-color: #ecaf3c;
}

.buttonCapital:hover, .buttonCapital:visited{
 background-color:#ecaf3c ;
 text-align:center;
 font-family:barlowregular,Arial;
 color:#1C355E;
}


/* Launch PEAK Voca */


.buttonVoca {
position: relative;
width: 215px;
height: 75px;

box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}

/* Lancez PEAK Voca */
.buttonWillful {
 background-color: #18355E;

 text-align:center;
 font-family:barlowregular,Arial;
 color:#F5F5F5;

 padding:0.3em 1.2em;
 margin:0 0 0.3em 0;
 font-weight:bold;
 font-size:15px;
  transition: all 0.1s;
  box-sizing: border-box;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  border-color: #18355E;
}

.buttonWillful:hover, .buttonWillful:visited{
 background-color:#18355E ;
 text-align:center;
 font-family:barlowregular,Arial;
 color:#F5F5F5;
}





/* end refresh changes */