/*

Theme Name: emba
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #060606;
color: #323133;
font-family: Arial, Helvetica, sans-serif;
}

#wrap{
	position: relative;
	margin: auto;
	width: 1000px;
}

	#page{
		position: relative;
		overflow: hidden;
	}
	
	
	
		#sidebar{
			float: left;
			width: 220px;
			position: relative;
		}
		
			#logo{
				position: relative;
				display: block;
				height: 133px;
				background: url(img/logo.jpg) top left no-repeat;
			}
			
			#lang{
				position: relative;
				height: 25px;	
				font-size: 14px;	
			}
			
				.english{
					float: right;
					color: #ffffff;
					height: 20px;
					text-decoration: none;
					padding: 5px 0 0 14px;
					background: url(img/indent.jpg) top left no-repeat;
				}
			
			#nav{
				position: relative;
				text-align: left;
			}
			
				#nav li{
					position: relative;
					border-bottom: 1px solid #3D3D3D;
				}
				
				#nav li a{
					color: #fff;
					height: 21px;
					display: block;
					padding: 6px 0 0 8px;
					background: #1C1C1C;
					text-decoration: none;	
				}
				
				#nav li a:hover, #nav .current_page_item > a{
					background: #525252;
					color: #ffffff;
				}
				
				#nav li ul{
					display: block;
				}
				
				
				#nav li ul li{
					display: none;
					border-bottom: 0px;
					height: 0;
					}
					
				
			
				#nav li ul li a{
					padding-left: 18px;
					background: #1C1C1C;
					border-top: 1px solid #3D3D3D;
					border-bottom: 0px solid #3D3D3D;
				}
				
				#nav li.current_page_item ul li 
				{ height: auto;  }
				
		
		
				#nav .current_page_item ul li, #nav ul .current_page_item{
				display: block;
				}

				

			
			.widget
			{
				position: relative;
				margin-top: 20px;	
				background: #fff;
				text-align: left;
				line-height: 15px;
			}
			
				.widget h3{
					position: relative;
					font-size: 16px;
					font-weight: bold;
					padding: 8px 0 8px 8px;					
				}
				
				.widget ul{					
					border-top: 1px solid #e2e2e2;
				}
				
				.widget li{
					position: relative;
				}
				
				.widget li a{
					display: block;
					color: #535353;
					position: relative;
					text-decoration: none;
					padding: 6px 0 6px 8px;
					border-bottom: 1px solid #e2e2e2;
				}
				
				.widget li a:hover{
					background: #F2F2F2;
				}
				
				
			
			
			
		
		
		
		
		#splash{
			float: right;
			width: 760px;
			position: relative;
		}
		
			#splash img{
				display: block;
			}
		
		
		
		
		#front{
			text-align: left;
			position: relative;
			background: #fff;
			overflow: hidden;
			margin: 20px 0 0 0;	
			padding: 0px 0 40px 0;
		}
		
		
			#front-left{
				float: left;
				width: 532px;
				overflow: hidden;
				padding-left: 20px;	
				padding-top: 12px;
				
			}
			
				#front-left h2{
					font-size: 16px;
					padding-bottom: 8px;
					margin-bottom: 18px;
					border-bottom: 1px solid #E2E2E2;
				}
				
				#front-left h3{
					position: relative;
					padding: 12px 0 12px 0;
					font-size: 16px;
					font-weight: bold;	
				}
				
				
				#front-left h4{
					font-size: 16px;
					padding-bottom: 8px;
					margin-bottom: 0px;
					border-bottom: 1px solid #E2E2E2;
				}
				
					#front-left h4 a{
					color: #323133;
				}
				
				.front-pics{
					position: relative;
					width: 120%;
				}
				
					.front-pics li{
						float: left;
						width: 246px;
						position: relative;
						padding-right: 40px;
						height: 240px;
					}
					

					.front-pics a.image-link{
						border: 0;
						display: block;
						text-decoration: none;
					}
					
						.front-pics .image-link img{
							display: block;
						
						}					
					
					
					.front-pics a{
						color: #323133;
					}
					
					
					/* Pictures du bas */
					
					.front-picsbas{
					position: relative;
					width: 120%;
				}
				
					.front-picsbas li{
						float: left;
						width: 246px;
						position: relative;
						padding-right: 40px;
						height: 218px;
					}
					

					.front-picsbas a.image-link{
						border: 0;
						display: block;
						text-decoration: none;
					}
					
						.front-picsbas .image-link img{
							display: block;
							
						}					
					
					
					.front-picsbas a{
						color: #323133;
					}
					
					
					
				
				.news{
					position: relative;
				}
				
				
					.news li{
						position: relative;
						border-bottom: 1px solid #E2E2E2;
					}
					
					.news li p{
						position: relative;
						line-height: 1.4em;
						padding-bottom: 1em;
					}
					
					.news li a{
						color: #323133;
					}
					
					.news li a.more{
						font-size: .9em;
						color: #9C8D4C;
					}
			
			
			
			
			
			#front-right{
				float: right;
				width: 388px;
				padding-right: 20px;
				padding-left: 20px;
				padding-top: 12px;
				background:#FFFFFF url(img/bande.jpg) no-repeat left top;
			}
			
				#front-right h3{
					color: #323133;
					font-size: 16px;
					padding-bottom: 8px;
				}	
				
					#front-right h3 a{
					color: #323133;
					text-decoration: none;
					
				}
				
					#front-right h3 a:hover{
					color: #323133;
					text-decoration: underline;
					
				}
							
				
				#front-right h4{
					position: relative;
					padding: 12px 0 12px 0;
					font-size: 16px;
					font-weight: bold;	
				}
				
				.news-list{
					position: relative;					
					border-top: 1px solid #E2E2E2;
					clear: both;
				}
				
					.news-list li{
						padding-left: 18px;
						border-bottom: 1px solid #E2E2E2;
					}
					
					.news-list li p{
						line-height: 1.4em;
						padding-bottom: 1em;
					}
					
					.news-list li a{
						color: #323133;
						text-decoration: underline;
					}
					
					.news-list h4 a{
						color: #323133;
						text-decoration: none;
					}
					
					.news-list h4 a:hover{
						color: #323133;
						text-decoration: underline;
					}
					
				
				.videos{
					position: relative;
					padding: 18px 0 18px 18px;
				}
				
				
				.videosli{
					position: relative;
					padding: 18px 0 18px 0px;
				}
				
				
				
				.flickr{
					position: relative;
					width: 100%;
					padding: 18px 0 18px 18px;
				}
		
				
				.flickr img{
					margin: 0 7px 7px 0;
					}
		
				.frontrightpic img{
					padding: 18px 7px 18px 18px;
					}
		
		
		#content{
			position: relative;
			width: 760px;
			float: right;
		}		
		
			#page-head{
				position: relative;
				height: 133px;
				background: url(img/page-head.jpg) top left no-repeat;	
			}
			
			#top-links{
				position: relative;
				padding: 5px 0 0 0;
				height: 20px;
				text-align: right;
				color: #fff;
					
			}
			
				#top-links a{
					color: #fff;
					margin: 0 2px 0 2px;
				}
			
			
			
			
			#article{
				position: relative;
				background: #fff;
				text-align: left;
			}
			
				.crumb{
					position: relative;
					padding: 18px 20px 10px 20px;
					font-size: 11px;
					color: #535353;
					 }
					 
					 .crumb a{
					color: #535353;
					 }
				
				.entry{
					position: relative;
					padding: 0 20px 30px 20px;	
				}
				
				
					.entry h1{
						font-size: 15px;
						font-weight: bold;
						padding-top: 10px;
						padding-bottom: 8px;
						color: #323133;
						
					}
					
					.entry h1 a{
						font-size: 15px;
						font-weight: bold;
						padding-top: 10px;
						padding-bottom: 8px;
						color: #323133;
						text-decoration: none;
					}
					
					.entry h1 a:hover{
					
						text-decoration: none;
					}
				
					.entry h2{
						font-size: 1.8em;
						font-weight: bold;
						margin-bottom: 8px;
						padding-bottom: 8px;
						border-bottom: 1px solid #E2E2E2;
						color: #323133;
					}
					
					.entry h2 a{
							color: #323133;
						}
						
						
						
						
					.entry h3 {
						font-size: 12px;
						font-weight: normal;
						line-height:1.5em;
						padding-top: 8px;
						padding-bottom: 8px;
						color: #323133;
						text-decoration: none;
					
					}
					
						.entry h4 {
						font-size: 12px;
						font-weight: bold;
						line-height:1.5em;
						padding-top: 8px;
						padding-bottom:5px;
						color: #323133;
						text-decoration: none;
					}
					
					
					
					.entry-info{
						position: relative;
						font-size: 10px;
						line-height: 1.4em;
						padding-bottom: 1.2em;	
					}
					
					.entry p{
						position: relative;
						line-height: 1.5em;
						padding-bottom: 1.2em;	
					}
					
					.entry strong{
						font-weight: bold;	
					}
					
					.entry em{
						font-style: italic;	
					}
					
					.entry a{
							color: #71673e;
					
					}
					
				
			
			
			#comwrap{
				text-align: left;
				position: relative;
				border-top: 10px solid #060606;
				padding: 18px 20px 18px 20px;
			}
			
				#comwrap h3{
						font-size: 1.8em;
						font-weight: bold;
						margin-bottom: 8px;
						padding-bottom: 8px;
						border-bottom: 1px solid #E2E2E2;
					}
				
				li.comment{
					padding: 10px;
					margin-bottom: 10px;
				}
				
					.avatar{
						float: left;
						padding: 2px;
						margin-right: 12px;
						border: 1px solid #ddd;
						background: #fff;
					}
					
					li.comment.odd{
						background: #E2E2E2;
					}
				
					#comwrap a{
						color: #535353;
					}
					
					#comment{
						width: 450px;
					}
		
		

	
	#bottom{
		position: relative;
		line-height: 1.8em;
		text-align: right;	
		color: #fff;
		padding: 2px 0 0px 0;
	}
	
		#bottom a{
			color: #fff;
			margin: 0 2px 0 2px;	
		}
		
		#bottom .copyright{
			font-size: 10px;
			padding-right: 0px;
		}



