/* ----------------- M A i N    ------------*/
.--------------------------- M A i N {}



b {
	color: #000000;
}

.disable {
	color: #CCFF66;
}

/* ----------------- S I T E   G E O M E T R Y   ------------*/
.-------------------- GEOMETRY {}


body {
	font-family: "Trebuchet MS";
	font-size: 12px;
	background-color: #F7FBFE;
	background-image: url(../images/template/background.jpg);
	background-repeat: repeat-x;
	text-align: center;
	margin: 0px;
}

.pagecontainer{
	position: relative;
	width:760px;
	margin: auto;
	padding-bottom:25px;

}
.zone-tab{
	position: relative;
	height: 40px;
	background-image: url(../images/template/background.jpg);
	background-repeat: repeat-x;
}

.zone-secteur{
	position: relative;
	background-image: url(../images/template/page-top.gif);
	background-repeat: no-repeat;
	text-align: left;

}
.zone-content{
	position: relative;
	border-left: 15px solid #FFFFFF;
	border-right: 0px solid #FFFFFF;
	background-repeat: no-repeat;
	width:745px;
	background-color: #E6E6E6;
}
.zone-extra{
	position:relative;
	border-top: 15px solid #FFFFFF;
	border-left: 15px solid #FFFFFF;
	border-right: 15px solid #FFFFFF;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: left;
	clear: both;
	background-color: #0099FF;
}
.zone-sponsor{
	position: relative;
	height: 65px;
	width: 760px;
	background-image: url(../images/template/page-bottom.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding-top: 10px;
	text-align: left;
	font-size: 10px;
	color: #999999;
	clear: both;
}	

/* --------------- C L E A R F i X -----------------------*/

 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}


/* ---------------------- Grid ( C O N T E N T)   --------------*/
.-------------------- GRiD {}
.content {
	position: relative;
	text-align: left;
	width: 745px;
	display: table;
	padding-bottom: 20px;
	display: table;
	}

.min-height {
	position: relative;
	float: right;
	height: 300px;
	width: 10px;
	clear: none;
}

.datacontainer {
	position: relative;
	top: 0px;
	float: right;
	}

.data {
	position: relative;
	text-align: left;
}




#introContainer {
	padding-top: 10px;
	position: relative;
	left: 20px;
	float: left;
	width: 200px;
	color: #666666;
}

#titreIntro {
	font-size: 16px;
	color: #000000;
}
#soustitreIntro {
}

#texteIntro {
}


.titre-page {
	position: relative;
	float: left;
	clear: both;
	width:460px;
	font-size: 22px;
	font-weight: bold;
	padding-top: 7px;
	padding-bottom: 8px;
}


.titre-bloc {
	float:left;
	width:470px;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 4px;
	clear: both;
	color: #000000;
}

.description {
	position: relative;
	float: left;
	clear: both;
	width: 450px;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 5px;
	line-height: 18px;
	color: #7D7E67;
}

.leading{
	height: 8px;
	line-height: 0px; /* keeps the height in ie6 */
	font-size: 0px;  /* keeps the height in ie6 */
} 

.logo {
	float:left;
	color: #CCCCCC;
	margin-right: 30px;
	margin-top: 10px;
	margin-bottom: 5px;

}
.image {
	float:right;
	width: 225px;
	height: auto;
	color: #CCCCCC;
	margin-left: 10px;
}


#image-full {
	position: absolute;
	left: -255px;
	top:0px;
	float:none;
	}

/*------- fiches ------------------*/


.----------------fiches {}


.fiche {
	float: left;
	clear: both;
	border-top: dashed 1px #CCCCCC; 
	border-bottom: dashed 1px #CCCCCC; 
	width: 445px;
	padding-bottom: 10px;
	line-height: 18px;
	color: #7D7E67;
}


.fiche-logo {
	margin-top: 10px;
}
.fiche-titre {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	padding-bottom: 5px;
}
.fiche-head-expanded {
	float: left;
	background-color: #CCCCCC;
	width: 445px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/template/minimize.gif);
	}
	

a.fiche-head-expanded:hover {
	background-position: 0px -30px;
}	

.fiche-head-minimized {
	float: left;
	width: 445px;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../images/template/expand.gif);
	}
	

a.fiche-head-minimized:hover {
	background-position: 0px -30px;
}
/*
#fiche-expanded {background-image: url(../images/template/minimize.gif);
	}
#fiche-minimized {	background-image: url(../images/template/expand.gif);
	}	
	*/
		
	
.fiche-headicon {
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	}
	
.fiche-headtitle {
	float: left;
	}
.fiche-alldetails {
	padding-top: 10px;
	float: left;
}
.fiche-allinfo {
	float: left;
	}
.fiche-image {
	float: right;
	padding-bottom: 5px;
	background-color: #CCCCCC;
	margin-left: 10px;
}
.fiche-details {
	padding-left: 20px;
	margin-bottom: 10px;
	line-height: 14px;
}
.fiche-details-contact {
	padding-left: 20px;
}
.fiche-details-address {
	padding-left: 20px;
	line-height: 14px;
	padding-bottom: 5px;
}

.fiche-details-tel {
	background-image: url(../main/site-8/-images/dir-icon-tel.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px -2px;
}
.fiche-details-fax {
	background-image: url(../main/site-8/-images/dir-icon-fax.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px -2px;
	}
.fiche-details-email {
	background-image: url(../main/site-8/-images/dir-icon-mail.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px -2px;
}
.fiche-details-site {
	background-image: url(../main/site-8/-images/dir-icon-website.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0px -2px;

}





/*--------  downloadable box -------*/
.--------------------------- {}

.downloadable-box {
	float: left;
	clear: both;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 1px;
	width:auto;
	background-repeat: no-repeat;
	width: 450px;
}

.downloadable {
	float: left;
	clear: right;
	margin-left: 5px;
	padding-right:5px;
	margin-bottom:10px;
	width:auto;
	font-size: 11px;
}

.downloadable-title {
	float: left;
	height: 15px;
	width: auto;
	clear: left;
	font-size: 10px;
	color: #999999;
	padding-left: 0px;
	padding-right: 10px;
	background-image: url(../images/template/link.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}


.--------------------------- {}

.contactbar {
	width: 470px;
	float: left;
	clear: both;
	height: 20px;
	border-top: 1px dotted #000000;
	font-size: 11px;
	line-height: 20px;
	margin-top: 10px;
	color: #838265;
}


.content-temp {
	margin-left: 255px;
	margin-top: 20px;
	margin-bottom:200px;	
}


/*--------  content listing  -------*/
.--------------------------- {}

.listing-box {
	margin-top: 10px;
	float: left;
	position: relative;
	width: 460px;
	clear:both;
}

.listing {
	margin-left: 10px;
	width: 460px;
}

#listing-thumbnail {
	position: absolute;
	visibility: hidden;	
	width: 100px;
	height: 100px;
	left: 0px;
	top:0px;
}


#titre-listing {
	font-size: 13px;
	clear: both;
	color: #333333;
	width: 460px;

}

#description-listing {
	font-size: 11px;
	color: #7D7E67;
	width: 460px;


}
#site-listing {
	font-size: 11px;
	margin-top: 4px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 460px;
}


/* --------- liste sponsors ------------ */
.--------------------------- {}
.sponsors-page-box {
	float: left;
	clear: both;
	position: relative;
	width: 470px;
}





.--------------------------- {}
.volume {
	float: left;
	font-size: 9px;
	line-height: 14px;
	margin-bottom: 13px;
	}

.author {	
	float: left;
	font-size: 9px;
	font-style: italic;
	padding-left:10px;
	line-height: 14px;

}
.publishdate {
	float: left;
	font-size: 9px;
	font-style: italic;
	padding-left:10px;
	line-height: 14px;

}


.addPadding {
	padding-left: 5px;
	padding-right: 5px;
}

#document {
	background-image: url(-images/document.gif);
}

