/* CSS Document */

/* begin change - JUN 2020 Adding font */
@font-face {
    font-family: 'barlowregular';
    src: url('barlow-regular-webfont.woff2') format('woff2'),
         url('barlow-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* end change */

/* begin change - JUN 2020 Adding light and dark schemes */
:root {
    /*--bg-body-color: #f6f7f9;
	--bg-color: #ffffff;
	--bg-content-color: #f6f7f9;*/
	--nav-color: #18355e;
	--font-color: #4e5a6a;
	--unclicked-color: #b9c4d6;
	--clicked-color: #305693;
	--blue-font-color: #003366;
	--bg-row1-color: #f3f3f3;
	--bg-table-color: #ffffff;
	--bg-toprow-color: #003366;
	--bg-totalrow-color: #EFFBF8;
	--font-topsearch-color: #000000;
	--font-topnav-color: #666666;

	/* recreating, adding dark mode color */
	--content_title_rep-color:  rgb(68,111,160);  
	--content_titres-color: #000000;
	--content_text-color: #000000;
	--content_title-color: #000000;
	--content_title1-color: #000000;
	--titlemenu-color: #2A4769;
	--clientNomFmt-color: #2A4769;

	--url-logo-en: url(../images/mpo.jpg);
	--url-logo-fr: url(../images/mpel.jpg);
  }
  
  [data-theme="dark"] {
    --bg-body-color:#2f4762;
	--bg-color: #102444;
	--bg-content-color: #1b3055;
	--nav-color: #203b6a;
	--font-color: #ffffff;
	--unclicked-color: #294577;
	--clicked-color: #305693;
	--blue-font-color: #ffffff;
	--bg-row1-color: #29487c;
	--bg-table-color: #203b6a;
	--bg-toprow-color: #203b6a;
	--bg-totalrow-color: #203b6a;
	--font-tbody-color: #ffffff;
    --bg-headingrow-color: #29487c;
	--link-color: #ffffff;
	--link-hover-active-color: #ffffff;
	--url-logo-en: url(../images/mpo-d.jpg);
	--url-logo-fr: url(../images/mpel-d.jpg);
	--font-topsearch-color: #ffffff;
	--font-topnav-color: #ffffff;
	--clientNomFmt-color: #ffffff;


    /* recreating, adding dark mode color */
	--content_title_rep-color:  #ffffff;  
	--content_titres-color: #ffffff;
	--content_text-color: #ffffff;
	--content_title-color: #ffffff;
	--content_title1-color: #ffffff;
	--titlemenu-color: #ffffff;



  }

  .theme-switch-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
  }
  .theme-switch-wrapper em {
	margin-right: 10px !important;
	font-size: 1rem;
	font-style: normal !important;
  }
  .theme-switch {
	display: inline-block;
	height: 34px;
	position: relative;
	width: 60px;
  }
  
  .theme-switch input {
	display: none;
  }
  
  .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 20px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
	background-color: #ccc;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: 0.4s;
  }
  
  .slider:before {
	background-color: #fff;
	bottom: 2px;
	content: "";
	height: 16px;
	left: 2px;
	position: absolute;
	transition: 0.4s;
	width: 16px;
  }
  
  input:checked + .slider {
	background-color: #0093B2; /*#29487c;*/
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
	transform: translateX(16px);
  }

  input:focus + .slider {
    box-shadow: 0 0 1px #0093B2;/*#2196F3;*/
  }

  .slider.round {
	border-radius: 16px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  
  /* end change */
  


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, form, label, legend, ol, ul, li {
	margin: 0;
	padding: 0;
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */ 
		box-sizing: border-box;         /* Opera/IE 8+ */
}

/*
body {
	background:#9343B9;
	text-align:center;
	margin:20px;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	color:#666;
	}
*/

div.supermain {
width: 100%;
margin: 0px auto;
padding:0px;
position:relative;
voice-family : "\"}\""; 
voice-family : inherit;
/* June 2020 - Refresh  */
/*background:url(../images/header_img.png) no-repeat; */
/* end */
background-position:center top;
}



body{
/*width:1000px;*/
margin-left:auto;
margin-right:auto;
margin-top:4px;
/*background-image:url(../images/bgr1-b.jpg);*/
background-repeat:no-repeat;
/*background-color:#f6f7f9;*/
/* June 2020 Refresh */
background-color: var(--bg-body-color);
/* end */
background-position:center top;

background-attachment: inherit;
padding:0;
/*font:normal 0.8em/1.2em arial,verdana,sans-serif;*/
font:normal 0.8em/1.2em barlowregular,arial,verdana,sans-serif;
 
}

DIV{
margin:0;
padding:0;
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */

}

/*
a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted;
	}


a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}

*/

/*
a, a:visited								{ color: #4169E1; text-decoration: none; }
a:hover, a:active							{ color: #7EDDD3; }
*/

img{
	padding: 0;
	margin: 0;
	border: 0;
}


#wrapper1 {
	position:relative;
	text-align:left;
	width:1000px;
	background:#f6f7f9 url("../images/rightcolor_bg.gif") repeat-y top right;
	}

