BODY {	margin:0; padding:0; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#555555; 
		background: #FFFFFF;}
DIV, LI, TD {font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* Splash */
BODY.splash {background-image:none;background-color:#FFFFFF;text-align:center;}

#tblSplash {width:100%;height:100%;}
	#tblSplash TD {width:100%;height:100%;text-align:center;vertical-align:center;}
	#tblSplash .flash {}
	
/* alternate content */
#alternate {font-size:11px;width:780px;text-align:left;padding:0 0 10px 0;}

	#alternate .logo {float:left;padding:5px 10px 0 0;}
		#alternate .logo IMG {border:none;}
	#alternate .info {float:left;width:500px;}
		
	#alternate .menu_top {text-align:right;padding:10px 0 20px 0;}
	#alternate .d1, #alternate .d2, #alternate .d3 {clear:both;padding:10px 0 0 0;}
	#alternate P {padding:0 0 5px 0;margin:0;}
	#noFlash {margin-top:15px;}
	
/* wrappers */

#site {padding-top:0; text-align:center;}
#site_wrap {width:690px; margin:0 auto; text-align:left;}
#site_contenu {padding: 7px 8px 7px 8px; background-color:#FFFFFF;}

.colContenu {float:left; width:690px; padding:0;}

/* Header */
#header {width:690px;position:relative;z-index:50;background-color:#FFFFFF;}
#header .menu_flash {position:relative;z-index:50; margin-left:37px;}

.menu_top UL {margin:0; padding:10px 0 7px 0;list-style-type: none;text-align:right;}
	.menu_top UL LI {display: inline; padding:0 15px 0 0;}
	.menu_top A:link, .menu_top A:visited, .menu_top A:active {color:#787878; text-decoration:none;}
	.menu_top A:hover {color:#000000; text-decoration:none;}
	

/* Contenu */

#contenu {}
	#contenu .texte {margin:0 0 0 30px;}
	#contenu P {}

UL.liste {width:623px; padding:1px 32px; margin:0; list-style-image: none; clear:both;}
UL.liste LI {width:207px; list-style-type: none; padding:99px 0 0 0; margin:0 0 1px 0; float:left; overflow:hidden; height:0; position:relative;}
	
.ligne_top, #folio_info .bottom { background:url(/images/interface/sep1.gif) no-repeat top center;height:5px; width:690px;}
.ligne_bot, #folio_info .top { clear:both; background:url(/images/interface/sep1.gif) no-repeat top center;height:5px; width:690px;}

	/* D2 - mediaEdge */
	.d2 .ligne_top, .d2 #folio_info .bottom { background-image:url(/images/interface/sep1b.gif);}
	.d2 .ligne_bot, .d2 #folio_info .top { background-image:url(/images/interface/sep1b.gif);}

	/* D3 - tactik */
	.d3 .ligne_top, .d3 #folio_info .bottom { background-image:url(/images/interface/sep1c.gif);}
	.d3 .ligne_bot, .d3 #folio_info .top { background-image:url(/images/interface/sep1c.gif);}

/* Footer */
#footer {font-size:9px; padding:30px 0 20px 0; text-align:center; color:#959595;} 
	UL.menu_bottom {margin:0; padding:0; list-style-type:none;}
	UL.menu_bottom LI {display:inline; padding-left:16px;}
	
	#footer A:link, #footer A:visited, #footer A:active {color:#787878; text-decoration:none;}
	#footer A:hover {color:#000000; text-decoration:none;}


/* Menus */

#menu {font-size:14px;height:30px;float:left;}
	#menu .top {}
	#menu .bottom {clear:left;}
	#menu .xmlMenu {margin:0;}
	#menu .item, #menu .item_a {display:block;padding:5px;float:left;border:1px solid #333333;}
	#menu A:link, #menu A:visited {color:#787878; text-decoration:none;}
	#menu A:active, #menu A:hover {color:#000000; text-decoration:none;}

/* Sliders */

#menu_slider {position:absolute;left:-260px;top:180px;z-index:998;}
	#ms_1 {position:absolute;left:0;top:0;z-index:10001;}
	#ms_2 {position:absolute;left:0;top:101px;z-index:10002;}
	#ms_3 {position:absolute;left:0;top:202px;z-index:10003;}

/* Sections */
	
/* Nouvelles */

#news_list {padding:0 0 10px 0; width:690px;}
	#news_list .item {margin:0; padding:5px 30px 5px 30px; }
	#news_list .date {font-size:12px;color:#00adef;}

/* Direction */
#direction{background:url(/images/interface/ligne.gif) repeat-y;}
 .d2 #direction {background:url(/images/interface/ligneb.gif) repeat-y;}
 .d3 #direction {background:url(/images/interface/lignec.gif) repeat-y;}
ul.L_liste{width:631px; padding:1px 28px; margin:0; clear:both; list-style-image:none;}
ul.L_liste li{list-style-type:none; height:90px; margin:0 0 1px 0; padding:5px 0 4px 106px; width:517px; position:relative; clear:both; float:left;}
  ul.L_liste li#LE_vallee{background:url(/images/contenu_fr/direction/LE_vallee.jpg) no-repeat 0;}
  ul.L_liste li#s_lasalle{background:url(/images/contenu_fr/direction/s_lasalle.jpg) no-repeat 0;}
  ul.L_liste li#r_chartrand{background:url(/images/contenu_fr/direction/r_chartrand.jpg) no-repeat 0;}
  ul.L_liste li#c_roy{background:url(/images/contenu_fr/direction/c_roy.jpg) no-repeat 0;}
  ul.L_liste li#N_levesque{background:url(/images/contenu_fr/direction/N_levesque.jpg) no-repeat 0;}
  ul.L_liste li#s_bouret{background:url(/images/contenu_fr/direction/s_bouret.jpg) no-repeat 0;}
  ul.L_liste li#Ma_bertrand{background:url(/images/contenu_fr/direction/Ma_bertrand.jpg) no-repeat 0;}
  ul.L_liste li#C_joly{background:url(/images/contenu_fr/direction/C_joly.jpg) no-repeat 0;}
  ul.L_liste li#D_poirier{background:url(/images/contenu_fr/direction/D_poirier.jpg) no-repeat 0;}
ul.L_liste p{margin:0; padding:0;}
ul.L_liste p.nom{text-align:right; position:absolute; top:35px; right:0;}
ul.L_liste p.nom span{color:#005daa;}

/* Realisations */

#folio {}
	#folio .caption {float:left;color:#00adef;font-weight:bold;clear:both;display:block;}
	.d2 #folio .caption {color:#EAA400;}
	.d3 #folio .caption {color:#ee4042;}

#folio_list {margin: 0 0 0 0;}
	#folio_list TD {text-align:left;padding:0;}
	#folio_list .btn {width:27px; padding:0px;}
	#folio_list .thumbs {height:111px;vertical-align:top;}
		#folio_list .thumbs IMG {margin:0 0 5px 4px;}
	
	
#tblPager {margin: 5px 8px 10px 27px;float:right;}
.pager {font-weight:bold;}
	.pager A:link, .pager A:visited, .pager A:active {color:#00adef; text-decoration:none;}
	.pager SPAN {color:#555555; }
		.d2 .pager A:link, .d2 .pager A:visited, .d2 .pager A:active {color:#EAA400; text-decoration:none;}
		.d3 .pager A:link, .d3 .pager A:visited, .d3 .pager A:active {color:#ee4042; text-decoration:none;}
	.pager A:hover {color:#000000; text-decoration:none;}
	
#folio_titre {float:left; margin-top:4px; padding-left:30px; padding-bottom:5px;}

#folio_info {margin:10px 0 0 0;}
	#folio_info .item {margin: 0 0 5px 0;}
	#folio_info .text {float:left;display:block; width:631px; text-align:justify;}
	#folio_info .contenu {padding:10px 60px 10px 30px; clear:both;} 
	
#folio_visuel {margin:0;text-align:center;}


/* Boomerang */

#contenu .texteCol1 {padding:0 0 0 15px;float:left;}
#contenu .texteCol2 {padding:0 0 0 15px;float:left;}

#boomerang{background:url(/images/interface/ligne.gif) repeat-y;}
#boomerang .d2{background:url(/images/interface/ligneb.gif) repeat-y;}
#boomerang .d3{background:url(/images/interface/lignec.gif) repeat-y;}
ul.boom_liste{width:200px; padding:1px 28px; margin:0; clear:both; list-style-image:none;}
ul.boom_liste li{list-style-type:none; height:90px; margin:0 0 1px 0; padding:5px 0 4px 0; width:687px; position:relative; clear:both; float:left;}

/* Typo */

H1 {padding:20px 0 40px 30px; margin:0; font-size:18px; color:#b7b7b7;font-family: Arial, Helvetica, sans-serif; }
H2, H2 A:link, H2 A:visited, H2 A:active {padding:5px 0 5px 0; margin:0; font-size:12px; color:#00adef;}
	.d2 H2, .d2 H2 A:link, .d2 H2 A:visited, .d2 H2 A:active { color:#EAA400;}
	.d3 H2, .d3 H2 A:link, .d3 H2 A:visited, .d3 H2 A:active { color:#ee4042;}
	
H3 {font-size:14px;}
H4 {font-size:12px;}

P {margin:0 0 15px 0;}
p.mission{font-size:12px; margin: 15px 0;}


A:link, A:visited, A:active {color:#0E0E8C; text-decoration:underline;}
A:hover {color:#000000; text-decoration:none;}



/* Listes */

UL {margin:0; padding:5px 0 10px 30px; list-style-image:url(/images/icons/li_1.gif);}
	UL LI {margin:0; padding:0 0 5px 0;}
	
/* FORMS **** */

FORM {padding:0; margin:0;}
INPUT, SELECT, TEXTAREA { font-family: Verdana, Helvetica, Arial, sans-serif; font-size:11px; }
TEXTAREA {background-color:#FFFFFF;}
INPUT.submit {  }
INPUT.txt {padding:2px 5px 2px 5px;background-color:#FFFFFF;border:solid 1px #c3c3c3;}
SELECT {border:solid 1px #C3C3C3;background-color:#FFFFFF;}


/* Validation */

.erreur {font-size:12px;display:block;}
	.erreur UL {margin:0;padding:10px 0 10px 20px;}
	.erreur LI {font-size:11px;color:#DD0000;font-weight:normal;}


/* Divers */

.clearer {clear:both; overflow:hidden; height:0;}
#logo_print {display:none;}

HR {border:none;height:3px;color:#FFFFFF;background:url(/images/interface/sep1.gif) no-repeat top center;}
	.d2 HR {background:url(/images/interface/sep1b.gif);}
	.d3 HR {background:url(/images/interface/sep1c.gif);}
	
/* SiteMap **** */	

.xmlSiteMap {padding:10px 30px 0 30px;}
	#map_0 {margin-left:0;}
		#map_0 .item {}
	
	.xmlSiteMap .map_section  {margin:0 0 20px 0;}
		.xmlSiteMap .titre { }
		
	.xmlSiteMap .map_sub { margin:10px 0px 10px 10px;}
		.xmlSiteMap .map_sub .item {padding: 0px 0 8px 5px;}
		
	.xmlSiteMap A:link, .xmlSiteMap A:visited {color: #787878; text-decoration:none;}
	.xmlSiteMap A:active, .xmlSiteMap A:hover {color: #000000; text-decoration:none; font-weight:bold;}

	.xmlSiteMap .titre A:link, .xmlSiteMap .titre A:visited { color: #375C95; text-decoration:none; font-weight:bold;}
	.xmlSiteMap .titre A:active, .xmlSiteMap .titre A:hover { color: #000000; text-decoration:none;  font-weight:bold;}
	
	.xmlSiteMap .trigger {display:block;width:100%;cursor:hand;}
	
	#tblSiteMap {width:560px;}
		#tblSiteMap TD {vertical-align:top;}
		#tblSiteMap .col1 {}
		#tblSiteMap .col2 {}



/* modal popup */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}