#site {
	background-image: url(-images/site.gif);
}

#page {
	background-image: url(-images/page.gif);
}




/* --------- contact ------------ */
.--------------------------- {}
.contact-box {
	margin-top: 5px;
	position: relative;
	float: left;
	clear: both;
	width: 460px;
	height: 125px;
}
.contact {
	font-size: 11px;
	color: #565423;
}
#mugshot {
	position: absolute;
	left: -110px;
	}
#nom {
	float: left;
	font-size: 16px;
	color: #000000;
	}

#titre {
	float: left;
	padding-left: 5px;
	color: #000000;
	line-height: 22px;
	font-style: italic;
	color: #7D7E67;

	}
#tel {
	clear: left;
	color: #7D7E67;
	}

#info {
	margin-top: 10px;
	color: #7D7E67;

}





/* --------- other ------------ */
.--------------------------- {}

a img {
	border: none;
	text-decoration: none;
}


/* --------------- F O R M U L A I R E (JB) -----------------------*/



.formContainer {
}


.form {
	float: left;
	clear: right;
	border-top: dotted 1px #CCCCCC;
	height: 25px;
	margin-top: 5px;
	width: 200px;
	padding-top: 5px;
}

.formContainer .texteIntro {
	clear: both;
	float: left;
	width: 450px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	margin-top: 5px;
	line-height: 18px;
	color: #7D7E67;




}
.formContainer .questions {
	
}
.formContainer .questions .question {
	
}
.formContainer .questions .question .title {
	clear: left;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	line-height: 18px;
	color: #7D7E67;
	width: 200px;
	border-top: dotted 1px #CCCCCC;
		
}
.formContainer .questions .question .form {
	
}
.formContainer .questions .question .form input {
	width: 150px;
	font-size: 10px;
	color: #000000;
	background-color: #F2F2F2;
}
.formContainer .commentaire {
	
}
.formContainer .commentaire .title {
	clear: left;
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 5px;
	line-height: 18px;
	color: #7D7E67;
	width: 200px;
	height: 120px;
	border-top: dotted 1px #CCCCCC;
	
}
.formContainer .commentaire .form {
	height: 120px;
}
.formContainer .commentaire .form textarea {
	width: 150px;
	height: 100px;
	font-size: 10px;
	color: #000000;
	background-color: #F2F2F2;
}
.formContainer .bouton {
	float: left;
	clear: both;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: solid 1px #CCCCCC;
	width: 450px;
	text-indent: 150px;

}
.formContainer .bouton input {
	
}





/* --------------- G A L L E R Y -----------------------*/
.--------------------------- GALLERY {}




.galleryContainer {

	width: 470px;
	float: left;
	clear:both;
}


.galleryImageBlock {
	float: left;
	padding: 5px;
	margin: 10px 10px 0px 0px;
	text-decoration: none;
	background-image: none;
	width: 110px;
}
.galleryImageBlock:hover {
	background-color: #F2F2F2;
	text-decoration: none;
}
.galleryImageBlock img {
	background-color:#FFFFFF;
	padding:4px; 
	border:1px solid #D4D4D4; 
}
.galleryImageTitle {
	font-size: 10px;
	color: #666666;
	text-align: center;
}



/* ----- EVENTS.CSS ------*/

.---------------------------EVENTS {}

.---------------------------event-tabs {}
/* ---------- nav ----------*/ 


.menu-primary-event {
	position: relative;
	left: -5px;
	top: 0px;
	height: 61px;
	background-image: url(../images/events/top.gif);
	width: 730px;
	border-top: solid 10px #000000;
	background-position: 0px 0px;
	}

.primaryEvent {
	float: left;
	width: 46px;
	height: 61px;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	text-decoration: none;
	}
	


a.primaryEvent:Link {
}

a.primaryEvent:visited {
}

a.primaryEvent:hover {
	background-position: 91px 0px;
	color: #FFFFFF;
}
	 


.primaryEvent-disable {
	float: left;
	width: 46px;
	height: 61px;
	font-size: 10px;
	text-align: center;
	line-height: 20px;
	color: #A0A252;
	text-decoration: none;
	}






.primaryEventActive {
	float: left;
	width: 46px;
	height: 61px;
	font-size: 10px;
	text-align: center;
	background-position: 45px 0px;
	line-height: 20px;
	color: #000000;
	text-decoration: none;
}

a.primaryEventActive:Link {
	color: #000000;
}

a.primaryEventActive:visited {
	color: #000000;
}


a.primaryEventActive:hover {
	color: #FFFFFF;
}


#event-Tab-01 {
	width: 215px;
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	padding-top: 25px;
	height: 36px;
}
#event-Tab-02 {
	background-image: url(../images/events/eventicon-list.gif);
}
#event-Tab-03 {
	background-image: url(../images/events/eventicon-month.gif);
}
#event-Tab-04 {
	background-image: url(../images/events/eventicon-day.gif);
}
#event-Tab-05 {
	background-image: url(../images/events/eventicon-event.gif);
}
#event-Tab-06 {
	margin-top: 15px;
	width: 170px;
	float: right
}
#event-Tab-07 {
	margin-top: 15px;
	width: 150px;
	float: right
}
/* ---------- head ----------*/ 
.---------------------------event-head {}