.entry ul li {
list-style-image:none;
list-style-position:outside;
background:url(img/square.jpg) no-repeat 2px 6px;
margin:0 0 5px 9px;
padding-left: 16px;
}

.entry ul
{
padding-bottom: 10px;
}

.entry ol
{
padding-bottom: 10px;
}


.entry li
{

margin: 0 0 5px 25px;
line-height:1.5em;
}

.entry ol li
{
margin: 0 0 2px 32px;
vertical-align: top;
list-style-type:decimal;
}

.entry .decimal li
{

margin: 0 0 2px 42px;

}




.red {
color:#AA0011;
}

.gold {
color:#9C8D4C;
}



sup {
font-size:smaller;
line-height:normal;
vertical-align:super;
}


.textwidget
{

}

.textwidget a
{
text-decoration: underline;
color: #323133;
}

.textwidget a:hover
{
text-decoration: underline;

}

#text-4
{
padding: 10px;
margin-top: 0px;
font-size: 12px;
letter-spacing: 
}

#text-6
{
padding: 10px;
margin-top: 0px;
font-size: 12px;
}

#text-7
{
padding: 10px;
margin-top: 20px;
font-size: 12px;
background: #060606;
}

.textwidget h1
{
position: relative;
padding: 0px 0 12px 0;
margin-bottom: 12px;
font-size: 15px;
line-height: normal;
font-weight: bold;	
border-bottom: 1px solid #e2e2e2;
color: #323133;
}

