/* Main */

*, *:after, *:before {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container {background:#eee;color:#a7a0a2;font-weight:normal;font-size:1em;font-family:'oranienbaum',serif;overflow-x:hidden;}
.clearfix:before {content:'';display:table;}
.clearfix:after {content:'';display:table;clear:both;}
a {color:#a7a0a2;text-decoration:none;outline:none;}
a:hover,a:focus {color:#000;outline:none;}
.columns p {-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;}

@font-face {
    font-family: 'oranienbaum';
    src: url('../fonts/oranienbaum/oranienbaum-regular-webfont.eot');
    src: url('../fonts/oranienbaum/oranienbaum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/oranienbaum/oranienbaum-regular-webfont.woff') format('woff'),
         url('../fonts/oranienbaum/oranienbaum-regular-webfont.ttf') format('truetype'),
         url('../fonts/oranienbaum/oranienbaum-regular-webfont.svg#webfontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
@font-face {
    font-family: 'chalk';
     src: url('../fonts/chalk.ttf') format('truetype');
         
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon2/icomoon.eot?-ee7ih9');
	src:url('../fonts/icomoon2/icomoon.eot?#iefix-ee7ih9') format('embedded-opentype'),
		url('../fonts/icomoon2/icomoon.ttf?-ee7ih9') format('truetype'),
		url('../fonts/icomoon2/icomoon.woff?-ee7ih9') format('woff'),
		url('../fonts/icomoon2/icomoon.svg?-ee7ih9#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home3:before {
	content: "\e600";
}
.icon-books:before {
	content: "\e601";
}
.icon-library:before {
	content: "\e602";
}
.icon-users:before {
	content: "\e603";
}
.icon-lab:before {
	content: "\e604";
}
.icon-earth:before {
	content: "\e605";
}
.icon-mail4:before {
	content: "\e608";
}

.icon {display:block;width:1.5em;height:1.5em;border-radius:10%;-webkit-border-radius:10%;-moz-border-radius:10%;background:#2c8858;color:#fff;text-align:center;font-size:4em;line-height:1.5;margin:0 auto 1em auto;}
.hover:hover .one, .hover .two {display:none;}
.hover:hover .two {display:block;}



/* Body */

.part {
font-family: Georgia, serif;
font-size: 20px;
color:green;
text-align:center;
}
.passbox {width:500px;margin:auto;background-color:#6d6c6b;padding:25px; -webkit-box-shadow: 0 3px 2px #777;
-moz-box-shadow: 0 3px 2px #777;box-shadow: 0 3px 2px #777;opacity:0.95;filter: alpha(opacity=95); }

div.row {
  clear: both;
  display:block;
  margin-top:0px;
  color:#000;
  }
 
div.row span.label {
  float: left;
  text-align: left;
  margin-left:60px;
  margin-top:7px;
  font-weight:400;
  font-size:15px;
  }
 
div.row span.formw {
  float: right;
  text-align: left;
  line-height:125%;
  margin-right:70px;
  } 

.image {
margin: -5px 0px;
float:left;
width:70px;
height:70px;
  }

.row input
{
  display:block;
  padding:3px 2px;
  border:1px solid #dddddd;
  margin:3px 0 6px 0;
  width:200px;
}

.submit1
{
	color: #000;
	font-family: Georgia, serif;
	font-size:14pt;
	margin:5px;
	text-decoration: none;
line-height: 20px;
background-color:#B3B3B3;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
box-shadow: 0 1px 3px #999;
border-bottom: 1px solid #222;
}

.chalk { text-align:center; padding-top: 0px; margin:0 auto 0 auto; font-family:'Sue Ellen Francisco', 'Georgia', serif;font-size:60px;font-size:12vw;font-weight:bold;color:#f15252; letter-spacing: 5px;}

.studyt { width:80%; padding-top: 30px;padding-bottom: 50px; margin:0 auto 0 auto; text-align:center; font-family:'oranienbaum',serif;font-size:50px;font-weight:bold;color:#fff; letter-spacing: 2px;
}

.aboutstud {font-size:45px;letter-spacing: 3px;margin-left:15px;}
#wow {display:flex; justify-content:center;align-items:center; margin:auto; width:100%; margin-bottom:20px;}

.sectiontitle {	vertical-align:center; display: flex; font-size:45px;line-height:45px;letter-spacing:3px;margin-left:15px;margin-top:-20px;}

.symbole {vertical-align:center;
	align-items: center;
	display: flex;
	justify-content: center;}

.title {width:380px;height:100px;margin:0 auto 5px auto;}

.quest {margin:-1px 0; height:900px;background-image:url('../images/uqam4.jpg');background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:scroll;}

.photo_eng {margin: 20px -30px 20px -30px;height:50vh;background-image:url('../images/people.jpg');background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}

.psy {float:left;padding-top:15px;width:80px;}

.toptitle {width:900px;margin:20px auto 20px auto;padding:0.4em 0em 0.1em 0em;text-align:center;color:#FFF;position:relative;overflow:hidden;font-family:"minion-pro-display",'oranienbaum',serif;font-style:normal;font-weight:bold;line-height:1;font-size:300%;letter-spacing:2px;}

#top2 {text-align:center;background:#fff; margin: 0 auto 50px 0;}

.img2 {positive:relative;display:inline;margin:5px 20px 5px 20px;}

#top {display:flex; justify-content:center;align-items:flex-end; margin:auto; width:70%;}
.img {flex:20%; text-align:center; margin:5px;}
.img img {max-width:200px; margin:auto;}

#logobaruni {display:flex; justify-content:center;align-items:flex-end; margin:0 auto 25px auto; width:70%;}
.imguni {flex:20%; text-align:center; margin:5px;}
.imguni img {max-width:150px; margin:auto;}

#part0 {margin:auto; text-align:center;}
#part1 {padding:4em 2em 4em 2em;overflow:hidden;}
.part1 p, ul, ol {margin:0 auto 1em auto;font-size:135%;line-height:1.4;text-align:justify;max-width:800px;}
.part1 p:last-child {margin:0 auto 0em;}

#part2 {overflow:hidden;background:#FFF;margin-top:-7px;}
#part2_IE_1 {padding:4em 2em 2em /*was 6em zonder #partextra*/ 2em;overflow:hidden;background:#FFF;margin:0 auto;}
#part2_IE_2 {margin:0 auto;max-width:840px;text-align:center;}
.part2 p {margin:0 auto 1em;font-size:135%;line-height:1.4;text-align:justify;max-width:800px;}
.part2 p:last-child {margin:0 auto 0em;}

#partextra {padding:1em 2em 4em 2em;overflow:hidden;}
#partextra p {margin:0 auto 1em;font-size:135%;line-height:1.4;text-align:justify;max-width:800px;}
#partextra p:last-child {margin:0 auto 0em;}

#part3 {overflow:hidden;}
#part3_IE_1 {padding:4em 2em 6em 2em;overflow:hidden;background:#eee;margin:0 auto;}
#part3_IE_2 {margin:0 auto;max-width:840px;text-align:center;}
.part3 img {display:block;padding:0;margin:0 auto 2em;width:100%;max-width:800px;height:auto;max-height:533px;}
.part3 p {margin:0 auto;margin-bottom:10px;font-size:135%;line-height:1.4;text-align:left;max-width:800px;clear:both;}
.part3 .center {margin:0 auto 1em;padding-top:1em;text-align:center;}
.part3 .space {margin:0 auto 1em;padding-top:1em;text-align:justify;}

#part7 {padding:4em 2em 4em 2em;overflow:hidden;background:#000;color:#a7a0a2;}
.part7 {background:#000;}
.part7 p {margin:0 auto 1em;font-size:135%;line-height:1.4;text-align:center;max-width:800px;}
.part7 p:last-child {margin:0 auto 0em;}
.part7 .justify {text-align:justify;}
.part7 a:hover {color:#FFF;outline: 0;}
.part7 a:focus {color:#a7a0a2;outline: 0;}

.funding {margin:0 auto 1em;font-size:135%;line-height:1.4;text-align:justify;max-width:800px;}

#footer {margin:0px auto 0 auto;padding:1em 2em;text-align:center;overflow:hidden;background-color:#333;}
.footer {background:#333;}
.footer p {margin:0 auto;font-size:100%;line-height:1.4;text-align:center;max-width:300px;}
.footer a {color:#a7a0a2;}
.footer a:hover {color:#FFF;outline: 0;}
.footer a:focus {color:#a7a0a2;outline: 0;}


/* Pseudo-elements */

section::before,section::after {position:absolute;content:'';pointer-events:none;}
#curveUpColor path,#curveDownColor path {fill:#fff;stroke:#fff;}


/* Grid Gallery */

/* General style */

.grid-wrap {max-width:640px;margin:0 auto 0 auto;padding-left: 40px;}
.grid-gallery ul {list-style:none;margin:0;padding:0;}
.grid-gallery li {width:240px;}
.grid-gallery figure {margin:0;}
.grid-gallery img {display:block;width:240px;height:240px;}
.grid-gallery figcaption {width:240px;}
.grid-gallery figcaption h3 {margin:0;color:green;}

#grid-gallery-prof {width:750px;margin:auto; text-align:center;}
.grid-gallery-2 ul {list-style:none;margin:0;padding:0;}
.grid-gallery-2 li {width:140px;}
.grid-gallery-2 figure {margin:0;}
.grid-gallery-2 img {display:block;}
.grid-gallery-2 figcaption {width:135px;}
.grid-gallery-2 figcaption h3 {margin:0;}

.grid-prof {margin:0 auto 0 auto;}
.grid-prof li {width:150px;float:left;cursor:pointer;}
.grid-prof figure {padding:20px;}
.grid-prof figcaption {margin:0;text-align:center;}

.grid {margin:0 auto 0 auto;}
.grid li {width:280px;float:left;cursor:pointer;}
.grid figure {padding:20px;}
.grid figcaption {padding:5px;margin:0;text-align:center;}
#part2 .grid figcaption {background:#2c8858;color:#fff;}
#part1 figcaption {background:#333;}

h2 {font-weight:normal;line-height:1.4;font-size:135%;}



.icon2:before,.icon2:after {font-family:'icomoon';speak:none;font-style: normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
span.nav-prev:before {content:"\e607";}
span.nav-next:before  {content:"\e606";}
span.nav-close:before {content:"\e609";}
.iconwidth {
width:615px;text-align:center; margin:0 auto 160px auto;
}
/* Media styles */

@media all and (max-width: 920px) {
	.funding {text-align:center;}
	.studyt {font-size:30px;letter-spacing: 1.5px;}
	.passbox {width:350px;}
	.langtext {font-size:14px;}
	#top {width:100%;}
	#logobaruni {width:100%;}
}
@media all and (max-width: 600px) {
    body {font-size:0.80em;}
    .icon {width:2em;height:2em;font-size:1.5em;line-height:2em;margin:.4em auto .3em auto;}
	.studyt {font-size:18px;letter-spacing: 1px;}
	.aboutstud {font-size:20px !important;letter-spacing: 1px;margin-left:5px !important;}
	.sectiontitle {font-size:20px; line-height: 20px;}
	.quest {height:400px;}
	#top {width:100%;}
	#logobaruni {width:100%;}
	#imglogo {
		width:310px !important;
	}

}

@media all and (max-width: 350px) {
		.studyt {font-size:12px;letter-spacing: 1px;}
		.aboutstud {font-size:18px;}
		.sectiontitle {font-size:30px; line-height: 30px;}
	   .icon {width:1.5em;height:1.5em;font-size:1.4em;line-height:1.5;margin:.4em auto .2em auto;}
   	#top {width:100%;}
   	#logobaruni {width:100%;}
	#imglogo {
		width:310px !important;
	}
	.passbox {width:320px !important; }
	.button2 {width:280px !important;}
	
}


/*  Mobile Safari fixes */

/* iPad fix */
@media all and (max-width:1024px) {
.quest {height:700px;background-image:url('../images/uqam4.jpg');background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-attachment:scroll;}
.studyt {font-size:30px;letter-spacing: 1px;}
.passbox {width:400px;padding:15px;}
.aboutstud {font-size:25px;}
}