.even-head-box {
	width: 700px;
	height: 50px;
	margin-top: 10px;
	margin-left: 15px;
	text-align: center;
	background-image: url(../images/events/tab-background.gif);
}

.event-previous {
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	width: 25px;
	height: 20px;
	background-image: url(../images/events/previous.gif);
}
a.event-previous:hover {
	background-image: url(../images/events/previous-hover.gif);
}


.event-next {
	margin-top: 10px;
	float: left;
	width: 25px;
	height: 25px;
	background-image: url(../images/events/next.gif);
}

a.event-next:hover {
	background-image: url(../images/events/next-hover.gif);
}



.event-current {
	margin-top: 10px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	/*width: 300px;*/
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-repeat: no-repeat;
	background-position: 0px 7px;
	height: 20px;
	line-height: 24px;
}

.event-data {
	position: relative;
	float: left;
	margin-left:15px;
	width: 700px;
	background-image: url(../images/events/event-background.gif);
	background-repeat: repeat-x;
	display: table;
}


/* ---------- minitabs ----------*/ 
.---------------------------event-minitabs {}

.minitab-box {
	position: relative;
	float: left;
	font-size: 10px;
	width:500px;
	height: 20px;
	padding-left: 200px;
	}

.minitab {
	float: left;
	margin-left: -15px;
	width: 100px;
	height: 20px;
	line-height: 18px;
}

.minitab-Active {
	background-image: url(../images/events/minitab.gif);
	text-decoration: none;	
	}
a.minitab-Active:link {
	color: #000000;
}
a.minitab-Active:visted {
	color: #000000;
}



/* ---------- list ----------*/ 
.---------------------------event-lists {}


.event-list-title {
	font-size: 12px;
	font-weight: bold;
	height: 30px;
	text-align: left;
	line-height: 80px;
}

.event-list {
	float: left;
	width: 60px;
	height: 25px;
	font-size: 10px;
	background-image: url(../images/events/event-list.gif);
	margin-left:-1px;
}
	
.event-list-Active {
	float: left;
	width: 60px;
	height: 25px;
	font-size: 10px;
	background-image: url(../images/events/event-list-current.gif);
	margin-left:-1px;
	text-decoration: none;
	}

a.event-list-Active:visited {
	color: #333333;
}
a.event-list-Active:link {
	color: #333333;
}

	

#event-list-01 {
	margin-left:240px;
}
#event-list-02 {
}
#event-list-03 {
}
#event-list-04 {
}


.event-listitem {
	position: relative;
	left: 200px;
	float: left;
	border-bottom: dotted 1px #CCCCCC;
	width: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
	}


.event-list-thumbcol {
	float: left;
	width: 100px;
}

.event-list-info {
	float: left;
	width: 300px;
}


.event-list-thumb {
}
.event-list-name {
	padding-left: 15px;
	clear: both;
	float: left;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
}
.event-list-start {
	margin-top: 5px;
	padding-left: 15px;
	float: left;
	clear: left;
	font-size: 11px;
}
.event-list-end {
	margin-top: 5px;
	padding-left: 15px;
	font-size: 11px;
	float: left;
	background-image: url(../images/events/list-end.gif);
	background-repeat: no-repeat;
}
.event-list-location {
	padding-left: 15px;
	padding-top: 3px;
	clear: both;
	font-size: 11px;
}


/* ---------- day ----------*/ 
.---------------------------event-day {}

.event-day-item {
	float: left;
	position: relative;
	border-bottom: dotted 1px #CCCCCC;
	width: 575px;
	left: 125px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 10px;


}
.event-day-col1 {
	float: left;
	width: 200px;
	padding-bottom: 10px;

}


.event-day-colgroup {
	float: left;
	width: 375px;
	padding-bottom: 10px;}


.event-day-details {
	float: left;
	width: 375px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#event-day-horaire {
	background-color: #CCCCCC;
}

.event-day-col2 {
	float: left;
	width: 45px;

}
.event-day-col3 {
	float: left;
	width: 200px;

}
.event-day-col4 {
	float: left;
	width: 100px;

}

.event-day-name {
	padding-left: 15px;
	font-size: 16px;
	margin-bottom: 2px;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	}

.event-day-thumb {
	float: left;
	width: 75px;
	height: 75px;
	margin-left: 15px;
	}
.event-day-link {
}

.event-message {
	padding-top: 100px;
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	height: 100px;
	background-image: url(../images/events/event-background.gif);
	background-repeat: ;
	background-repeat: repeat-x;
	font-style: italic;
	font-weight: normal;
	color: #999999;
	text-align: center;
}


/* ---------- details ----------*/ 
.---------------------------event-details {}




/* ---------- description ----------*/ 




.event-description-detail {
	position: relative;
	float: left;
	width: 480px;
	height: 20px;
	margin-top: 20px;
	left: 200px;
	margin-bottom: 20px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 11px;
	color: #666666;
	padding-top: 5px;

}


/* ---------- horaires ----------*/ 

.event-horaire-box {
	margin-top: 10px;
}


.event-horaire-fullcol1 {
	float: left;
	width: 250px;
	}

.event-horaire-fullcol2 {
	float: left;
	width: 450px;
}


.event-horaire-item {

	float: left;
	border-bottom: dotted 1px #CCCCCC;
	width: 450px;
	padding-top: 10px;
	padding-bottom: 0px;
	font-size: 10px;
}

.event-horaire-col1 {
	float: left;
	width: 75px;
	padding-bottom: 10px;
	padding-top: 2px;
}

.event-horaire-colgroup {
	float: left;
	width: 375px;
	padding-bottom: 10px;
	}