.textwidget h1 a
{
text-decoration: none;
color: #323133;
}

.textwidget h1 a:hover
{
text-decoration: underline;
}

.textwidget h2
{
position: relative;
padding: 10px 0 4px 0;
font-size: 13px;
font-weight: bold;	
}

.textwidget small
{
font-size: 10px;
font-weight:normal;
padding:0px;
}




/* Table Layout */

#designtab
{
border-collapse:collapse;
font-size:12px;
line-height:16px;
margin:0px;
width:100%;
}


table {
border-collapse:separate;
border-spacing:2px;
text-indent:0;
}

tr {
display:table-row;

}


td {
display:table-cell;
padding:0px;
}

td.fleche {
text-align: center;
vertical-align: middle;
}


th {
display:table-cell;
font-weight:bold;
padding:1px;

}


#designtab th {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#beb48e url(img/headergrad.png) repeat-x scroll 0 0;
border-bottom:0px solid #beb48e;
border-top:2px solid #beb48e;
color:#323133;
font-size:13px;
font-weight:normal;
padding:10px;
}

#designtab td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#eae7d9 url(img/tablegrad.png) repeat-x scroll 0 0;
border-bottom:1px solid #FFFFFF;
border-top:0px solid #FFFFFF;
border-right:1px solid #c9c4b1;
color:#323133;
padding:10px;
}


