body
{
    font-family: Calibri, Arial, sans-serif;
    color: black;
	overflow-y: scroll;
	background: #3F3B37;
}

#bloc_page
{
	box-shadow: 0px 0px 7px black;
	width: 80%;
	min-width: 1000px;
	margin: auto;
	background: #FFFFFF;
	min-height: 500px;
}

/* Header */
header
{
    width: 80%;
	min-width: 1000px;
    margin: auto;
	font-family: 'Times New Roman', 'Lucida Sans', Arial, sans-serif;
	text-align: right;
	color: #FFFFFF;
	margin-bottom: 0px;
}

.logo_univ
{
	height: 28px;
	float: right;
}

.group_name
{
	display: inline-block;
	text-align: right;
	vertical-align: top;
	background-image: url("images/logo.png");
	background-repeat: no-repeat;
	width: 452px;
	height: 70px;	
	margin-top: 30px;
	margin-bottom: 20px;
}

/* Bar de Navigation */
nav
{
	font-family: 'Calibri', Arial, sans-serif;
	text-align: center;
	background: #718383;
	padding-top: 5px;
	padding-bottom: 5px;
}

nav span
{
	padding-left: 8px;
	padding-right: 8px;
}

nav a
{	
    font-size: 20px;
    color: #FFFFFF;
    text-decoration: none;
}
 
nav a:hover
{
    color: #CCCCCC;
    text-decoration: none;
}

.active_page
{
	color: #242420;
}

section
{
	background: #FFFFFF;
	padding-bottom: 10px;
	margin-top: 40px;
}

article, aside
{
    display: inline-block;
    vertical-align: top;
    text-align: justify;
}

article
{
	width: 69%;
	font-size: 16px;
}

aside
{
    position: relative;
    padding: 10px;
    font-size: 16px;
	margin-top: 10px;
}

.hunter
{
	float: right;
    width: 25%;
	border-left: 1px solid #BBBBBB;
	text-align: center;
	margin-right: 10px;
}

.research_article
{
	width: 72%;
	margin-right: 15px;
}

.menu
{
	float: left;
    width: 20%;
	text-align: left;
	margin-left: 15px;
	margin-right: 15px;
	border-right: 1px solid #BBBBBB;
}

p
{
    font-size: 16px;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}

aside p
{
    font-size: 16px;
	text-decoration: none;
	margin: 0px;
	text-align: center;
}

aside img
{
	width: 100%;
}

section a
{
	color: #162D50;
	text-decoration: none;
}

section a:hover
{
	color: #6F8A91;
	text-decoration: none;
}

h1
{
	text-align: center;
	font-size: 28px;
	margin-bottom: 15px;
	margin-top: 10px;
}

h2
{
	font-size: 22px;
    text-align: justify;
	margin-left: 15px;
}

aside h2
{
    text-align: center;
	text-decoration: none;
	margin-left: 0px;
}

h3
{
	font-size: 18px;
    text-align: justify;
	margin-left: 15px;
}

h4
{
	font-size: 16px;
	font-weight: bold;
	margin-left: 25px;
	margin-right: 20px;
    text-align: justify;
}

h5
{
	font-size: 14px;
	font-weight: normal;
	margin-left:25px;
    text-align: justify;
}

ul
{
	list-style-type: none;
}

.menu ul
{
	padding: 0px;
	margin-bottom: 10px;
}

.menu_alumni
{
	padding-left: 20px;
	margin: 0px;
	font-style: italic;
}

li
{
	font-size: 16px;
	margin-bottom: 10px;
}

table
{
	width: 100%;
	border-collapse: collapse;
	font-size: 16px;
	text-decoration: none;
}

td
{
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}

figure
{
	text-align: center;
	font-style: italic;
	margin: auto;
	max-width: 100%;
}

figure img
{
	margin-top: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
}

figcaption
{
	padding-bottom: 0px;
}

#slideshow_image
{
	width: 100%;
}

#group_picture
{
	max-width: 100%;
}

#home_ga1, #home_ga2, #home_ga3
{
	display: inline-block;
	vertical-align: top;
	height: 200px;
	background-repeat: no-repeat;
	overflow: hidden;
}

#home_ga1, #home_ga3
{
	width: 200px;
	opacity: 0.5
}

#home_ga1
{
	border-right: 1px dashed #3F3B37;
}

