/***********************************************************/
/* COMMON */
    body{
        margin:0;
        background:#fff;
    }
	body, p, li, td, textarea, input, select, label, address{
	   font:11px Verdana, Arial, Helvetica, sans-serif; 
	   color:#305771;
	}
	body, p, li, td, label, address{line-height:16px;}
    a img{border:none;}
    form{margin:0;}
	fieldset{
		margin:0;
		padding:0;
		border:none;
	}
    .hide{display:none;}
    .em{font-style:italic;}
    .icon{vertical-align:middle;}
    
    /* LINKS */
	a{
	   color:#456C61;
	   outline:none;
    }
	a.link{
	   text-decoration:none;
    }
	a.link-pdf{
		background:url(/images/icons/icon_acrobat.gif) no-repeat right center;
		padding:2px 20px 2px 0;
	}
    a.link-url{
        background:url(/images/icons/icon_lien.gif) no-repeat right center;
        padding:2px 20px 2px 0;
    }	
    a.link_arrow{
        background:url(/images/bg-links-green.gif) no-repeat left center;
        padding:2px 0 2px 13px;
        color:#456C61;
        font-weight:bold;
        text-decoration:none; 
    }
    a:hover{text-decoration:underline;}
	
    /* TITLES */
    h3.title{
        margin-top:0;
        font:bold 14px Verdana; 
        color:#305771;
	}
	h4.title_no_img{
        font:bold 12px Verdana; 
        color:#305771;
	}
	h4.title{
        background:url(/images/bg-title.gif) no-repeat left center;
		padding:3px 0 3px 15px;
		font:bold 12px Verdana; 
        color:#305771;
	}
    
    /* RIGHT LINKS */
    div.right_links{
        background:#fff url(/images/bg-right.gif) no-repeat left 36px;
        float:right;
        width:208px;
        margin:0 0 0 20px;
    }
    div.right_links p{
        background:url(/images/bg-title-right.gif) no-repeat;
        display:block;
        width:190px;
        height:36px;
        padding:0 9px;
        margin:0; 
        font:bold 14px/36px Verdana; 
        color:#fff;
    }
    div.right_links ul.liste{
        list-style-image:url(/images/bg-links-right.gif);
        margin-top:11px;
    } 
    div.right_links a.link{
        color:#3D6988;
        font-weight:bold;
        text-decoration:none; 
    }
    div.right_links a.link:hover{text-decoration:underline;}

    /* BREADCRUMB */
    #breadcrumb{
        background:#fff url(/images/bg-breadcrumbs.gif) repeat-x left 80%;
        margin-bottom:30px;
        text-align:left;
        font:bold 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#7E9BB0;
    }
    #breadcrumb a{
        background:#fff url(/images/arrow.gif) no-repeat left 2px;
        padding:0 10px 0 12px;
        text-decoration:none;
        font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#7E9BB0;
    }
    #breadcrumb span.nolink{
        background:#fff url(/images/arrow.gif) no-repeat left 2px;
        padding:0 10px 0 12px;
        font:bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
        color:#7E9BB0;    
    }
    
    #breadcrumb a.first, #breadcrumb span.first{
        background:#fff none;
        padding-left:0;
    }
    #breadcrumb a:hover{text-decoration:underline;}
/***********************************************************/
/* MAIN */
    #main{
        position:relative;
        width:986px;
		padding-top:115px;
        margin:auto;
        overflow:hidden;
    }
