/************************************************************************
CORPORATION : EXAXE.CA
TITRE : exaxe.css
DESCRIPTION : le style est appliqué au masterpage exaxe
WORKERS : Sebastien Labrie, Michel Belanger
DATE : 2009.09.17
DATE LAST MODIFICATION : 2009.09.17
*************************************************************************
============== <Preset global> =================
FONT :
font-family: "Arial" , Helvetica, sans-serif;

/************************************************************************
SECTION : Font Face
DESCRIPTION : Disponibilité du font au client lorsqu'il n'a pas le font sur son systeme.
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/

PROBLEMES:
1- IE télécharge le fichier .eot même s'il possède déjà le font dans les polices de windows!
2- J'ai pas trouvé le moyen de compresser les fichier EOF et TTF. (Trop lourd)
Pour ces raisons (trop de problèmes!), je n'utiliserai pas le @font-face 
Je vais plutôt opter pour des fonts en suppléments: Monotype Corsiva, Times New Roman
************************************************************************/
/*
@font-face {
  font-family: "Brush Script MT";
  src: url("../fonts/BRUSHSCI.eot");
  src: local("Brush Script MT Italique"), local("Brush Script MT"),
    url("../fonts/BRUSHSCI.TTF") format("truetype");
}
*/


/************************************************************************
SECTION : Parametres GLOBAL
DESCRIPTION : parametre(s) qui influances un ensemble ou plusieurs elements.
COMMENTAIRE(S) : 
************************************************************************/
body, input, textarea
{
    /*enleve les decorations de liens par default des images*/
    color: #666666;
    font-size: 12px;
    text-decoration: none;
}

:focus
{
    outline: none;
    text-decoration: none;
}

/*img, div, a, input { behavior: url(js/iepngfix.js) }*/
a:focus, img:focusjaws
{
}
img
{
    border: none; /*behavior: url(js/iepngfix.htc);*/
}
label
{
}
a
{
    text-decoration: none;
}
b
{
    font-size: 14px;
    color: #ea6a10;
}
div
{
}
input
{
}
h1, h2, h3, h4, h5, th, thead, tfoot
{
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-style: normal;
    font-weight: lighter;
}
h1
{
    color: #ea6a10;
    font-size: 30px;
    padding: 0;
    margin: 0;
}
h2
{
    color: #ea6a10;
    font-size: 24px;
    padding: 0;
    margin: 0;
}


UL LI
{
    list-style-image: url(../images/puceUL1.gif);
}
UL LI LI
{
    list-style-image: url(../images/puceUL2.gif);
}
UL LI LI LI
{
    list-style-image: url(../images/puceUL3.gif);
}
OL LI
{
    list-style-type: decimal;
    color: #ea6a10;
}
OL OL LI
{
    list-style-type: lower-alpha;
    color: #ea6a10;
}
OL OL OL LI
{
    list-style-type: lower-roman;
    color: #ea6a10;
}