.enent-horaire-details {
	float: left;
	width: 375px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.event-horaire-col2 {
	float: left;
	margin-left: 5px;
	width: 40px;
	clear: left;
}
.event-horaire-col3 {
	float: left;
	width: 200px;

}
.event-horaire-col4 {
	float: left;
	width: 100px;

}


/* ---------- bloc ----------*/ 

.bloc-id {
	margin-left: 390px;
	font-size: 9px;
	color: #999999;	
	}


.event-bloc-previous {
	margin-left: 200px;
	margin-top: 7px;
	float: left;
	width: 25px;
	height: 25px;
	background-image: url(../images/events/previous.gif);
}
a.event-bloc-previous:hover {
	background-image: url(../images/events/previous-hover.gif);
}
.event-bloc-current {
	float: left;
	margin-top: 8px;
	padding-top: 3px;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}

.event-bloc-next {
	float: left;
	margin-top: 7px;
	width: 25px;
	height: 25px;
	background-image: url(../images/events/next.gif);
}

a.event-bloc-next:hover {
	background-image: url(../images/events/next-hover.gif);
}



.event-bloc-detail {
	position: relative;
	left: 200px;
	float: left;
	width: 480px;
	height: 20px;
	margin-bottom: 10px;
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 11px;
	color: #666666;
	padding-top: 5px;
}



.event-bloc-date {
	float: left;
	padding-left: 15px;
}

.event-bloc-date-end {
	float: left;
	background-image: url(../images/events/list-end.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
}

.event-bloc-start {
	float: left;
	padding-left: 20px;
}
.event-bloc-end {
	float: left;
	background-image: url(../images/events/list-end.gif);
	padding-left: 10px;
	background-repeat: no-repeat;
}
.event-bloc-location {
	float: left;
	padding-left: 20px;
}
.event-bloc-address {
	float: left;
	padding-left: 5px;
}


/* ---------- volunteer ----------*/ 
.---------------------------event-volunteer {}




/* ---------- grille ----------*/ 
.---------------------------event-grille {}


#grille {
	width: 700px;
	}
.grid-day {
	float: left;
	width: 100px;
}


#grid-lable {
	text-indent: 2px;
}

.grid-week {
	float: left;
   width: 700px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.grid-day-box {
	float: left;
	clear: both;
}


.grid-day-current {
	float: left;
	height: 100%;
	width:100px;
	background-image: url(../images/cal-background.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	text-decoration: none;
	/*text-align: center;*/
}

a.grid-day-current:hover {
	background-color: #EBEBEB;
	background-image: none;
}


.grid-day-current-today {
	float: left;
	height: 100%;
	width:100px;
	background-image: url(../images/cal-background-today.gif);
	background-repeat: no-repeat;
	font-size: 10px;
	text-decoration: none;
	/*text-align: center;*/
}




.grid-date {
	margin-left: 1px;
	font-size: 10px;
	padding: 2px;
}




.grid-event {
	position: relative;
	float: left;
	width: 80px;
	margin-left: 5px;
	margin-right: 0px;
	background-repeat: no-repeat;
	background-position: 0px 4px;
	padding-top: 3px;
	padding-left: 12px;
	padding-bottom:3px;
	line-height: 10px;
	border-bottom: dotted 1px #cccccc;
	display: table;
	text-align: left;
}

.grid-minheight {
	height: 75px;
	width: 1px;
	float:left;
}


#grid-lable {
	font-size: 9px;
	margin-bottom: 10px;
	margin-top: 10px;

}

#grid-sector {
	background-image: url(../images/events/sector1.gif);
	background-color: #F5F5F5;
}

#grid-sector1 {
	background-image: url(../images/events/sector1.gif);
}
#grid-sector2 {
	background-image: url(../images/events/sector2.gif);
}
#grid-sector3 {
	background-image: url(../images/events/sector3.gif);
}
#grid-sector4 {
	background-image: url(../images/events/sector4.gif);
}
#grid-sector5 {
	background-image: url(../images/events/sector5.gif);
}
#grid-sector6 {
	background-image: url(../images/events/sector6.gif);
}
#grid-sector7 {
	background-image: url(../images/events/sector7.gif);
}
#grid-sector8 {
	background-image: url(../images/events/sector8.gif);
}






.legend-box {
	position: relative;
	clear: both;
	height: 30px;
	top: 25px;
	font-size: 10px;
	width: 720px;
	display: table;
	padding-top: px;
	border-top:solid 1px #000000;

	}


.legend {
	float: left;
	margin-top: 8px;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 13px;
	background-repeat: no-repeat;
	color: #999999;
	
	}
	
	
	
#legend-title {
	color: #000000;
	}



.---------------------------mini grid {}

/* ---------- mini grid ----------*/ 


.minigrid-box {
	width:220px;
	}
.minigrid-head {
	float: left;
	width:210px;
}


.minigrid-previous {
	margin-top: 7px;
	margin-left: 30px;
	float: left;
	width: 25px;
	height: 25px;
	background-image: url(../images/events/previous.gif);
}

a.minigrid-previous:hover {
	background-image: url(../images/events/previous-hover.gif);
	}

.minigrid-month {
	float: left;
	margin-top: 7px;
	height: 25px;
	width: 100px;
	text-align: center;
	line-height: 22px;
}





.minigrid-next {
	float: left;
	margin-top: 7px;
	width: 25px;
	height: 25px;
	background-image: url(../images/events/next.gif);
}
a.minigrid-next:hover {
	background-image: url(../images/events/next-hover.gif);

}


.minigrid-daylable {
	float: left;
	height: 15px;
	width: 30px;
	font-size: 9px;
	color: #999999;
}

.minigrid-day {
	float: left;
	width:31px;
	height: 31px;
	background-image: url(../images/events/minigrid.gif);
	text-align: center;
	color: #CCCCCC;
	font-size: 10px;
	line-height: 30px;
	margin-top: -1px;
	margin-left: -1px;

}

#minigrid-active {
	background-color: #B8B959;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 30px;

}
.minigrid-today {
	background-image: url(../images/events/minigrid-today.gif);
}





.---------------------------event-calendar TRANSiTiON CODE TEMP {}


.calendar-box {
	margin-top: 10px;

	}


.even-head-box {
	background-color: #CCCCCC;
}

.grid-sort {
	width: 200px;
	height: 50px;
	float: right;
	display: table;
	font-size: 10px;
	margin-right: 10px;
}


.grid-class {
	float: right;
	margin-top: 3px;
	}

.grid-sector {
	float: right;
}








.---------------------------event-calendar OLD {}



/* ---------- calendar old ----------*/ 

.calendar-box {
 	position: relative;
	float: left;
	clear: both;
    width: 725px;
    background-color: #FFFFFF;
    text-align: left;
    display: table;
}	


.event-class-filter {
	position: absolute;
	top: 50px;
	left: 30px;
	width: 300px;
}

.event-dateselector {
	position: absolute;
	top: 5px;
	left: 300px;
	width: 200px;


}
.week {
	float: left;
   width: 725px;
	margin-top: 5px;
	margin-bottom: 5px;
}


.day {
	float: left;
	width: 100px;
	margin: 1px;
}
.day-current {
	float: left;
	height: 100%;
	width:100px;
	margin: 1px;
	background-image: url(../images/cal-background.gif);
	background-repeat: no-repeat;
}

.day-current-today {
	float: left;
	height: 100%;
	width: 100px;
	margin: 1px;
	background-image: url(../images/cal-background-today.gif);
	background-repeat: no-repeat;
}

#day-lable {
	font-size: 9px;
	margin-bottom: 10px;
	margin-top: 10px;

}