/***********************************************************/
/* HEADER AND PRE-HEADER */
    #ph{
        background:#fff url(/images/bg-header-line.gif) no-repeat left bottom;
		position:absolute;
        top:0px;
        left:0px;
        width:986px;
        height:115px; /* need to be same value as padding-top of #main  */
        z-index:1;
    }
    #ph h2{
		position:absolute;
		top:18px;
		left:15px;
		width:295px;
		height:36px;
		margin:0; 
    }
	#ph h2{
		background:#fff url(/images/csssl.gif) no-repeat;
		display:block;
		width:295px;
		height:36px;
		text-decoration:none;
    }
    #ph .udm{
		position:absolute;
		top:12px;
		left:853px;
		width:130px;
		height:51px;
		margin:0; 
    }
	#ph .udm a{
		background:#fff url(/images/universite-montreal.gif) no-repeat;
		display:block;
		width:130px;
		height:51px;
		text-decoration:none;
    }
	/*----------------------------------------*/
    #logo{display:none;}
	#h{
    	position:relative;
		width:986px;
		height:178px;
		z-index:2;   
    }
	#h h1{
		position:absolute;
		top:16px;
		left:0px;
		width:206px;
		height:115px;
		margin:0; 	
	}
	#h h1 a{
		background:#fff url(/images/equipe-recherche-soins-premiere-ligne-csssl.gif) no-repeat;
		display:block;
		width:206px;
		height:115px;
		text-decoration:none;
	}
	#h .changer{
		background:#fff url(/images/permis-changer-monde-recherche.jpg) no-repeat;
		position:absolute;
		top:5px;
		left:225px;
		width:761px;
		height:173px;
		margin:0; 	
	}
	#changer-head{
		background:url(/images/bg-permis-changer-monde.jpg) no-repeat;
		position:absolute;
		top:-14px;
		left:285px;
		width:121px;
		height:19px;	
	}
	ul#quick_menu{
		position:absolute;
		top:-29px;
		right:0px;
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#quick_menu li{
		background:url(/images/bg-quick-menu.gif) no-repeat left center;
		float:left;
		padding:0 4px 0 5px;
		margin:0;
	}
	#quick_menu li.first{background:none;}
	#quick_menu a{
		font:11px/18px Arial, Helvetica, sans-serif;
		color:#003399;
		text-decoration:none;
	}
	#quick_menu a:hover{text-decoration:underline;}
	#search_holder{
		position:absolute;
		top:131px;
		left:0px;
		background:#E9F0F5;
		width:194px;
		height:47px;
		padding-left:10px;
		border:solid #E1E1E1;
		border-width:0 1px;
	}
	#search_holder label{
		display:block;
		margin:6px 0 4px 1px;
		font:bold 11px Verdana;
		color:#929292; 
	}
	#txt_search{
		position:absolute;
		top:22px;
		left:11px;
		width:149px;
		height:17px;
		border:1px solid #999;
		margin:0;
		padding:2px 0 0 0;
		font-size:11px;
	}
	#cmdSubmit{
		position:absolute;
		top:22px;
		left:165px;
	}
/***********************************************************/
/* CONTAINER */
    #c{
    	width:986px; 
    }
	#c1{
		float:right;
		width:741px;
		padding:20px 10px 0 10px;
	}
	#c2{
		float:left;
		width:206px;
	}
/***********************************************************/
/* MENU */
	#title_menu{
	   display:none;
	   margin:0;
    }
	#menu_holder{
		width:205px;	
	}
	#menu{
		background:#E9F0F5 url(/images/bg-menu-top.gif) no-repeat left 15px;
		width:203px;
		padding:23px 0 4px 1px;
		border:solid #E1E1E1;
		border-width:0 1px;	
		float:left;
	}
	#nav{
		list-style-type:none;
		padding:0;
		margin:0;
	}
	#nav li.menu{
		position:relative;
		float:left;
		width:201px;
		margin:0 0 0 0;
		padding:0 0 3px 0;
	}
	#nav li.last{margin:0;}
	#nav a.item{
		background:url(/images/bg-menu-item.gif) no-repeat;
		position:relative;
		display:block;
		width:187px;
		height:26px;
		padding:0 5px 0 9px;
		font:bold 10px/26px Verdana;
		color:#7796AC;
		text-decoration:none;
		z-index:1;
	}
	#menu a.item:hover{
		color:#fff;
	}
	/* --------------------------------------- */
	/* SUBMENU */
	#nav li.menu ul.sub_menu{
		background:#E9F0F5;
		list-style-type:none;
		display:none;
		position:absolute;
		top:5px;
		left:190px;
		width:200px;
		margin:0;
		padding:0;
		border-top:1px solid #6386A0;
		z-index:3;
	}
	
	ul.sub_menu li{
		display:block;
		position:relative;
        float:left;
        width:198px;
        clear:both;
		border:solid #6386A0;
		border-width:0 1px 1px 1px;
		z-index:2;
	}
	ul.sub_menu a.sub_item{
		background-color:#E9F0F5;
		position:relative;
		display:block;
		padding:5px 9px;
		font:bold 10px Verdana;
		color:#6386A0;
		text-decoration:none;
		z-index:2;
	}
	ul.sub_menu a.sub_item:hover{
		background-color:#6386A0;
		color:#fff;
	}
	#nav li.menu:hover ul.sub_menu, 
	#nav li.over ul.sub_menu{
		display:block;
	}
	#nav li.menu:hover a.item,
	#nav li.over a.item{
		background:url(/images/bg-menu-item-on.gif) no-repeat;
		color:#fff;
	}
	/* FIX IE 6 */
	#nav li.over{
		z-index:100; 
	}
	/* --------------------------------------- */	
	#menu-bottom{
		background:url(/images/bg-menu-bottom.gif) no-repeat;
		display:block;
		height:4px;
		overflow:hidden;
		clear:both;	
	}
	#btn-recrutement{
		background:url(/images/recrutement.gif) no-repeat;
		display:block;
		width:206px;
		height:93px;
		margin:3px 0 0 0;
	}
