/* STANDARD CSS de Ôla! Communications inc.
   Créé par: Carl Durocher
   Tous droits réservés
   Version: 1.05
   Date de révision: 11/08/2003 
*/

.sup {
	font-family: verdana, arial, helvetica; 
	vertical-align:top;
	padding-top: 4px;
	font-size: 8px;	
}

html {
height:100%;
}

body {

height:100%;

}


#bg_molecule{
	background-image:url(_images/bg.jpg);
background-position:bottom left;
background-repeat:no-repeat;
	margin:auto;
	height:100%;
	padding:0px;
	position:fixed;
	z-index:-1;
}




sup {
	font-family: verdana, arial, helvetica;
	font-size: 6px;	
}

.sup14 {
	font-family: verdana, arial, helvetica;
	font-size: 10px;	
}

.text10px {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
}

.text10pxVert {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #759827;
}

.text10pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #666666;
}

.text10pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #FFFFFF;
}

.text10pxNavy {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #194762;
}





.text11px {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
}

.text11pxVert {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #759827;
}

.text11pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #666666;
}

.text11pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #FFFFFF;
}

.text11pxNavy {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #194762;
}





.text12px {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
}

.text12pxVert {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #759827;
}

.text12pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #666666;
}

.text12pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #FFFFFF;
}

.text12pxNavy {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #194762;
}



.text14px {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
}

.text14pxVert {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #759827;
}

.text14pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}

.text14pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.text14pxNavy {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	font-weight: bold;
	color: #194762;
}



.text18px {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	font-weight: bold;
}

.text18pxVert {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #759827;
}

.text18pxGris {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
}

.text18pxWhite {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}

.text18pxNavy {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	font-weight: bold;
	color: #194762;
}

/* -------------------------------------------------
                    LINK CSS
---------------------------------------------------- */

a:link {
	color: #0033CC;
}
a:hover {
	color: #A93400;
}
a:visited {
	color: #330066;
}


a.linkYellow:link {
	color: #FFC454;
	text-decoration: none;
	
}
a.linkYellow:visited {
	color: #FF7B00;
	text-decoration: none;
}

a.linkYellow:hover {
	color: #FFFFFF;
	text-decoration: none;
}


a.linkwhite:link {
	color: #FFFFFF;
	text-decoration: underline;
	
}
a.linkwhite:visited {
	color: #FFE5A7;
	text-decoration: underline;
}

a.linkwhite:hover {
	color: #E7B43B;
	text-decoration: underline;
}


a.linkHistorypath:link {
	color: #0033CC;
	text-decoration: none;
	
}
a.linkHistorypath:visited {
	color: #330066;
	text-decoration: none;
}

a.linkHistorypath:hover {
	color: #A93400;
	text-decoration: none;
}



/* -------------------------------------------------
                CELLBORDER LINE FX 
---------------------------------------------------- */

.cellBorderDottedLine {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;	
}
.cellBorderSolidLine {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #53B322;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;	
}

.cellBorderSolidLineSquare {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 11px; 	
}

.cellBorderDottedLineSquare {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;	
	border-top-style: dotted;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;	
}

.highlight {   
	background-color: #FFFF00;
}

/* -----------------------------------------------------------
Pour empêcher un image background d'une cellule de ce répéter
--------------------------------------------------------------
 	background-repeat: no-repeat;
	background-repeat: repeat-x; (Seulement à l'horizontal)
 	background-repeat: repeat-y; (Seulement à la vertical) 
*/



/* -----------------------------------------------------------
Pour modifier le look du "SCROLLBAR" de Internet Explorer 
--------------------------------------------------------------
* {	
	scrollbar-face-color: #EEEEEE;
	scrollbar-shadow-color: #003366;
	scrollbar-highlight-color: #003366;
	scrollbar-3dlight-color: #EEEEEE;
	scrollbar-darkshadow-color: #EEEEEE;
	scrollbar-track-color: #DDDDDD;
	scrollbar-arrow-color: #000000;	
     }
*/



/* -----------------------------------------------------------
                  FIELD 
-------------------------------------------------------------- */
.texta { 
 font-size: 10px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #FFFFFF; 
 width: 130px;
	border: 1px solid #666666; 
}

.bta { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;