.cal-date {
	font-size: 10px;
	padding: 2px;
}
.cal-minheight {
	height: 75px;
	width: 1px;
	float:left;
}

.cal-event {
	margin-top: 5px;
	padding-left: 10px;
	font-size: 9px;
	padding: 4px;
	float: right;
	width: 80px;
	line-height: 12px;
	color: #999999;
}



a.sectorLink:link {
	text-decoration: underline;
	font-size: 8px;
	margin-left: 10px;
	}

#sector1 { /*AFY*/
	background-color: #F6F6F6;
}
#sector2 { /*Aurore boreal*/
	background-color: #F0FFE6;
}
#sector3 { /*Culturel*/
	background-color: #F0FFE6;
}
#sector4 { /*immigration*/
	background-color: #F0FFE6;
}
#sector5 { /*jeunesse*/
	background-color: #F0FFE6;
}
#sector6 { /*SOFA*/
	background-color: #F0FFE6;
}
#sector7 { /*RDEE*/
	background-color: #F0FFE6;
}
#sector0 { /*Repertoire*/
	background-color: #F0FFE6;
}

.container {
	border: 1px solid red;
}


/* ---------- event listing ----------*/ 

.eventListing-box{}


/* ---------- event Descripton----------*/ 





.event-description-box {
	position: relative;
	float: left;
	width: 475px;
	text-align: left;
	clear: both;
	border: solid 1px #cccccc;
	margin-bottom: 20px;
	border: solid 1px#CCCCCC;
	displaty: table;
	}

.eventhead-box {
	position: relative;
	}

.event-info {
	float: left;
	background-color: #757678;
	width: 470px;
	display: table;
	color: #FFFFFF;
	height: 44px;
}

.event-info-details {
	position: relative;
	float: left;
	clear: both;
	width: 470px;
	display: table;
	color: #FFFFFF;
	height: 50px;
}



.event-start {
	margin-top: 5px;
	float: left;
	margin-left: 5px;
	margin-bottom: 3px;
	margin-right: 2px; 
}

.event-end {
	margin-top: 5px;
	float: left;
	padding-left: 10px;
	background-image: url(../images/events/ndash.gif);
	background-repeat: no-repeat;
}

.event-ebloc-lieux {
	float: left;
	clear: left;
	margin-left: 5px;
	margin-right: 5px;
	color: #000000;
	}

.event-ebloc-adresse{
	border-left: solid 1px #CCCCCC;
	padding-left: 10px;
	float: left;
	margin-left: 5px;
	color: #000000;

	}
.event-ebloc-time-start {
	margin-top: 5px;
	float: left;
	margin-left: 5px;
	color: #000000;
}

.event-ebloc-time-end {
	margin-top: 5px;
	float: left;
	margin-left: 5px;
	color: #000000;
}

.event-tab {
	padding-top: 20px;
	position: absolute;
	height: 9px;
	width: 30px;
	left: -30px;
	top: 0px;
	font-size: 9px;
}

#event-tab-cal {}

#event-tab-list {
	top: 30px;
}

a.event-tab:hover {
	background-color: #626366;
}

.event-nav {
	position: relative;
	top: 15px;
	float:left;
	width: 20px;
	height: 20px;
	margin: 5px;
}

#event-detail-previous {
	background-image: url(../images/events/previous.gif);
}

#event-detail-previous-disabled {
	background-image: url(../images/events/previous-disable.gif);
}


a#event-detail-previous:hover {
	background-image: url(../images/events/previous-hover.gif);
}


#event-detail-next {
	background-image: url(../images/events/next.gif);
}

#event-detail-next-disabled {
	background-image: url(../images/events/next-disable.gif);
}

a#event-detail-next:hover {
	background-image: url(../images/events/next-hover.gif);
}


#event-detail-close {
	float: right;
	margin-right: 244px;
	background-image: url(../images/events/close.gif);
}

a#event-detail-close:hover {
	background-image: url(../images/events/close-hover.gif);
}





.event-titre {
	margin-left: 5px;
	margin-top: 5px;
	float:left;
	font-size: 20px;
	color: #00000;
}



.event-box {
	text-align: left;
	width: 470px;
	background-color: #FFFFFF;



}
.event-day {
	margin-top: 5px;
	border-top: solid 1px #cccccc;
	padding-top: 5px;
	height: auto;
	display: table;
}

.event-col {
	float: left;
	font-size: 10px;
}
#event-col1 {
	width: 100px;
	}
	
#event-col2 {
	width: 50px;
	}
	
#event-col3 {
	width: 200px;
	}
	
#event-col4 {
	width: 100px;
	}

a.eventlink:link{
	text-decoration: underline;
	
}




/* ---------- e-bloc ----------*/ 


.event-detail-navbox {
	float: left;
	clear: both;
	position: relative;
	height: 44px;
	width: 470px;
	z-index: 20;
	background-image: url(../images/events/tab-details.gif);
	}

.event-detail-time {
	margin-top: 25px;
	padding-left: 5px;
	float: left;
	color: #000000;
	border-left: solid 1px #CCCCCC;
}
.event-detail-date {
	margin-top: 25px;
	float: left;
	margin-right: 5px;
}

.ebloc {
	padding: 10px;
	border: 2px dashed #CC0000;
}

.event-horaire {
	margin-top: 15px;
	padding-left: 5px;	width: 460px;
	background-color: #CCCCCC;
	}




/* --------------- VOLUNTEERS BADGE -----------------------*/

.-------------------- VOLUNTEERSS {}

#benevoleTag {
	width: 200px;
	height: 50px;
	cursor: pointer;
	background-repeat: no-repeat;
	margin-top: 20px;
}
.benevoleTag-fr-Off {
	background-image: url(../images/template/benevoles-fr-off.gif);
}
.benevoleTag-fr-On {
	background-image: url(../images/template/benevoles-fr-on.gif);
}
.benevoleTag-en-Off {
	background-image: url(../images/template/benevoles-en-off.gif);
}
.benevoleTag-en-On {
	background-image: url(../images/template/benevoles-en-on.gif);
}


/* ---------------------  Menu (GALLERY) ---------------------------*/
.--------------------  MENU_GALLERY {}

.menu-gallery {
	position: relative;
	width: 470px;
	margin-right:5px;
}



.gallery {
	margin-top: 15px;
	position: relative;
	float:left;
	width:100px;
	height: 175px;
	margin-left: 10px;
	font-size: 10px;
	}
	
	
.thumbnail {
	margin-top: 5px;
	min-height: 100px;
	top: 20px;
	left: 0px;
	font-size: 0px;
	background-color: #D7D158;
	border: solid 1px #cccccc;

}
	
	
.breif {
	padding-top: 5px;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
}