DL DD
{
    white-space: nowrap;
}
/************************************************************************
SECTION : FRAME
DESCRIPTION : les conteneurs principaux
COMMENTAIRE(S) : 
************************************************************************/
/*============== <FRAME/Browser> =================*/
html
{
	height: 100%;
}
body
{
    overflow-y:scroll;
    font-family: "Arial" , Helvetica, sans-serif;
    padding: 0;
    margin: 0 auto 0 auto;
    background: url(../images/bodybg.gif) center;
	height: 100%;
}
/*============== <FRAME/Server(asp)> =================*/
form
{
    position: relative;
    width: 1000px;
    padding: 0;
    margin: 0 auto 0 auto;
    z-index: 0;
	height: 100%;
}
div.pnl_topHeader
{
    width: 1000px;
    height: 80px;
    text-align: right;
}
div.pnl_header /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    background: url(../images/middle.png);
    background-repeat: repeat-y;
    width: 1000px;
    height: 222px;
}
div.pnl_headerLeft /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    background: url(../images/top_left.png) no-repeat;
    z-index: 2;
    position: absolute;
    top: 30px;
    width: 254px;
    height: 262px;
    left: -1px;
}
div.pnl_headerLeftTitle
{
    position: absolute;
    top: 92px;
    left: 50px;
    width: 188px;
}
div.pnl_topPointMenu
{
    position: relative;
    left: 255px;
    width: 26px;
    height: 26px;
}
div.pnl_headerTopRight /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    background: url(../images/top_menu_back.gif);
    background-repeat: repeat-x;
    position: relative;
    left: 285px;
    height: 32px;
    width: 707px;
    top: -26px;
}
div.pnl_headerBottomRight
{
    z-index: 0;
    position: absolute;
    left: 253px;
    right: 0px;
    height: 172px;
    margin: 0;
    top: 122px;
}
div.pnl_middle /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    float: left; /*le div contenant des div avec des float doit être float lui aussi*/
    background: url(../images/middle.png);
    background-repeat: repeat-y;
    width: 1000px;
}
div.pnl_middleLeft /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    position: relative;
    text-align: center;
    width: 246px;
}
div.pnl_middleRight /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    padding-top: 16px;
    padding-bottom: 36px;
    margin-right: 25px;
}
div.pnl_footer /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    clear: both;
    background: url(../images/middle.png);
    width: 1000px;
    height: 225px;
}
div.pnl_footerLeft /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    margin-top: -2px;
    padding-left: 28px;
}
div.pnl_footerRight
{
}
div.pnl_bottomFooter /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    clear: both;
    background: url(../images/middle.png);
    width: 1000px;
    height: 21px;
    text-align: center;
    padding: 5px 0 0 0;
}
div.pnl_bottomShadow /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    width: 993px;
    background: url(../images/shadow.png);
    background-repeat: repeat-x;
    height: 8px;
    margin-left: 2px;
    margin-right: 4px;
}
div.pnl_copyright
{
    height: 30px;
    text-align: center;
}

/************************************************************************
SECTION : Menu horizontal
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
a.hNavBtn /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    font-weight: bold;
    height: 30px;
    width: 106px;
    text-align: center;
    color: White;
    border: outset 1px transparent;
    letter-spacing: 2px;
    margin: 2px 0px 2px 2px;
    float: left;
    padding-top: 3px;
}
a.hNavBtn:hover /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    background: url(../images/hNavBtn_hover.png);
    border: outset 1px transparent;
    font-weight: bold;
    height: 30px;
    width: 106px;
    text-align: center;
    color: White;
    letter-spacing: 2px;
    float: left;
    padding-top: 7px;
    margin: -2px 0px -2px 2px;
}

a.hNavBtn:active
{
}

a.hNavBtnOff
{
    font-weight: bold;
    background: url(../images/hNavBtn_on.gif);
    background-repeat: no-repeat;
    cursor: default;
    height: 30px;
    width: 106px;
    text-align: center;
    color: #606060;
    letter-spacing: 2px;
    margin: -2px 0px 0px 3px;
    float: left;
    padding-top: 8px;
}



/************************************************************************
SECTION : FOOTER Menu horizontal
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
/*StartSection // hlnk*/

a.hlnk_disable
{
    color: gray;
    text-decoration: underline;
    cursor: default;
}
a.hLnk_hLnk:active
{
    color: gray;
}
a.hLnk_hLnk:link
{
    color: gray;
}
a.hLnk_hLnk:visited
{
    color: gray;
}
a.hLnk_hLnk:hover
{
    color: gray;
    text-decoration: underline;
}
/************************************************************************
SECTION : lnk_button sumbmit
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
/* btnSubmit*/
a.btn_submit, img.btn_submit
{
    background: url(../images/btn_orange.gif);
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    font-size: 11px;
    text-decoration: none;
    height: 20px;
    width: 100px;
    margin-top: 3px;
    padding-top: 3px;
    display: block;
}
a.btn_submit:focus, img.btn_submit:focus
{
    outline: 1px dotted #0d0d0d;
}
a.btn_submit:hover, img.btn_submit:hover
{
    color: white;
    background: url(../images/btn_orange_hover.gif);
    background-repeat: no-repeat;
}


