/* STANDARD CSS de Ôla! Communications inc.
   Créé par: Karine St-Onge
   Tous droits réservés
   Version: 1.05
   Date de révision: 03/13/2006 
*/

/* Ne pas effacer cette fonction empeche le site de bouger lorsque le slide de pub est affiché... 
Le site bouge vers la droite dans la plupart des navigateurs si le code suivant n'est pas inclus. */
div {
-moz-box-sizing:border-box;
box-sizing:border-box;
}



td.box_A { padding: 20px 20px 20px 20px;}

td.bottom_img_blue
{
	background-image: url(_images/section/footer_stetoscope.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
}


h1.vert {
	font-family: verdana, arial, helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #4fa628;
}

h1.bleu {
	font-family: verdana, arial, helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #006495;
}

h1.orange {
	font-family: verdana, arial, helvetica;
	font-size: 16px;
	font-weight: bold;
	color: #e17d07;
}

h3 {
	font-family: verdana, arial, helvetica;
	font-size: 13px;
	padding:0px;
	margin:0px;
	font-weight: bold;
	color: #006495;
}

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

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

.text10pxGreen {
	font-family: verdana, arial, helvetica;
	font-size: 10px;
	color: #4fa628;
}

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

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

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




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

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

.text11pxGreen {
	font-family: verdana, arial, helvetica;
	font-size: 11px;
	color: #4fa628;
}

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

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

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

.title_orange {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#e17d07;
	font-style:italic;
}

.pre_title_orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#e17d07;
}

.title_vert {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#4fa628;
	font-style:italic;
}

.pre_title_vert {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#4fa628;
}

.title_bleu {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	color:#006495;
	font-style:italic;
}

.pre_title_bleu {
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	color:#006495;
}

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

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

.text12pxGreen {
	font-family: verdana, arial, helvetica;
	font-size: 12px;
	color: #4fa628;
}

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

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


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

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

.text14pxGreen {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #4fa628;
	font-weight: bold;
}
.text14pxGrey {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}
.text14pxBlue {
	font-family: verdana, arial, helvetica;
	font-size: 14px;
	color: #006495;
	font-weight: bold;
}

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



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

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

.text18pxGreen {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #4fa628;
	font-weight: bold;
}

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

.text18pxOrange {
	font-family: verdana, arial, helvetica;
	font-size: 18px;
	color: #e17d07;
}


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

a:link {
	color: #003399;
}
a:visited {
	color: #003399;
}
a:hover {
	color: #0066cc;
}


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

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



a.linkNAV:link {
	color: #F5F5F5;
	text-decoration: none;
	
}
a.linkNAV:visited {
	color: #F5F5F5;
	text-decoration: none;
}

a.linkNAV:hover {
	color: #ffef9a;
	text-decoration: none;
}




a.linkBlack:link {
	color: #000000;
	text-decoration: underline;
	
}
a.linkBlack:visited {
	color: #666666;
	text-decoration: underline;
}

a.linkBlack:hover {
	color: #0066cc;
	text-decoration: underline;
}





/* -----------------------------------------------------------
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; 
 background-color: #ffffff; 
 width: 175px;
	border: 1px solid #666666; 
}
.textb { 
 font-size: 11px; 
 background-color: #ffffff; 
	border: 1px solid #666666; 
}

.bta { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
}
 
 
/* -----------------------------------------------------------
                  NEWSLETTER 
-------------------------------------------------------------- */
div.newsletter_wrapper {position: relative; width:263px; height:97px; background-image:url(_images/home/bg_newsletter.png); background-repeat:no-repeat;}
div.newsletter_wrapper div.newsletter_title {position:absolute; left:77px; top:14px;}
div.newsletter_wrapper div.newsletter_fields {position:absolute; left:77px; top:55px;}
div.newsletter_wrapper div.newsletter_fields input.fld_text { font-family:Verdana, Geneva, sans-serif; font-size:10px; line-height:20px; color:4f4f4f; font-style:italic; font-weight:bold; width:120px; height:20px; padding:0 5px; background:none; background-color:transparent; border:1px solid #82c281;-moz-border-radius: 3px; border-radius: 3px;}
div.newsletter_wrapper div.newsletter_fields div.fld_wrapper {position:relative; float:left; margin:0 5px 0 0;}