.menu-inset-gallery {
	position: absolute;
	left: 550px;
	width: 200px;
	}

.--------------------------- {}
.menu-inset {
	float: left;
	margin-left:10px;
	width: 220px;
}
.inset  {
	float: left;
	margin-left: 5px;
	height: 15px;
	width: 220px;
	height: 20px;
}


/* ---------------------  Menu 0 (T A B S) ---------------------------*/
.--------------------  MENU_0_TABS {}


.tab {
	float:left;
	margin-top:23px;
	width:70px;
	height: 17px;
	background-image: url(../images/template/tab.gif);
	padding-left: 0px;
	padding-right: 0px;
	font-size: 11px;
	line-height: 16px;
}
.tab-space {
	float:left;
	margin-top:23px;
	width: 11px;
	height: 17px;
	background-image: url(../images/template/tab-space.gif);
	font-size: 0px;
}
a.tab:link {
	color: #5C81AD;
}

a.tab:visited {
	color: #5C81AD;
}

a.tab:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-position: -100px 0px;	
}	
#tab-space0 {
	background-image: none;
}
#tab0 {
	margin-top:5px;
	height: 25px;
	width: 50px;
	background-image: url(../images/template/logo-afy.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-top: 8px;
	text-align: left;
	color: #FFFFFF;
}
	
#tab-space1 {
	background-image: url(../images/template/tab-leftend.gif);
}

#tab1 {
	width:90px;
}


#tab-space8 {
	background-image: url(../images/template/tab-rightend.gif);
}

#forum {
	float: right;
	background-image: none;
	color:  #FFFFFF;
	text-align: right;
	padding-right: 10px;
}




/* ---------------------  Menu 1 (S E C T E U R)  --------------------*/
.-------------------- MENU_1_SECTEUR {}

/* ----- brand ------*/


.brand-box {
	position: absolute;
	left: 15px;
	background-repeat: no-repeat;
}

a.brand-box:hover {
	background-position: -250px 0px;
	text-decoration: none;
}


/* ----- specific ------*/


/* ----- promo ------*/


/* ----- utils ------*/
.----------- {}
.utils-box{
	position: absolute;
	left: 645px;
	top:15px;
	width: 100px;
	height: 110px;
	font-size: 10px;

}
.utils {
	float: left;
	width:100px;
	text-indent: 25px;
	background-repeat: no-repeat;
	height: 17px;
	line-height: 16px;
}

a.utils:visited {
	text-decoration: none;
	color: #000000;
}

a.utils:link {
	text-decoration: none;
	color: #000000;
}
a.utils:hover {
	background-position: -100px 0px;
	text-decoration: none;
	color: #FFFFFF;
}

#language {
	height: 17px;
	width: 75px;
	background-image: url(../images/template/language.gif);
	visibility: visible;
}	


#search {
	margin-top: 43px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	height: 17px;	
	background-image: url(../images/template/search.gif);

}
#sitemap {
	margin-top: 3px;
	background-image: url(../images/template/sitemap.gif);
}
#contacts {
	background-image: url(../images/template/contact.gif);
}





/* ---------------------  Menu 2 (P R i M A R Y)   --------------------*/
.-------------------- MENU_2_PRiMARY {}

.menu-primary {
	position: relative;
	float: left;
	border-top: 10px solid #000000;
	top: 0px;
	left: 0px;
	width: 730px;
	height: 40px;
	background-color: #000000;
	padding-bottom: 8px;


}

.primary {
	position: absolute;
	width:109px;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	border-left:1px dotted #46431C;
	border-right:1px dotted #46431C;
	height: 35px;
	line-height: 16px;



}
a.primary:visited {
	color: #AAA859;
}
a.primary:link {
	color: #AAA859;
}

a.primary:hover {
	top: -1px;
	text-decoration: none;
	margin-left:1px;
	border-left:none;
	border-right:none;
	border-top:1px dotted #46431C;
	color: #FFFFFF;
	height: 54px;
	background-image: url(-images/primary.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.primaryActive {
	position: absolute;
	width:109px;
	font-size: 12px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	border-left:1px dotted #46431C;
	border-right:1px dotted #46431C;
	height: 35px;
	line-height: 16px;
	
	top: -1px;
	text-decoration: none;
	margin-left:1px;
	border-left:none;
	border-right:none;
	border-top:1px dotted #46431C;
	color: #FFFFFF;
	height: 54px;
	background-image: url(-images/primary.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

a.primaryActive:visited {
	color: #FFFFFF;
	text-decoration: none;
	}

a.primaryActive:link {
	color: #FFFFFF;
	text-decoration: none;
	}

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



#primary-01{	
	left: 255px;
}
#primary-02{
	left: 375px;
	width:114px;
}
#primary-03{
	left: 500px;
}
#primary-04{
	left: 620px;
	width:98px;
	
}
#primary-05{	
	left: 135px;
}
#primary-06{
	left: 0px;
	width:124px;

}


.primary-thumbnail {
	position:absolute;
	top:48px;
	left:-1px;
	border-left: 1px solid #3C3216;
	padding-top: 10px;
	margin-left: 0px;
	height: auto;
	width:100px;
	display: table;
}

.primary-breif{
	margin-left: -1px;
	width:95px;
	border-left: 1px solid #3C3216;
	float:left;
	padding-left: 5px;
	font-size: 9px;
	font-weight: normal;
	color: #000000;

}

/* ---------------------  extended   --------------------*/
.-------------------- {}

/*

.menu-extended {
	position:absolute;
	left:620px;
	top: -48px;
	border-left: solid 1px #000000;
	width: 109px;
	font-size: 10px;
	text-decoration: none;
	height:300px;
	z-index: 10;
	background-image: url(-images/extra.gif);
	background-position: -1px 0px;
}


.titre-extended {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	font-size: 12px;
	color: #958A40;
	line-height: 16px;
}


.extended {
	float:left;
	margin-left: 10px;
	height: 22px;
	width: 99px;
	margin-top:1px;
	border-top:1px dotted	 #F3F1CF;
	line-height: 22px;
}
a.extended:visited {
	color: #565423;
}

a.extended:link{
	color: #565423;
}



#extendedActive {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
}

a.extended:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	margin-left: 0px;
	padding-left: 10px;
	background-image: url(-images/pointer-extra.gif);
	background-repeat: no-repeat;
	background-position: left center;
}



/* ---------------------  Menu 3 (H O R i S O N T A L)   --------------------*/
.-------------------- MENU_3_HORiSONTAL{}