/*EndSection btnSubmit*/
/************************************************************************
SECTION : adresse
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/

.phone, .contact, .address
{
    text-decoration: none;
}
.phone
{
    color: #101010;
}
.contact, .address
{
    color: #101010;
}
.contact:hover
{
    text-decoration: underline;
}
.address:hover
{
    text-decoration: underline;
}

/************************************************************************
SECTION : maskdarker (modalpopop)
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
.popupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}
.modalBackground
{
    z-index: 9999;
    background-color: black;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.modalPopup
{
    border: 3px solid Gray;
    background-color: #ffffdd;
    padding: 3px;
    margin: 3px;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.OkButton, .CancelButton
{
    cursor: hand;
}
/************************************************************************
SECTION : popup)
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
div.pnl_infoContentLogoExaxePopup
{
    z-index: 999;
    padding: 30px 10px 5px 20px;
    color: White;
    height: 81px;
    width: 236px;
    text-align: left;
}
div.pnl_logoExaxePopup
{
    display: none;
    z-index: 999;
    cursor: hand;
    position: absolute;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    background: url('../images/popup.gif') no-repeat left top;
    padding: 3px;
    margin: 3px;
    top: 33px;
    left: 610px;
    height: 136px;
    width: 264px;
}
div.pnl_infoContentSatisfactionPopup
{
    padding: 5px 20px 0px 30px;
    color: #FFFFFF;
    height: 106px;
    width: 200px;
    text-align: left;
}
div.pnl_hoverExaxe
{
    cursor: hand;
    position: absolute;
    top: 11px;
    right: 12px;
}
div.pnl_satisfactionPopup
{
    display: none;
    cursor: hand;
    position: absolute;
    opacity: 0.9;
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9; /*	filter: alpha(opacity=70);*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    background: url('../images/popup90.gif') no-repeat left top;
    padding: 3px;
    margin: 3px;
    top: 20px;
    left: 160px;
    height: 136px;
    width: 258px;
}
map.satisfaction
{
    cursor: hand;
}
map.logoExaxe
{
    cursor: hand;
    z-index: 999999;
}
/************************************************************************
SECTION : slogan
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
div.pnl_slogan
{
    position: absolute;
    height: 16px;
    width: 135px;
    top: 11px;
    right: 145px;
}
div.pnl_slogan:first-letter
{
    font-size: 18px;
}
span.lbl_slogan
{
	display: block;
    font-family: Brush Script MT, Monotype Corsiva, Times New Roman;
    font-weight: lighter;
    color: White;
    font-size: 16px;
    width: 135px;
    text-align: center;
}
/************************************************************************
SECTION : CULTURE NAVIGATION
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
a.lB_culture:hover
{
    text-decoration: underline;
}
a.lB_culture
{
	display: block;
    color: #606060;
    cursor: hand;
    float: right;
    margin-right: 32px;
    margin-top: 6px;
}


/************************************************************************
SECTION : autres ou pas trié
DESCRIPTION : 
COMMENTAIRE(S) : 
************************************************************************/
/*============== <est utilisé dans la page "upgradeerr.aspx"> =================*/
p.section
{
    background-image: url( '../images/top_menu_back.gif' );
    background-repeat: repeat-x;
    background-position: center center;
    color: White;
    font-size: 12px;
    padding:5px;
}

li.section
{
    border: 1px solid #ea6a10;
    padding: 10px;
}
h3.section
{
    color: gray;
}
a.section:hover
{
    cursor: hand;
}
/*============== </> =================*/




.testimonytitle
{
    color: #ea6a10;
    font-style: italic;
    text-align: right;
}


p.tabSpace
{
    margin-left: 16px;
}

div.pnl_cntP_exaxeDefault
{
    padding-top: 10px;
}
div.pnl_leftP_exaxeDefault
{
    width: 206px;
    float: left;
    margin-bottom: 25px;
}

div.pnl_middleP_exaxeDefault
{
    width: 206px;
    float: left;
    margin-bottom: 25px;
    margin-left: 46px;
}
div.pnl_rightP_exaxeDefault
{
    width: 206px;
    float: left;
    margin-bottom: 25px;
    margin-left: 46px;
}


p.pCndView
{
    display: none;
}
div.pnl_pageTitle
{
    text-align: right;
}

td.td_nowrap
{
    white-space: nowrap;
}
.swf_genesisPub
{
    z-index: 1;
}

div.pnl_logoExaxe /*>>> BROWSER DIFFERENT SETUP (IE6, ) <<<*/
{
    background: url(../images/top.png);
    background-repeat: no-repeat;
}

input.txt_loginTxtBx
{
    background: #FFF4EC;
    border: none;
    border-bottom: solid 1px #ea6a10;
    border-top: solid 1px #ea6a10;
}
img.img_titreGenesis
{
}
input.tB_login:focus
{
    border: solid 1px red;
}
span.lbl_rightContent
{
    padding-top: 2px;
}

/* Petit en-tête pour séparer les paragraphes */
p.header
{
    font-weight: bold;
}