/***********************************************************/
/* FOOTER */
	#f{
		background:url(/images/bg-footer.gif) no-repeat center 57px ;
		padding:80px 0 20px 0;
		text-align:center;
		color:#8F8F8F;
		clear:both;
	}
	#f a{
		text-decoration:none;	
		color:#8F8F8F;
	}
	#f a:hover{text-decoration:underline;}

	
/* PAGE SPECIFIC */
/***********************************************************/	
	
    /* CHERCHEURS */
    ul.liste{
        list-style-image:url(/images/bullets-green.gif);
    }
    ul.liste li ul{
        list-style-image: none;
    }
    ul.liste li p{
        margin-bottom: 10px;
    }    
    ul.docliste li{margin-bottom:5px;}
	
	/* CHERCHEURS DETAILS */
	.pic_chercheur{
		float:right;
		background:#fff;
		padding:1px;
		margin:0 0 5px 10px;
		border:1px solid #E1E1E1;
	}
	div.desc{
		padding-left:15px;
	}
    .btn_communiquez{
        background:url(/images/btn-communiquez.gif) no-repeat;
        display:block;
        position:relative;
        width:232px;
        height:22px;
    }
	
	/* CHERCHEURS COMMUNIQUEZ - RECRUTEMENT */
	.form_holder{
		width:741px;
		overflow:hidden;	
	}
	.form_holder div{
		width:100%;
		overflow:hidden;
		margin-bottom:5px;
	}
	.form_holder div.fck{
		width:auto;
		overflow:visible;
		margin-bottom:5px;	
	}
	.form_holder .field{
		width:300px;	
	}
	.form_holder label{
		width:165px;
		float:left;
		margin:2px 10px 0 0;
		text-align:left;			
	}
	.form_holder .button{
	    width:100%;
        overflow:hidden;
        margin-bottom:5px;	
	}
    .form_holder .button input{margin-left:175px;}
	div.error{
		background:#F6F6F6;
		width:458px;
		padding:10px;
		border:solid #ddd;
		border-width:0 1px;
	}
	div.error span{
       font:bold 11px Verdana; 
       color:#5C0000;
    }
	div.error ul{
		margin:10px 0 0 20px;
		padding:0;	
	}
    div.error li{
        font-weight:bold;
        color:#2E2E2E;
    }
    .error_top,
    .error_bottom{
        display:block;
        width:480px;
        height:7px;
        overflow:hidden;
    }
    .error_top{background:url(/images/bg-error-top.gif) no-repeat;}
    .error_bottom{
        background:url(/images/bg-error-bottom.gif) no-repeat; 
        margin-bottom:16px;
    }
	.btn_postulez{
        background:url(/images/btn-postulez.gif) no-repeat;
        display:block;
        position:relative;
        width:149px;
        height:22px;
    }
    
	/* ACTIVITE SCIENTIFIQUES */
	ul.fakelist, ul.listdocs{
		list-style-type:none;
		margin:0;
		padding:0;	
	}
    ul.fakelist li{margin-bottom:20px;}
    ul.listdocs li{margin-bottom:5px;}
	ul.fakelist .date, ul.fakelist .link{
		font-weight:bold;	
	}
	ul.fakelist .desc{
		
	}
    
    /*HISTORIQUE*/
    div.caption_holder{
        float:right;
        width:404px;
        margin:0 0 5px 10px;
    }
    div.caption_holder img{
        display:block;
        background:#fff;
        padding:1px;
        border:1px solid #E1E1E1;
    }
    div.caption{
        background:#E1E1E1;
        width:384px; 
        padding:10px 10px;
        font:11px/14px Verdana;
    }