.titre-section {
	position:relative;
	width: 225px;
	float: left;
	height: 20px;
	font-size: 15px;
	left: 15px;
	padding-top:30px;
	padding-right:475px;
	margin-bottom:10px;
	text-align:right;
	border-bottom: 1px solid #000000;
	color: #7D7E67;
}

.menu-horisontal {
	position: absolute;
	left: 235px;
	height:0px;
	width: 475px;
	top: 30px;
	font-size: 11px;
	text-align: center;
	}
		
.horisontal {
	float:left;
	position:relative;
	height: 21px;
	padding-left:10px;
	padding-right:10px;
	background-repeat: repeat-x;
	line-height: 20px;
	}
.horisontal-divider {
	float:left;
	position:relative;
	height: 21px;
	width:16px;
	}




/* ---------------------  Menu 4 (V E R T i C A L)   --------------------*/
.-------------------- MENU_4_VERTiCAL{}

.menu-vertical-container {
	position: relative;
	float: left;
	clear: left;
	width: 245px;
	font-size: 0px; /* for ie */
	line-height: 0px; /* for ie */	
}


.menu-vertical {
	position: relative;
	top: 0px;
	float:left;
	clear: left;
	width:245px;
}
.vertical {
	float: right;
	width:220px;
	height: auto;
	padding-top:6px;
	padding-bottom:8px;
	padding-left:5px;
	padding-right: 20px;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 15px;
	font-size: 11px;
}
a.vertical:hover{
	background-image: url(../images/template/pointer-gray.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#verticalActive {
	background-color: #EBE4D8;
	color: #666666;
	background-image: url(../images/template/pointer.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.date {
	font-size: 9px;
	color: #7D7E67;
	text-decoration: none;
}

.menuvertical-text {}

.menuvertical-logo {
	float: left;
	width: 25px;
	height: 25px;
	background-color: #999999;
	margin-right: 5px;	}

#logo-secteur1 {
	background-image: url(../images/template/icon-1.gif);
}
#logo-secteur2 {
	background-image: url(../images/template/icon-2.gif);
}
#logo-secteur3 {
	background-image: url(../images/template/icon-3.gif);
}
#logo-secteur4 {
	background-image: url(../images/template/icon-4.gif);
}
#logo-secteur5 {
	background-image: url(../images/template/icon-5.gif);
}
#logo-secteur6 {
	background-image: url(../images/template/icon-6.gif);
}
#logo-secteur7 {
	background-image: url(../images/template/icon-7.gif);
}
#logo-secteur8 {
	background-image: url(../images/template/icon-8.gif);
}



/* ---------------------  Menu 4 (Y E A R S)   --------------------*/
.-------------------- MENU_4_YEARS{}

.menu-year {
	position: relative;
	float: left;
	margin-top: 10px;
	left: 0px;
	width:245px;
	text-align: left;
	height: auto
}
.year {
	float: left;
	width:25px;
	height: 22px;
	padding-right: 5px;
	padding-left: 5px;
	border-right: 1px dotted #999999;
	line-height: 20px;
}

#yearActive {
	background-color: #D5CEC4;
	color: #000000;
}




/* ---------------------  E X T R A   --------------------*/

.-------------------- EXTRA{}
.extra {
	position: relative;
	width: 730px;
	display: table;
}

.extra-bloc1 {
	position: relative;
	float: right;
	width: 480px;
	display: table;
}

.extra-bloc2 {
	position: relative;
	float: left;
	width: 240px;
	display: block;

}



/* ----------------- intro */

.------------ intro{}
.extra-intro {
	position: relative;
	float: right;
	width: 480px;
	display: table;
}


.intro-title {
	position: relative;
	color: #193857;
	font-size: 28px;
}

.intro-subtitle {
	color: #ebebc0;
}

.intro-text {
	color: #666666;
	font-size: 14px;
	line-height: 20px;
}


/* ----------------- news */

.extra-newsothers {
	position: relative;
}


.------------ news{}


.extra-news {
	float: left;
	width: 480px;
	display: table;

}


.news-head {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top: 25px;
	margin-bottom:5px;
}


.news-contentbox {
	position: relative;
	display: table;
	}


.news-item {
	width: 150px;
	margin-right: 7px;
	float: left;
	border-left: solid 1px #666666;
	display: table;
}


.news-date {
	color: #999999;
	font-size: 9px;
	line-height: 12px;
}



.news-title {
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
}


.news-short {
	/* position: relative; */
	font-size: 10px;
	margin-bottom:20px;
	color: #666666;
	line-height: 14px;
	padding-left: 5px;
}









/* ----------------- all events */
.------------- all events {}


.extra-allevents {
	position: relative;
	float: left;
	clear: none;
	top: 0px;
	margin-top: 0px;
	width: 190px;
	display: table;
	padding-left: 50px;
}



.------------ current event{}

.extra-currentevent {
	padding-top:30px;
	position: relative;
	margin-top: 5px;
}


.curentevent-head {
	margin-left:10px;
	font-size: 12px;
	font-weight: bold;
	width:140px;
	color: #193857;
}
.currentevent-item {
	margin-top:5px;
	border-bottom: solid 1px #CCCCCC;
	padding-bottom: 5px;
	position: relative;
	width:150px;
	margin-left: 10px;
	display: table;
}


.currentevent-thumb {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	top: 0px;
	margin-right: 5px;
	background-color: #999999;	

}


.currentevent-title {
	position: relative;
	float: right;
	width: 100px;
	padding-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
}

.currentevent-ebloc {
	position: relative;
	float: right;
	width: 100px;
}

	
.currentevent-eblocitem {
	float: left;
	clear: left;
	border-top: dotted 1px #AAAAAA;	
	padding-top: 2px;
	padding-bottom: 2px;
}

.currentevent-time {
	font-size: 9px;
	color: #999999;
	float: left;
	padding-right: 3px;
	width: 30px;
	}
.currentevent-ebloctitle {
	font-size: 9px;
	width: 65px;
	float: right;
	}



.------------ comming event{}

.extra-commingevent {
	padding-top:30px;
	margin-top:50px;
	clear: both;
	margin-top: 5px;
	padding-bottom:30px;
}

.commingevent-head {
	margin-left:10px;
	font-size: 12px;
	font-weight: bold;
	width:140px;
	color: #193857;
}

.commingevent-row {
	display: table;}

.commingevent-item {
	margin-top:5px;
	margin-bottom:10px;
	position: relative;
	width:150px;
	margin-left: 10px;
	display: table;
}