#wrapper1_min {
	position:relative;
	text-align:left;
	width:1000px;
	background:#FFF url("../images/rightcolor_bg_min.gif") repeat-y top right;
	background:var(--bg-color) url("../images/rightcolor_bg_min.gif") repeat-y top right;
	}

#wrapper2 {
	position:relative;
	text-align:left;
	width:1000px;
	background: #f6f7f9 url("../images/leftcolor_bg_210.gif") repeat-y top left;

}

#wrapper2_min {
	position:relative;
	text-align:left;
	width:1000px;
	background:url("../images/leftcolor_bg_min.gif") repeat-y top left;
	}

#wrapper3 {
	position:relative;
	text-align:left;
	width:1000px;
	background:#ffffff;
	background: var(--bg-color);
/*	background:#FFF url("../images/leftcolor_bg_210.gif") repeat-y top left; */
	}

#wrapper4 {
	position:relative;
	text-align:left;
	width:1000px;
	background:#FFF  repeat-y top left;
	background:var(--bg-color)  repeat-y top left;
	}


#header {
width:1000px;	
	/*float: left;
	clear: both;
	margin:0;
	border:2px solid red;*/
/*	background-image:url(../images/bgr1-b.jpg); */
clear: both;
margin-left:auto;
margin-right:auto;
}



#header h1 {
	font-size:200%;
	}

#header a:hover {
	text-decoration: none; 
	}


#maincol {
	position:relative;
	margin:0;
	padding:10px;
	/*background-color:#FFF;*/

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

/* June 2020 Refresh */
/* Required to handle differences between pages with Nav links on left or Nav links on right*/
#maincol-content {
	position:relative;
	margin:0;
	padding:10px;
	/*background-color:#FFF;*/

	/* June 2020 Refresh */
	background-color: #f6f7f9;
	background-color: var(--bg-content-color);
}
/*  end  */



#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:210px; 
	margin:0 0 -10px 0;
	padding:1px;
	padding-top: 5px;
	z-index:100;
	background-color: #FFF;
	background-color: var(--bg-color);
		}



#leftcol_big { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:610px; 
	margin:0 0 -10px 0;
	padding:1px;
	padding-top: 5px;
	z-index:100;
	background-color: #FFF;
	background-color: var(--bg-color);
		}

		



#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	\width:264px;  /* for IE5/WIN */
	/*voice-family: "\"}\"";
	voice-family:inherit;*/
	width:264px; /* actual value */
	margin:0 0 -10px 0;
	padding:2px;
	/*background:#D7C4FA; */
	background:rgb(204,204,204);
	z-index:99;
	}

#rightcol_big_err {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:750;  /* for IE5/WIN */
	/*voice-family: "\"}\"";
	voice-family:inherit;*/
	width:780; /* actual value */
	margin:0 0 -10px 0;
	padding:5px;
	/*background:#D7C4FA; */
background:red;	
	z-index:99;
	}


#rightcol_big {
	position:relative;
	float:left;
	text-align:left;
	top:-10px;
	padding-left: 10px; 
	width:770px; 
	margin-left:auto;
	margin-right:auto;
	background:#FFF ;
	background: var(--bg-color);

	}

#centercol_big {
	position:relative;
	float:left;
	width:700px; /* actual value */
	text-align:left;
	top:-10px;
	margin-left:auto;
	margin-right:auto;
	/*
	background:red;
	
	padding:0 140px;
	top:-10px;*/

	}

#centercol {
	position:relative;
	float:left;
	\width:500px;  /* for IE5/WIN */
	/*voice-family: "\"}\"";
	voice-family:inherit;*/
	width:500px; /* actual value */
	text-align:left;
	top:-10px;
	margin-left:auto;
	margin-right:auto;
	
	/*
	background:red;
	
	padding:0 140px;
	top:-10px;*/

	}

#centercol_new {
	position:relative;
	padding:0 140px;
	top:-10px;
	/*float:left;*/
}

.spacer-10 {
	display: block;
	width: 100%;
	height: 10px !important; 
}

	/*
#centercol a {
	color:#666;
	}

	
#centercol a:hover {
	border-bottom:1px solid;
	color:#9343B9;
	}
*/