html{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	font-size: 12px;
	line-height: 18px;
	text-align: justify;
	color: #000;}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div, span{border:0; margin:0; padding:0;}

body#main{
	text-align:center;
	background: #FFF url(Gx/bg.gif) repeat-x top;
}
#bggris{background-color: #e3e3e3;}

h1{
	color: #06b9d4;
	font-size: 19px;
	text-align: left;
	font-weight: bold;
	display: block;}


h3{
	background: #F9F9F9;
	display: block;
	height: 35px;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	text-indent: 11px;
	color: #4b4b4b;
	text-align: left;
}
h2{
	background: #e3e3e3;
	display: block;
	font-size: 15px;
	font-weight: bold;
	line-height: 35px;
	/*text-indent: 11px;*/
	color: #4b4b4b;
	text-align: left;
}
h2 span{
	padding: 0 11px;
	display: block;
}
h2.sousmenu{
	background: none;
	display: block;
	height: auto;
	line-height: normal;
	font-size: 15px;
	font-weight: bold;
	color: #06b9d4;
	text-align: left;	
	text-indent: 0px;
}
.color1{
	background: #f9f9f9;
	color: #9d9f9f;
}
.color2{
	background: #adb88f;
	color: #FFF;
}

a ,a:link, a:visited{
	font-weight: normal;
	text-decoration: underline;
	color: #000;
	outline: none;}
a:hover{
color: #737e55;
}
a.link2 ,a.link2:link, a.link2:visited{
	color: #038db7;
	font-weight: bold;
	text-decoration: none;
}
a.link2:hover{
	color: #CCC;}	
	
a.link3 ,a.link3:link, a.link3:visited{
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
a.link3:hover{
	color: #737e55;}		
a.link4 ,a.link4:link, a.link4:visited{
	color: #000;
}
a.link4:hover{
	color: #737e55;
	}	
		
a.link5 ,a.link5:link, a.link5:visited{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px; 
}
a.link5:hover{
	color: #737e55;}
	
a.link6, a.link6:link, a.link6:visited{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;		
	position: relative;
	z-index: 50;
}
a.link6:hover{
	text-decoration: none	
}
	
a.link7, a.link7:link, a.link7:visited{
	color: #FFF;;
	background: #06b9d4;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	padding: 0 15px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;	}
a.link7:hover{
	background: #12d9f6;}
	
	
a.false{
	cursor: default;
	text-decoration: none;
	font-weight: normal;
}	

#container{
	background: transparent url(Gx/bg_container.jpg) no-repeat top center;
	margin: 0 auto 0 auto;
	width: 1000px;}

#header{
	position: relative;
	width: 1000px;
	/*height: 248px;*/
	height: 150px;
	overflow: hidden }
#header .bg{
	position: absolute;
	top: 210px;
	left: 697px;
	width: 285px;
	height: 38px;
	background: url(Gx/bg_header.png) repeat;
}
	
#middle{
	background: none;
	height: 245px;
}	

#content{
	background: url(Gx/bg_content.gif) no-repeat 245px 0px;
	width: 1000px;
	margin: 4px 0 0 0;
	text-align: left;
}
	
#quartierdelasantedemontreal{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(Gx/quartier_de_la_sante_de_montreal.png) no-repeat left top;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width: 255px;
	height: 161px;
	cursor: pointer;
}

#contenu{
	background: #FFF;
	text-align: left;}

.innerleft{
	float: left;
	width: 350px;}

.left{
	float: left;
	width: 252px;	}

.left .inner{
	padding: 0 40px 0 0;
	text-align: center;
}
.left .inner img{
	display: block;
	margin: 0 auto 0 auto;
}

.right{
	float: right;
	width: 745px;	/*  702px  */	}

	
.innerlefthome{
	float: left;
	background: none;
	width: 442px;}	
.innerlefthome .img{
	float: left;
	background: none;
	width: 135px;}	
.innerlefthome .txt{
	color: #038db7;
	float: right;
	background: none;
	width: 260px;}
.innerrighthome{
	position: relative;
	background: #bbc4a2;
	float: left;
	width: 285px;
	font-size: 12px;}	
.innerrighthome img{
	position: absolute;
	top: -11px;
	left: 0px;
	z-index: 10;}
.innerlefthome .inner2{
	padding: 0 22px 0 10px;}
.innerrighthome .inner2{
	padding: 0 32px 0 16px;}	
	

.texte{
	padding: 0 25px 0 18px;}
	
.texte ul{
	margin: 0 0 0 20px;
	list-style-type: disc; 
}	

.infocontacPop{
	display: none; }

#menutop{
	background: #000;
	width: 1000px;
	height: 23px;
	overflow: hidden;}
#menutop ul{
	list-style-type: none;	}
#menutop li{
	display: block;
	float: right;
	padding: 0 0 0 1px;		}
#menutop a, #menutop a:link, #menutop a:visited{
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	font-size: 13px;
	padding: 0 20px;
	text-decoration: none;
	color: #b0b0b0;
	font-weight: bold;}
