/*
    Auteur          Date        Version
    ?               ?           Creation
    Raphael Fortin  08/01/2018  1.1         -> Changement du footer enlever monthly review et masterspec **Revision du HTML + CSS
    Raphael Fortin  03/01/2018  1.2         -> Ajout de la class Flash.

*/

html{height:100%;/*background-color:#0d497d;*//*background-color: #989898;*/background-color: #949493; background:url('../images/background2.jpg') no-repeat center center fixed; background-size: cover;}
body{width:100%;height:100%;margin:0px;padding:0px;color:#575757;font:0.75em "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;}
.page{width:1200px;margin:0px auto;}
h1{font-size:1.1em;font-weight:bold;margin:0px;}
h2{font-size:1.1em;font-weight:bold;margin:0px;}
h3{font-size:1.1em;font-weight:bold;margin:0px;}
a{border-style:none;/*transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;*/}
a:link, a:visited{color:#034af3;}
a:hover{/*color:#1d60ff;*/color: #08065C;text-decoration:none;}
a:active{color:#034af3;}
a img{border:none;}
p{margin:0 10px 10px 10px;line-height:1.6em;text-align:justify;}
table{border:1px solid #4194E7;border-collapse:collapse;padding-left:5px;padding-right:5px;width:100%;}
table th{border-bottom:1px none #4194E7;color:White;background-image:linear-gradient(to top, #78B9EF 0%, #3F99E5 100%);border-left-style: none;border-right-style: none;border-top-style: none;}
table td{border-bottom:1px solid #4194E7;padding:5px;border-style:none;}
table td a{border-style:none;}
table td a img{border-style:none;}
tr.row1{background-color:#B4D4FA;}
tr.row2{background-color:#A0D4FA;}
tr.rowHover:hover{background-color: white;}
form{height: 100%;}
fieldset{margin:1em 0px;padding:1em;border:1px solid #ccc;}
fieldset p{margin:2px 12px 10px 10px;}
fieldset.login label, fieldset.register label, fieldset.changePassword label{display:block;}
fieldset label.inline{display:inline;}
legend{font-size:1.1em;font-weight:600;padding:2px 4px 8px 4px;}
.mainTitle{padding:0.2em 0.4em 0.2em 0.4em;font-size:1.5em;font-weight:bold;color:#fff;}
.mainBody{background-image:url('../images/Logo-background.png');background-position:0px 28px;background-repeat:no-repeat;min-height:395px;width:100%;}
.infoDescription{background-color:#dddddd; padding:5px; height:100%;}
.content{min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -65px;}
.infoTitle{height:32px;/*border-top-left-radius:15px;border-top-right-radius:15px;*/padding:0.2em 0.8em 0.2em 0.8em;margin-top:5px;font-family: Days, Sans-Serif;font-size:1.5em;/*font-weight:bold;*/color:#fff;text-transform: uppercase;}
.lightBlueGradientBackground{/*background-image:linear-gradient(to top, #78B9EF 0%, #3F99E5 100%);*/background-color: #000000;}
.clear{clear:both;}
.failureNotification{font-size:1.2em;color:Red;}
.submitButton{text-align:right;padding-right:10px;}
.errorContent{color:Red;text-align:center;font-size:1.2em;}
.block{text-align:center;margin:2px;}
.block:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-0.25em;}
.centered{display:inline-block;vertical-align:middle;width:300px;padding:5px 10px;border:1px solid #4194E7;}
#accordion.h3{color:White;}

/*MASTER PAGE STYLE*/
.header{margin:3px 0px 3px 0px;padding:0px;width:100%;background-color:transparent;}
.headerBackground{background-image:url('../images/HeaderBackground.png');background-repeat:repeat-x;background-size:contain;width:100%;height:145px;}
.separatorBottom{background-image:url('../images/separatorBottom.png');background-repeat:repeat-x;height:100%;width:100%;}

/*.menu{padding:0;margin:0;height:100%;}
div.menu ul{margin:0;padding:0;float:right;height:100%;}
div.menu ul li{display:block;float:left;height:100%;}
div.menu ul li a{color:#fff;/*padding:0.1em 0.3em 0.2em 0.3em;*//*text-decoration:none;font-size:15px;display:block;margin:0.85em 1.5em 0em 0em;}
div.menu ul li a:hover{color:#000;border-radius:5px;background-color:#78B9EF;}
div.menu ul li a.selected{color:#000;border-radius:5px;background-color:#78B9EF;text-decoration:none;}*/

/*USER MENU*/
div.menuContainer{float:right;width:100%;height:55px;}
.headerMenuBackground{/*background-color:#07496C;*/ background-color: #000000;font-family: Days, Sans-Serif;text-transform: uppercase;height: 55px;}
.menu{padding:0;margin:0;height:100%;}
.menu ul{height:100%;margin:0;padding:0;}
.menu ul li{float:left;position:relative;list-style:none;height:100%;}
.menu ul li a{color:#fff;font-size:15px;display:block;padding:15px 20px 0 20px;text-decoration:none;}
.menu ul li:hover a{color:#3F99E5;border-top:5px solid #3F99E5;padding-top:10px;}
.menu ul li a.selected{color:#3F99E5;background-color:#000;text-decoration:none;border:none;}
.menu ul li ul li a.selected{color:#3F99E5;background-color:#FFFFFF;text-decoration:none;}
.menu ul li ul{display:none;}
.menu ul li:hover ul{display:block;position:absolute;top:42px;left:50%;padding-bottom: 20px;-moz-box-shadow:0px 0px 2px black;-webkit-box-shadow:0px 0px 2px black;box-shadow:0px 0px 2px black;}

/*Met un triangle pour chaque sous-menu*/
.menu ul li ul:before{content:"";position:absolute;top:-5px;left:30px;width:0px;height:0px;border-bottom:10px solid #0C9;border-left:10px solid transparent;border-right:10px solid transparent;}

/*Mets une couleur différente pour les triangles des élémnents suivants*/
.menu ul li:nth-child(2) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li:nth-child(3) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li:nth-child(4) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li:nth-child(5) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li:nth-child(6) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li:nth-child(7) ul:before{content:"";border-bottom-color:#FFF;}
.menu ul li ul{width:auto;height:auto;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index: 9999;}
.menu ul li ul li{float:none;white-space:nowrap;height:50px;margin-top:10px;}
.menu ul li ul li a img{padding-right: 20px !important;height: 40px;vertical-align:middle;}
.menu ul li:hover ul li a{-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;background:none;font-size:15px;height:30px;padding:20px 60px 10px 20px;border:none;color: #000;}
.menu ul li ul li a:hover{background:rgba(255,255,255,0.2);color: #3F99E5;}

/*Mets une couleur dégradée différente pour chaque items de sous-menu*/
.menu ul li:nth-child(2) ul{background:#FFF;}
.menu ul li:nth-child(3) ul{background:#FFF;}
.menu ul li:nth-child(4) ul{background:#FFF;}
.menu ul li:nth-child(5) ul{background:#FFF;}
.menu ul li:nth-child(6) ul{background:#FFF;}
.menu ul li:nth-child(7) ul{background:#FFF;}
/*END USER MENU*/

/*ADMIN MENU*/
.menuAdmin ul{margin:0;padding:0;list-style: none;}
.menuAdmin li {margin:0;padding:0;}
.menuAdmin > ul {float: right;}
.menuAdmin > ul > li {float: left;}
.menuAdmin ul ul {position: absolute;display: none;}
.menuAdmin ul ul ul {left: 100%;margin-top:-22px;}
.menuAdmin li:hover > ul {display: block;}
.menuAdmin a {color:#fff;padding:0.1em 0.3em 0.2em 0.3em;text-decoration:none;font-size:12px;display:block;width:130px;background-color: #0d497d;border:1px solid #78B9EF;border-radius:5px;}
.menuAdmin li:hover > a {color:#000;background-color:#78B9EF;}
/*END ADMIN MENU*/

.separatorTop { background-image:url('../Images/separatorTop.png'); background-repeat:repeat-x; height:20px; width:100%; }
.push { height:65px; }

/* v 1.1 v */
.footerBackground { background-color:#383838; height:370px; background-image:url('../images/background.jpg'); background-size: cover; }

.footerContainer { font-family: Days, Sans-Serif; color: #FFFFFF; font-size: 1.5em; text-transform: uppercase; }
.footerContainer a:link { text-decoration:none; padding:0.7em 0.1em 0.7em 0.1em; }

.footerTitle { width: 100%; padding-top: 30px; padding-bottom: 20px; color: #000000; float: left; }

.engineersMap { width: 200px; height: 275px; margin-top: 20px; }

div.fb-like{ top:-3px;left:-25px; }
[id^=___plusone]{ width:62px !important; }
.twitter-share-button[style] { vertical-align: middle; }
.twitter-share-button{ width:80px !important; }
.copyright{ width: 100%; float: left; color: #FFFFFF; margin-top: 45px; font-size: 12px; font-family: Days, courier; letter-spacing: 2px; text-shadow: -2px 0 4px #000000, 0 2px 4px #000000, 2px 0 4px #000000, 0 -2px 4px #000000; }
/* ^ 1.1 ^ */

/*END MASTER PAGE STYLE*/


/*DEFAULT STYLE*/
#brandingDescription{height: 390px;overflow-y: scroll;font-family: Days, Sans-Serif;}
#brandingDescription img{display:block;margin: 10px auto 10px auto;}
#brandingDescription #m_brandingOrderDescription a {color: #000000;}
/*END DEFAULT STYLE*/


/*DOWNLOAD STYLE*/
.powerpointTabLine{display: block;width: 1180px;height: 70px;float: left;margin-bottom: 20px;border-bottom: 1px solid #4194E7;}
.powerpointTabCell{display: inline-block;width: 193px;vertical-align: top;padding: 5px;}
.powerpointTabCell img {vertical-align: middle;}
/*END DOWNLOAD STYLE*/


/*LITERATURE STYLE*/
.width33{width:33%;}
.width25{width:25%;}
/*END LITERATURE STYLE*/


/* v Popup Overlay Style v */
.ui-widget-overlay { background-color: black !important; opacity: 0.5 !important; } 
.ui-autocomplete { z-index: 102 !important; }

.ui-tooltip { white-space:pre-wrap !important; }
/* ^ Popup Overlay Style ^ */


@font-face {
    font-family: "Days";
    src: url('../Fonts/Days.ttf');
}
@media print 
{
    h1{color: #000;}
    #slider {display: none;}
    body {color: #000;}
}
@media print and (color) {
   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
}


/* 1.2 */
.flash { opacity: 0; animation: blinker 3s linear infinite; }
@keyframes blinker  { 50% { opacity: 100; } }