#designtab tbody tr:hover td {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#ddd8c2 url(img/tableover.png) repeat-x scroll 0 0;
color:#323133;
border-right:0px solid #DDD8C2;
}


.entry a.ancragetop 
{
color: #71673E;
font-size: 14px;
line-height: 20px;
text-decoration: none;
}

.entry a.ancragetop:hover
{
text-decoration: underline;
}

.entry .ancrage a
{
color: #535353;
text-decoration: none;
}

.entry .ancrage a:hover
{
text-decoration: none;
}


p.textright
{
text-align: right;
}


#commentform #submit:hover {
cursor:pointer;
background:#eae7d9;

}

#commentform input#submit {
background:#ffffff;
font-size:12px;
}


input {
font-size:12px;
border:1px solid #535353 !important;
height: 15px;
width: 200px;
margin-bottom: 5px;
}

#submit {
border:1px solid #535353 !important;
height: 25px;
width: 85px;
margin-top: 5px;
}


textarea {
border:1px solid #535353 !important;
}

.comment-body p
{
clear: both;
padding-top: 10px;
}


#logohec
{
width:270px;
height:46px;
right:0;
position:absolute;
z-index: 1;
display: block;
}


#logomcgill
{
width: 270px;
height: 79px;
right:0;
position: absolute;
top: 46px;
z-index: 1;
display: block;
}

#logohechead
{
width:270px;
height:54px;
right:0;
position:absolute;
z-index: 1;
}

#logomcgillhead
{
width: 270px;
height: 79px;
right:0;
position: absolute;
top: 54px;
z-index: 1;
}



.navigation
{
padding: 0px 0px 10px 20px;
}




/* Blockquotes */
blockquote
{
    background:transparent url(img/quote.gif) no-repeat scroll left top !important;
	padding: 0 0 25px 25px;
	margin: 8px 45px 35px 8px;
	text-align: justify;
}


/*blockquote p {
background:transparent url(img/quote_right.gif) no-repeat scroll right bottom !important;
}*/


.signe
{
float: right;
}

.temoinvideos { position: relative; padding-left: 215px; margin-bottom: 35px; min-height: 110px; }
.temoinvideos img { position: absolute; top: 0; left: 0; }
.temoinvideos p {padding-top: 5px; padding-bottom: 0px; }


.video {float: left; margin-right: 15px;}