#menutop a:hover{
	color: #009ba8;}
#menutop a.actif, #menutop a.actif:link, #menutop a.actif:visited{
	background: #383838;}

#menu{
	background: #15cce8;
	width: 252px;	
	height: 245px;}
#menu #innermenu{
	padding: 26px 0 0 0;}
#menu ul{
	list-style-type: none;}
#menu li{
	float: left;
	display: block;
	padding: 0 0 2px 0;}
#menu li.last{
	padding: 0px;}
#menu a, #menu a:link, #menu a:visited{
	color: #FFF;;
	background: #06b9d4;
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	width: 229px;
	font-size: 12px;
	text-decoration: none;
	text-indent: 12px;
	text-align: left;
	font-weight: bold;	}
#menu a:hover{
	background: #12d9f6;}
#menu a.actif, #menu a.actif:link, #menu a.actif:visited, #menu a.actif:hover{
	background: #12d9f6 url(Gx/M/bg_menu.gif) no-repeat 0px 13px;}
	
	
#sousmenu{}
#sousmenu ul{
	list-style-type: none; 
	margin: 5px 0 0 0;}
#sousmenu li{
	float: left;
	display: block;
	border-right: 1px solid #AAA;
	padding: 0 8px;}
#sousmenu li.first{
	padding: 0 8px 0 0;}
#sousmenu li.last{
	border: none;}
#sousmenu a, #sousmenu a:link, #sousmenu a:visited{
	display: block;
	float: left;
	height: 15px;
	line-height: 15px;
	text-decoration: none;} 
#sousmenu a:hover{
	color: #009ba8;}
/* actif non clicable*/
#sousmenu li span{
	color: #009ba8;
	height: 15px;
	line-height: 15px;
	display: block;
	float: left;
}
	
#texteintro{
	background: url(Gx/bg_texteintro.png) repeat;
	height: 245px;
	text-align: justify;
	color: #6c6c6c;
	}	
#texteintro .inner{
	position: relative;
	width: 745px;
	height: 245px;}
#spacers1{
	position: absolute;
	top: 0px;
	left: 442px;}
#spacers2{
	position: absolute;
	top: 227px;
	left: 442px;}
#texteintro #img{
	position: absolute;
	top: 18px;
	left: 442px;}
#texteintro #texteimg{
	width: 424px;
	height: 209px;
	overflow: hidden;
	background: url(Gx/texteimg_bg.gif) repeat-y left;
	position: absolute;
	top: 18px;
	left: 18px;}
#texteintro #textefull{	
	background: #FFF;
	position: absolute;
	top: 18px;
	left: 18px;
	width: 709px;
	height: 209px;
	overflow: hidden;	}
#texteintro .inner2{
	padding: 22px 19px;
}

strong.str2{ color: #FFF;}	

.partenaire{
	float: left;
	width: 234px;}
.partenaire .inner{
	margin: 0 14px 0 0;
		text-align: center;}
.partenaire img{
	/*border: 1px solid #DDD;*/
	display: block;
	margin: 0 auto 8px auto;}

.projet{
	float: left;
	width: 702px;
}
.projet .img{
	width: 218px;
	float: left;
	padding-right: 15px;
}
.projet .img img{
	display: block;
	margin: 0 auto 5px auto;
}
.projet .txt{
	float: left;
	width: 469px;
}

/*.projet{
	float: left;
	width: 234px;}

.projet .img{
	width: 218px;
	background: #FAFAFA;
	border: 1px solid #EEE;}
.projet .img img{
	display: block;
	margin: 0 auto 5px auto;}
.projet .txt{
	overflow: hidden;
	padding: 4px 20px 0 5px;}*/

#projet .img{
	float: left;
	width: 335px;}
#projet .img #large{
	border: 1px solid #EEE;
	display: block;}
#projet .txt{
	float: left;
	width: 367px;
	padding: 8px 0 0 0;}	


.equipe{
	float: left;
	width: 351px;
	height: 100%;}
.equipe .img{
	float: left;
	width: 120px;}
.equipe .img img{
	display: block;
	border: 1px solid #DDD;}
.equipe .txt{
	float: left;
	width: 210px;
	padding: 5px 0 0 0;
	overflow: hidden;}
.equipe .txt div{
	padding: 4px 0 0 0;}

#nextback{
	font-size: 12px;
	text-align: center;}
#nextback a, #nextback a:link, #nextback a:visited{
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #000;}
#nextback a:hover{
	text-decoration: underline	}

.thumbs{
	float: left;
	width: 110px;
	margin: 0 0 8px 0;
	cursor: pointer;}
.thumbs img{
	display: block;}
.thumbs a {
	border: 1px solid #CCC;
	height: 70px;
	overflow: hidden;
	display: block;
	float: left;
	/*margin: 1px 0;*/	}
.thumbs a:hover{border: 1px solid #06b9d4;}			
	
#docs{
	margin: 5px 0 0 0;
	list-style-type: none; }
#docs li{
	/*padding: 0 0 7px 23px;*/
	padding: 0 0 7px 0;}	
	