#home_ga3
{
	border-left: 1px dashed #3F3B37;
}

#home_ga2
{
	width: 500px;
}

#ga1, #ga2, #ga3
{
	height: 100%;
	z-index: 10;
}

#ga1_temp, #ga2_temp, #ga3_temp
{
	position: relative;
	top: 0px;
}

#mask
{
	display: inline-block;
	margin-bottom: 20px;
	height: 200px;
	background: white;
	border-right: 2px solid #3F3B37;
	border-left: 2px solid #3F3B37;
}

#graphical_abstract_div
{
	text-align: center;
	padding: 20px 0px 20px 0px;
	border-top: 2px solid #3F3B37;
	border-bottom: 2px solid #3F3B37;
}

#graphical_abstract_div a
{
	color: #162D50;
	text-decoration: none;
}

#graphical_abstract_div a:hover
{
	color: #6F8A91;
	text-decoration: none;
}

.graph_abst
{
	vertical-align: top;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 45%;
	display: inline-block;
}

.ga
{
	max-width: 95%;
}

.announce
{
	margin: auto;
	margin-top: 20px;
	text-align: center;
	text-shadow: 0px 2px 5px grey;
	max-width: 700px;
}

.research_list_picture
{
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	max-height: 200px;
	max-width: 40%;
}

.sponsors img, .graph_abst img
{
	vertical-align: middle;
	padding: 10px;
}

/*In table of the "people" page, <td> for the individual picture*/
.table_group_picture
{
	text-align: center;
	width: 150px;
	vertical-align: top;
	padding-left: 15px;
	padding-bottom: 40px;
	padding-top: 0px;
}

/*In table of the "people" page, <img /> for the individual picture*/
.individual_picture
{
	max-width: 140px;
	border-radius: 2px;
}

/*In table of the "people" page, <td> for the description*/
.table_group_description
{
	text-align: justify;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 40px;
	vertical-align: top;
}

.flag
{
	height: 12px;
	width: auto;
}

.table_group_description h4
{
	margin-top: 0px;
	padding-bottom: 0px;
}

.table_alumni_name, .table_alumni_lab_position
{
	text-align: left;
	width: 25%;
	padding-left: 15px;
}

.table_alumni_current_position
{
	text-align: left;
	padding-left: 15px;
}

.top_arrow
{
	opacity:0.5;
	/*filter:alpha(opacity=50);*/
	position: fixed;
	bottom: 100px;
	left: 70px;
	border-radius: 2px;
}

.top_arrow:hover
{
	opacity:1;
	/*filter:alpha(opacity=100);*/
}

#top_arrow_div
{
	display: none;
}

.map
{
	width: 49%;
	text-align: center;
	display: inline-block;
	margin: auto;
}

/* Footer */
.logo_footer
{

	height: 43px; 
}

footer
{
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	border-radius: 5px;
	margin-top: 20px;
	margin-bottom: 20px;
}

footer a
{
	color: #FFFFFF;
	text-decoration: none;
}

footer a:hover
{
	color: #6F8A91;
}

/* Intranet Classes */
.intranet_name
{
	display: inline-block;
	text-align: right;
	vertical-align: top;
	background-image: url("intranet/images/logo.png");
	background-repeat: no-repeat;
	width: 347px;
	height: 70px;	
	margin-top: 30px;
	margin-bottom: 20px;
}

.glossary
{
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}

.traduction
{
	margin-left: 20px;
	font-style: italic;
}

.calendar
{
	text-align: center;
	margin-bottom: 20px;
}

.white_board
{
	width: 100%;
	vertical-align: top;
	background-image: url("intranet/images/white_board.jpg");
	background-repeat: no-repeat;
}

#white_board_ul
{
	padding: 40px 40px 40px 40px;
	overflow-y: scroll;
}

.white_board li
{
	font-family: "Segoe Script", sans-serif;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0px;
}

.sub_list
{
	list-style-type: lower-roman;
}

.protocols
{
	list-style-type: disc;
}

.chdb
{
	max-width: 100%;
}

#log
{
	float: left;
    font-size: 20px;
	padding-left: 20px;
	font-style: italic;
    text-decoration: none;
	color: #FFFFFF;
	text-align: center;
	margin-left: 15px;
	margin-right: 15px;
}
