BODY 		{scrollbar-base-color: #CCCCD3;
		scrollbar-track-color: #CCCCD3;
		scrollbar-face-color: #CCCCD3;
		scrollbar-highlight-color: #FFFFFF;
		scrollbar-3dlight-color: #AAAAB4;
		scrollbar-darkshadow-color: #AAAAB4;
		scrollbar-shadow-color: #AAAAB4;
		scrollbar-arrow-color: #FFFFFF; }

a:link	{ color: #6666FF; text-decoration: none; }

a:visited	{ color: #6666FF; text-decoration: none; }

a:active	{ color: #6666FF; text-decoration: none; }

a:hover	{ color: #009999; text-decoration: none; }




.biglink	{ font: 12px verdana, arial, sans-serif; font-weight: bold; }

.Style1     {color: #000000;}

.tracktext	{padding-left: 4px; padding-right: 8px; }

.listen	{ COLOR: #FFFFFF; FONT: 12px geneva, verdana, arial, sans-serif; font-weight: bold; }

 /* PETIT CALENDRIER */

.calendar	{ border: #000000 1px solid; background-color: #F2F1F6; }

.calendartitle	{
		color: #000000;
		background-color: #A2B9E3;
                                    border: #000000 1px solid;
		font: 12px arial, sans-serif;
		font-weight: bold;
		padding: 1px;
		}

.caldays	{
		background-color: #FFFFFF;
		color: #666666;
		font: 10px arial, sans-serif;
		font-weight: normal;
		border-right: #CCCCCC 1px solid;
		border-bottom: #A2B9E3 1px solid;
		}

.calday		{
		background-color: #FFCCCC;
		color: #000000;
		font: 10px arial, sans-serif;
		font-weight: bold;
		border-right: #CCCCCC 1px solid;
		border-bottom: #A2B9E3 1px solid;
		}

.caldates	{
		background-color: #FFFFFF;
		color: #666666;
		font: 10px arial, sans-serif;
		font-weight: normal;
		border-right: #CCCCCC 1px solid;
		border-bottom: #CCCCCC 1px solid;
		}

.calhilite	{
		background-color: #A2B9E3;
		color: #FFFFFF;
		font: 18px arial, sans-serif;
		font-weight: bold;
		border: #000000 0px solid;
		}


.date-font	{ color: #FFFFFF; font: 10px verdana, arial, sans-serif; font-weight: normal; }

#date-location 	{ left: 5px; POSITION: absolute; TOP: 4px; }

.datenews {
	color: #CDBCA3;
	font-size: 12px;}
	
.encadrer {  font: 14px "Trebuchet MS", Arial, sans-serif; color: #5A5656;}
.encadrertitre {  font: bold 16px "Trebuchet MS", Arial, sans-serif; color: #5A5656;}


:first-letter.cl2 {font-size: 200%;
                   color: maroon;}

	
/* Global à toutes les nouvelles */

	.contentImg {
		background-color:#D0CFE1;
		text-align:center;
		padding:3px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
/*	width est mis inline par le xsl selon la grandeur de l'image*/
	}
	.imgDroite {
		float:right;
		margin:0 0 10px 10px;
		border: 1px solid #000000;
	}
	.imgGauche {
	float:left;
	margin:0 10px 10px 0;
	border: 1px solid #000000;
	}
	.imgCentre {
		float:center;
		margin:0 auto 10px auto;
		border: 1px solid #000000;
	}
		.contentImg a {
			display:block;
		}
		.contentImg p {
			margin:0;
		}
		.contentImg {
		
/*background-color: transparent !important*/
}
		.contentImg img {
			border:1px solid #FFF;
			
/*	visibility:hidden;*/
		}
		.contentImg .credit {
			font-size:9px;
			color:#F3F3F0;
			margin:2px 0 0 0;
		}
		.contentImg .legende {
			font-size:10px;
			color:#4D4C4A;
			margin:4px 0 0 0;
		}
		
		
/*	BOITE MEDIA*/

	.dnContent-td, .boiteMedia-td, .tableau {
		background-image:url(http://www.sttrio.com/images/bgBoite.jpg);
		background-repeat:repeat-x;
	}
	.dnContent-td p {
		font-size:10px;
		margin:2px 0px 2px 0px;
	}

	.tableau {
		padding:10px;
		margin:25px;
		margin-top:40px;
	}

 /* DEBUT COULEUR FOOTER */

.copyright 	{ COLOR: #6B738C; FONT: 8px arial, verdana, sans-serif; font-weight: bold }

a.footerlink:link	{ color: #3366FF; text-decoration: none }

a.footerlink:visited	{ color: #3366FF; text-decoration: none }

a.footerlink:active	{ color: #33366FF; text-decoration: none }

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

 /* PROCHAINES LIGNES : TAILLE POLICE */


TABLE		{ COLOR: #000000; FONT: 12px arial, verdana, sans-serif; font-weight: normal; }

.title 		{ COLOR: #7D8FB1; font-weight: bold; font-style:normal; font-variant:normal; font-size:14px; font-family:arial, sans-serif }

.subtitle 	{ COLOR: #000099; FONT: 13px arial, sans-serif; font-weight: bold; }

.phonetitle 	{ color: #339900; FONT: 13px arial, sans-serif; font-weight: bold; }

.smalltext	{ COLOR: #666666; FONT: 11px arial, verdana, sans-serif; font-weight: normal; }

.footertext  { COLOR: #666666; FONT: 5px arial, verdana, sans-serif; font-weight: bold }

.copytext { COLOR: #666666; FONT: 12px arial, verdana, sans-serif; font-weight: bold }

.quotechoice 	{ COLOR: #000099; font-weight: normal; }

.testimonial	{COLOR: #339900; font-weight: bold; font-style: italic; }

.just 		{ text-align: justify; }

.faq 		{ line-height: 18px; }

.ZOOM 		{ LEFT: 10px; POSITION: absolute; TOP: 10px; }




.rollover 	{ position: relative; left: 0px; top: 0px; BORDER: #000000 1px solid; }

.rolloveron 	{ position: relative; left: 2px; top: 2px; BORDER: #000000 1px dashed; }

.galerie-table		{ border: #7D8FB1 1px solid; background-color: #FFFFFF; }

.lien-galerie	{ border: #7D8FB1 1px solid;
			  background-color: #F7F7F7;
			  COLOR: #999999;
			  FONT: 11px arial, verdana, sans-serif;
			  font-weight: bold; }

.galerie-titre		{ COLOR: #333399; FONT: 15px arial, sans-serif; font-weight: bold; }

 /* BORDURE ET TITRE GALERIE */

.fieldset 	{ border:1px solid #81A7E2;
		  -moz-border-radius: 5px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 0px;
		  padding-right: 0px;
		  width: 175px;
		  text-align: left; }

.fieldset-legend { border:1px solid #0066FF;
		  background-color: #DBF3FA;
		  margin-bottom: 0px;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  padding-left: 5px;
		  padding-right: 5px;
		  margin-left: 5px;
		  COLOR: #0033FF;
		  FONT: bold 14px arial, verdana, sans-serif; }

 /* COULEUR PAGE  */

.pagelines	{ background-color:#000000; }

.pagesplits 	{ COLOR: #7D8FB1; height: 1px }

.borders	{ BORDER: #000000 1px solid; }

.main-tablebg	{ background-color:#F5F5F9; }



 /* RECHERCHE ENTETE STYLE */

.searchformdrop { HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; margin-top: 1px; }

.searchform 	{ WIDTH: 110PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; BORDER: #000000 1px solid; }

.search-font	{ color: #000000; font: 11px verdana, arial, sans-serif; font-weight: bold; }


/* articles */
  h1  { font: bold 18px/21px georgia; color: #222222; margin: 0px 100px 0px 0px;}
  .ar-txt {font: 14px/16px georgia; color: #222222;}
  .ar-txt a {color:#000066; text-decoration:underline; font: 12px/16px georgia;}
  .ar-tit  { font: bold 18px/21px georgia; color: #222222;}
  .ar-tit-2  {font: bold 16px/19px georgia; color: #222222; }
  .ar-surtit { font: bold 10px verdana; color: #666666; padding-bottom:3px;}

  .ai-tt-on { font: normal 12px arial; color: #4a4646; background-color: #d6dae6; padding: 2px 1px; border-bottom: 1px solid black;}
  .ai-tt-off {background-color: #3f6aec; padding: 2px 1px; border-bottom: 1px solid black;}

  .fen-tb { border-bottom: 1px solid white;}
  .fen-tt { background-color: #6699CC; }
  .fen-tt a { font: bold 12px georgia; color: #ffffff; text-decoration:none; }
  .fen-box {background-color: #D2D2E2; padding: 4px; font: 12px/15px verdana; color: #222222;}
  .fen-box a {font: 12px verdana; color: #003399;}

  .leg {font: 10px verdana ; color: #666666;}

 /* LAYERED TEXT STYLES */

.hometext 	{ position:absolute; visibility:show; left: 580px; top: 90px; width:200px; z-index:2; padding:5px;}

.hometextlayer	{ COLOR: #FFFFFF; FONT: 11px arial, verdana, sans-serif; font-weight: bold; }

.hometexttitle	{ COLOR: #FFFFFF; FONT: 18px arial, verdana, sans-serif; font-weight: normal; }


 /*  STYLE COTE DROIT*/

.sidebar	{ width:150; text-align:left; border: #7A8DAB 0px solid; padding: 0px; }

.sidebarlinks	{ COLOR: #7A8DAB; FONT: 12px arial, geneva, verdana, arial, sans-serif; font-weight: normal;  }

.sidebartext	{ COLOR: #000000; FONT: 11px arial, geneva, verdana, arial, sans-serif; font-weight: normal;  }

.sidebartitle	{ font: 11px verdana, arial, sans-serif;
		  font-weight: bold;
		  width: 150px;
		  color: #FFFFFF;
		  padding: 3px;
		  margin-bottom: 3px;
		  text-align: left;
		  display: block;
		  white-space: nowrap;
		  background-color:#666699;
		  background-image:  url("http://www.sttrio.com/images/fond-bleu.jpg");
		  border: #000000 1px solid; }


 /* NOUVELLES */
 
 .punch        {float: left;
         font-size: 500%;
         width: 1.2em;
        text-align: center;
        padding: 0.1em 0.1em 0;
        background: #346;
	    color: white;
	    border: solid white 1px;
	    border-width: 0 0.2em 0.2em 0;
	    margin: 0 0.5em 0.2em 0;}
	  

.punchg         {float: left;
          width: 25%;
          text-align: left; 
          font-size: 140%;
          font-weight: bold;
	      font-style: italic; 
          padding: 1em;
          text-indent: -0.5em;
	      background: white;
          color: black;
          border: solid black 1px; 
         border-width: 1px 0 1px 1px; margin: 0.2em -1px 0.2em 0.5em;}
		 
.punchd         {float: right;
          width: 25%;
          text-align: left; 
          font-size: 140%;
          font-weight: bold;
	      font-style: italic; 
          padding: 1em;
          text-indent: -0.5em;
	      background: white;
          color: black;
          border: solid black 1px; 
         border-width: 1px 0 1px 1px; margin: 0.2em -1px 0.2em 0.5em;}
		 


.submitbutton 	{ font-size: 10pt; }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("http://www.sttrio.com/images/shadeform.gif");
		text-align: left;
		WIDTH: 200PX;
		BORDER: #000000 1px solid;}

.quoteform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("http://www.sttrio.com/images/shadeform.gif");
		text-align: left;
		BORDER: #000000 1px solid;}

.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("http://www.sttrio.com/images/shadeform.gif");
		text-align: left;
		WIDTH: 275PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid;}

.dropdown {	COLOR: #333333;
		WIDTH: 200PX;
		FONT: 11px geneva, verdana, arial, sans-serif; }
		
		
.search-buttons { font-size: 9pt; height: 18px; BORDER: #000000 1px solid;line-height:12px }

.searchbutton {	background-image: url();
		background-color:#F0F0F0;
		FONT-FAMILY: arial, verdana, helvetica, sans;
		color: #000066;
		font-size: 8pt;
		height: 20px;
		width: 35px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		BORDER: #000066 1px solid }

.searchform 	{ background-image: url("http://www.sttrio.com/images/shadeform.gif");
		  WIDTH: 100PX;
		  HEIGHT: 20PX; FONT: 11px arial, verdana, sans-serif;
		  BORDER: #000000 1px solid; }


.searchdrop	{ WIDTH: 60PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; }


.rollover 	{ background-color: #000000;}

.rolloveron 	{ background-color: #0000FF; filter:alpha(opacity=60);  }

 /* DEBUT CODE POUR LES GALERIES  */


.button-popups  { background-color:#F0F0F0;
		  background-image: url("http://www.sttrio.com/images/button-popups.gif");
		  FONT-FAMILY: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  color: #000066;
		  height: 24px;
		  cursor:hand;
		  font-weight: normal;
		  text-align: center;
		  BORDER: #000066 1px solid; }

.buttonon-popups  { background-color:#F0F0F0;
		  background-image: url("http://www.sttrio.com/images/button-popups.gif");
		  FONT-FAMILY: arial, verdana, helvetica, sans;
		  font-size: 8pt;
		  color: #0033FF;
		  height: 24px;
		  cursor:hand;
		  font-weight: normal;
		  text-align: center;
		  BORDER: #0033FF 1px DASHED; }




.rollover 	{ BORDER: #000000 1px solid; }

.rolloveron 	{ BORDER: #0099FF 1px solid; }


.hilite			{ COLOR: #666666; FONT: 13px arial, sans-serif; font-weight: normal; }




 /* DEBUT CODE POUR MENU ET COTE */


 /* COTE MENU */

.sidebar-bg	{ background-color:#F0F0F0; background-image: url("http://www.sttrio.com/images/background-menu-GRAY.jpg"); }


.menutitle	{ font: 11px Verdana, Arial;
		  font-weight: bold;
		  color: #000000;
		  height: 19px;
		  padding-left: 6px;
		  padding-top: 6px;
		  text-align: left; }


.menu		{ width: 150px;
		  cursor:hand;
		  font: 11px Verdana, Arial;
		  font-weight: normal;
		  text-indent: 2px;
		  text-align: left;
		  display: block;
		  text-decoration: none; }


a:link.menu 	{ color: #000000;
		padding: 2px;
		  margin: 3px; }


a:visited.menu 	{ color: #000000;
		 padding: 2px;
		  margin: 3px; }


a:active.menu 	{ color: #000000;
		 padding: 2px;
		  margin: 3px; }


a:hover.menu 	{ background-color:#F0F0F0;
		 border: #000000 1px solid;
 		  padding: 1px;
 		  margin: 3px;
		  color: #0000FF; }

		
		
 /* TOP MENU 2*/  
 

		  
.menu2		{ width: 150px;
		  cursor:hand;
		  font: 11px Verdana, Arial;
		  font-weight: normal;
		  text-indent: 2px;
		  text-align: left;
		  display: block;
		  text-decoration: none; }
		  
a:link.menu2 	{ color: #E60003;
		 padding: 2px;
		  margin: 3px; }


a:visited.menu2 	{ color: #E60003;
		  padding: 2px;
		 margin: 3px; }


a:active.menu2 	{ color: #E60003;
		 padding: 2px;
		  margin: 3px; }


a:hover.menu2 	{ background-color:#F0F0F0;
		 border: #000000 1px solid;
 		  padding: 1px;
 		  margin: 3px;
		  color: #0000FF; }


 /* TOP MENU */



.menu_horz-bg	{ background-color:#6699FF; color: #000000; font: 10px verdana, arial, sans-serif; }

.menu-split	{ color: #FFFFFF; }


.menu_horz	{ cursor:hand;
		  font: 11px Verdana, Arial;
		  font-weight: normal;
		  text-align: left;
		  display: block;
		  text-decoration: none; }


a:link.menu_horz 	{ color: #FFFFFF;
		 padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  margin: 1px; }


a:visited.menu_horz 	{ color: #FFFFFF;
		 padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  margin: 1px; }


a:active.menu_horz 	{ color: #FFFFFF;
		 padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 2px;
		  padding-bottom: 2px;
		  margin: 1px; }


a:hover.menu_horz { background-color:#FFCC00;
	 border: #FFFFFF 1px solid;
		  padding-left: 5px;
		  padding-right: 5px;
		  padding-top: 2px;
		  padding-bottom: 2px;
 		  margin: 0px;
		  color: #FFFFFF; }


    height:auto; 
    cursor:pointer;
    color:#fff; 
    background:#000;
 }


a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block; 
    width:600px !important; 
    width:580px; 
    height:18px; 
    border-bottom:1px solid #000; 
    text-decoration:none; 
    color:#000;
    font-family: verdana; 
    font-size:10px; 
    text-align:center;
    background:#eee;    
}


a.SousMenu:hover {background:#BCCCD2;}