.erreur, .inputRequirementSmall{
	color: #F00;}
.both{	clear: both;}
.imdetailborder{
	float: left;
	width: 220px;
	padding: 0 0 10px 0;
}
.imdetailborder img{
	border: 1px solid #CCC;
	display: block;
}
.imdetailborder2{
	float: left;
	display: block;
	/*border: 1px solid #CCC;*/
	margin: 0 15px 10px 0;
}
.outergooglemap{
	float: right;
	width: 325px;
	text-align: center;
	}
.googlemap{
	width: 325px;
	float: right;
	height: 300px;	
	background: #CCC;}	
.googlemap .inner{
	margin: 2px 0 0 2px;}
.googlemap .inner .theMap{
	width:321px;
	height:296px;
	overflow:hidden;}	


.sitemap{
	list-style-type: disc; 
	margin: 0 0 0 20px;
}
.sitemap li{
	padding: 0 0 4px 0;
}
.sitemap ul{
	margin: 4px 0 6px 15px;
	list-style-type: disc; 
}
.sitemap li li{	}	

.conseil{
	height: 100% }
.conseil .img{
	float: left;
	width: 200px;}
.conseil .img img{
	border: 1px solid #CCC;
	display: block;
	margin: 0px;}
.conseil .txt{
	float: left;
	width: 502px;}
	
.points{
	list-style-type: none; }	
.points li{
	background: transparent url(Gx/00/bg_points.gif) no-repeat 0px 7px;
	padding: 0 0 8px 10px;}


a#rss, a#rss:link, a#rss:visited{
	background: transparent url(Gx/rss.gif) no-repeat center right;
	float: right;
	display: block;
	padding: 0 20px 0 0;
	margin: 0 5px 0 0;
	color: #FF6900;
	font-weight: bold;
	text-decoration: none;
}
a#rss:hover{
	text-decoration: underline;
}

.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}
	
#footer{}	
		
#copyrights{
	float: left;
	color: #898989;
	text-align: left;
	font-size: 11px;
	padding-left: 10px;
	}
#copyrights	a, #copyrights	a:link, #copyrights	a:visited{
	color: #898989;
	font-weight: bold;
	text-decoration: none;}
#copyrights	a:hover{
	text-decoration: underline;}
#copyrights	a span{
	font-weight: normal;
}


#formnewsletter{
	position: relative;
	width: 214px;
	height: 49px;
	background: transparent url(Gx/bg_formnewsletter.gif) no-repeat 0px 23px;}
#imgnewsletter{
	position: absolute;
	top: 0px;
	left: 0px;}
#txtnewsletter{
	background: none;
	position: absolute;
	top: 25px;
	left: 2px;
	width: 180px;
	height: 22px;
	color: #747474;
	margin: 0px;
	padding: 0px;
	border: none;		}	
#btnnewsletter{
	background: transparent url(Gx/btnnewsletter.gif) no-repeat 0px 0px;
	position: absolute;
	top: 23px;
	left: 187px;
	width: 27px;
	height: 26px;
	border: none;
	cursor: pointer;}
#btnnewsletter:hover{
	background: transparent url(Gx/btnnewsletter.gif) no-repeat 0px -26px;}	
	
	
#contact label{ font-weight: bold;}
#contact .champTexte{	
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 12px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-top: 3px;
	padding-left: 3px;
	height: 18px;
	line-height: 14px;
	display: block;}
#contact .listeDeroulante{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 200px;
	padding-left: 3px;
	height: 17px;
	line-height: 14px;
	display: block;}
#contact .boiteTexte{
	background: #FFF;
	border: 1px solid #CCC;
	color: #000;
	font: 11px Arial, Verdana, Tahoma, Helvetica;
	width: 540px;
	height: 100px;
	padding-top: 3px;
	padding-left: 3px;
	line-height: 14px;
	display: block;}
#contact .bouton{
	font-family: Arial, Verdana, Tahoma, Helvetica;
	background: #383737;
	border: 1px solid #5d5d5d;
	color: #fff;
	cursor: pointer;
	width: 75px;
	font-weight: bold;
	padding: 1px 0;}
#contact .bouton:hover{
	background: #FFF;
	color: #383737;}

.champCache{ display: none;}
.btnJSdate{
	width:35px; 
	height: 19px; 
	float:left;
	border:none;
	margin:3px 0 0 2px;
	background:#999;
	color: #FFF;
	font-size: 11px;}	
	
#bookmarker{
	float: right;}	
#bookmarker a, #bookmarker a:link, #bookmarker a:visited{
	color: #898989;
	font-weight: bold;
	text-decoration: none;	}
#bookmarker a:hover{
	text-decoration: underline;	}

/*#socialBookmarker{}*/

/* image container pour xfade */
#imageXfadeContainer {
	position:relative;
	/*margin:auto;*/
	float: left;

}

#imageXfadeContainer img {
	overflow: hidden;
	display:none;
	position:absolute;
	top:5px;left: 10px;
}