.commingevent-date {
	margin-left: 45px;
	font-size: 10px;
	color: #999999;
}
.commingevent-thumb {
	position: relative;
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
	background-color: #999999;	

}
.commingevent-title {
	position: relative;
	float: right;
	width: 105px;
	font-size: 10px;
}





/* ----------------- others */

.------------ other{}
.extra-others {
	position: relative;
	float: left;
	width: 175px;
	display: table;
}




.------------ date{
}
.extra-date {
	position: relative;
	margin-top: 82px;
	background-color: #660031;
	border-top: solid 1px #999999;
	border-bottom: solid 1px #999999;
	width: 175px;
	display: table;
}
.extra-date-location {
	position: relative;
	margin-left: 10px;
	height: 15px;
	float: left;
	font-size: 10px;
	line-height: 20px;
	color: #A58A9F;
}

.extra-date-time {
	position: relative;
	float: left;
	padding-left: 5px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
}





.------------ mini contact {
}
.extra-minicontact {
	position: relative;
	float: left;
	clear: both;
	margin-top: 5px;
}


.minicontact-head {
	margin-top: 20px;
	font-size: 12px;
	font-weight: bold;
	color: #193857;
	line-height: 12px;
}

.minicontact-contentbox {
	border: 3px solid #660031;
}

.minicontact-item {
	margin-top:5px;
	padding-bottom: 5px;
	position: relative;
	width:165px;
	margin-left: 5px;
	display: table;
}


.minicontact-thumb {
	position: relative;
	float: left;
	top: 3px;
	width: 40px;
	height: 40px;
	background-color: #999999;	
	margin-right: 5px;
}

.minicontact-info {
	float: left;
	width: 120px;
}



.minicontact-name {
	font-size: 12px;
}




.minicontact-title {
	position: relative;
	font-size: 9px;
	color: #8E5875;
	font-style: italic;
}





.------------ ad{}
.extra-ad {
	position: absolute;
	float: left;
	clear: both;
	margin-top: 5px;
	background-color: #FFFF00;
	width: 100px;
	height: 50px;
}








/* --------------- S P O N S O R S -----------------------*/
.-------------------- SPONSORS {}








.thanksnote {
	float: left;
	margin-left: 15px;
	width: 250px;
	clear: left;
	font-size: 9px;
}

.sponsornote {
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	padding-left: 10px;
	border-left: solid 1px #CCCCCC;
	width: 100px;
}

.sponsorbox {
	float: left;
	width: 330px;
}



.sponsor {
	float: left;
	width:175px;
	height:22px;
	margin-top:15px;
	}


.sponsor:hover {
	background-position: -175px 0px;
}


#sponsor1 {
	width: 95px;
	background-image: url(../images/template/sponsor-canada.gif);
}

#sponsor2 {
	width: 70px;
	background-image: url(../images/template/sponsor-yukongov.gif);
}

#sponsor3 {
	width: 160px;
	background-image: url(../images/template/sponsor-citizen.gif);
}

#sponsor4 {
	background-image: url(../images/template/sponsor-industrie.gif);
}

#sponsor5 {
	background-image: url(../images/template/sponsor-afy.gif);
}




/* --------------- R S S-----------------------*/
.-------------------- RSS {}

.rssbar {
	background-color: #FDE8D3;
	width: 730px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: solid 1px #193857;
	margin-left: 15px;
}

.rss {
	background-image: url(../images/template/rss.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	}
	
a.rss:visited {
	color:#000000
	text-decoration: none;
	}

a.rss:link {
	color:#000000;
	text-decoration: none;
	}
	
a.rss:hover {
	color:#CC6633;
	text-decoration: none;
	}
	

/* --------------- RSS - FEEDS PAGE -----------------------*/
.-------------------- RSS {}

td.rssBadge {
	background-color: #FFFFFF;
	text-align: center;
}
td.rssBadgeAll {
	background-color: #D3FFB3;
	text-align: center;
}
td.secteurBadge {
	color: #333333;
}
td.typeBadge {
	color: #516E9E;
	font-size: 10px;
	width: 20%;
	text-align: center;
	font-weight: bold;
}
.generalRSSTable td {
	height: 30px;
}


/* --------------- SiTEMAP -----------------------*/
.-------------------- SiTEMAP {}









.menuLevel-1-container {
	clear: both;
	width: 470px;
	margin-top: 10px;
	background-image: url(../images/template/sitemap-ver.gif);
	background-repeat: repeat-y;
}

.menuLevel-2-container {
	margin-left: 20px;
	background-image: url(../images/template/sitemap-ver.gif);
	background-repeat: repeat-y;
	margin-left: 30px;
}

.menuLevel-3-container {
	margin-left: 20px;
	background-image: url(../images/template/sitemap-ver.gif);
	background-repeat: repeat-y;}

.menuLevel-4-container {
	margin-left: 20px;
}

.menuLevel-1-container .menuTitle a {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
	padding-left: 20px;
	color: #000000;
	display: block;
	background-image: url(../images/template/sitemap-hor.gif);
	background-repeat: no-repeat;
}

.menuLevel-2-container .menuTitle a {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	color: #000000;
	display: block;
}

.menuLevel-3-container .menuTitle a {
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	color: #000000;
	display: block;
	padding-bottom: 2px;
}




.pageTitle a {
	color: #7D7E67;
	font-size: 10px;
	display: block;
	padding-left: 10px;
	margin-left: 10px;
	background-image: url(../images/template/sitemap-hor-2.gif);
	background-repeat: no-repeat;
	height: 14px;
}

/* --------------- SEARCH -----------------------*/
.-------------------- SEARCH {}





#resultMainTitle {
	MARGIN-TOP: 20px;
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	width: 470px;
}
.resultBlock {
	margin-top: 10px;
	width: 470px;

}
.resultBlock a {
	margin-left: 65px;
	color: #237ac4;
}
.resultTitle-1 {
	background-image: url(../images/template/search-1.gif);
	background-repeat: no-repeat;
}
.resultTitle-2 {
	background-image: url(../images/template/search-2.gif);
	background-repeat: no-repeat;
}
.resultTitle-3 {
	background-image: url(../images/template/search-3.gif);
	background-repeat: no-repeat;
}
.resultTitle-4 {
	background-image: url(../images/template/search-4.gif);
	background-repeat: no-repeat;
}
.resultTitle-5 {
	background-image: url(../images/template/search-5.gif);
	background-repeat: no-repeat;
}
.resultAbstract {
	margin-left: 65px;
	color: #7D7E67;
	
}
.websiteLabel {
	color: #993300;
	font-weight: normal;
	float: left;
	width: 60px;
	font-size: 10px;	
}