body {
  background-color:#EEE;
  font-size: 11pt;
  color: #333;
  margin:none;
  font-family: 'Source Sans Pro', sans-serif;
}

a, a:visited {
  text-decoration:none;
  color:#0055D4;
}
a:hover, a:active {
	color:#D45500;
}

header {
  position:relative;
  z-index:+1;
  /*height:150px;*/
  padding:0em 1em 0em 1em;
  /*background:url('../gfx/stjacut2.jpg') no-repeat center center fixed;
  background-size: cover;*/
  background-color: #222;
  box-shadow: 8px 8px 12px #aaa;
  color:white;
}
header a, header a:visited {
  color:inherit;
}
header a:hover, header a:active {
  font-weight:bold;
}

nav {
  position:relative;
  background-color:#CCC transparent;
  z-index:-2;
  /*margin-left:3em;*/
  margin-top: 1em;
  font-size:120%;
}
nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
nav li {
    display: inline;
    text-align:center;
}
nav li.notactive {
  box-shadow:0px 0px 1px #777;
  color:#666;
  padding-left:0.5em;
  padding-right:0.5em;
}
nav li.selected {
  box-shadow:0px 0px 1px #777;
  background-color:#666;
  padding-left:0.5em;
  padding-right:0.5em;
  font-weight:bold;
}
nav a, nav a:visited {
  color: #FAA;
  box-shadow:0px 0px 1px #777;
  background-color:#333;
  padding-left:0.5em;
  padding-right:0.5em;
}
nav a:hover, nav a:active {
  color: #FFF;
  background-color:#666;
  box-shadow:1px 1px 3px white;
  font-weight:normal;
}

#social {
  position:absolute;
  left:2px;
  top:180px;
}

#content {
  position:relative;
  background-color:white;
  font-family: 'Alegreya', serif;
  margin: 0 10% 0 10%;
  margin: 0 min(5em) 0 min(5em);
  padding:1em 1em 0 1em;
}

#signin {
  clear:both;
  font-size:1.5em;
  position: relative;
  width:100%;
  font-family: Oswald, sans-serif ;
  text-align:center;
}
#signin a, #signin a:visited {
  border-radius:0.5em 0.5em 0.5em 0.5em;
  box-shadow:0px 0px 5px black;
  background:#666;
  color:#FFF;
  text-shadow:1px 1px 0px #222;
  padding:0.5em;
}
#signin a:hover, #signin a:active {
  background: rgb(169,3,41); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
  padding:0.5em;
}

section {

}

section h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:normal;
  font-size:200%;
  padding-left:0.5em;
  border-radius:1em 0 1em 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1eecb+0,ece8b8+50,e6e1a2+51,eeeabe+100 */
  background: rgb(241,238,203); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(241,238,203,1) 0%, rgba(236,232,184,1) 50%, rgba(230,225,162,1) 51%, rgba(238,234,190,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,238,203,1)), color-stop(50%,rgba(236,232,184,1)), color-stop(51%,rgba(230,225,162,1)), color-stop(100%,rgba(238,234,190,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  rgba(241,238,203,1) 0%,rgba(236,232,184,1) 50%,rgba(230,225,162,1) 51%,rgba(238,234,190,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  rgba(241,238,203,1) 0%,rgba(236,232,184,1) 50%,rgba(230,225,162,1) 51%,rgba(238,234,190,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  rgba(241,238,203,1) 0%,rgba(236,232,184,1) 50%,rgba(230,225,162,1) 51%,rgba(238,234,190,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(241,238,203,1) 0%,rgba(236,232,184,1) 50%,rgba(230,225,162,1) 51%,rgba(238,234,190,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1eecb', endColorstr='#eeeabe',GradientType=0 ); /* IE6-9 */
}
section h1.none {
  background:none;
  border:none;
  padding:0;
}
section h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:normal;
  font-size:150%;
}
section h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:normal;
  font-size:120%;
}
section p {
  text-align:justify;
}

/**
 Exemple: http://www.css3create.com/Hover-avec-transitions#
 */
 article.lecturers {
  clear:both;
  width:70%;
  margin-left:15%;
}
article.lecturers ul {
	margin: 0;padding:0;
	list-style: none;
  background:#333;
  border-radius:0px 15px 15px 0px;
  box-shadow:0px 0px 5px black;
}
article.lecturers li {
  position:relative;
  text-align:left;
  width:100%;
  min-height:90px;
  background:linear-gradient(#AAA, #CCC);
}
article.lecturers.vide li {
  min-height:0;
}
article.lecturers ul li a{
  display : block;
  min-height:90px;
  background-color:#666;
  color:white;
  text-decoration:none;
  text-shadow:0px 1px 0px #333;
  -webkit-transition:background 0.5s;
  -moz-transition:background 0.5s;
  -ms-transition:background-color 0.5s;
  -o-transition:background 0.5s;
  transition:background 0.5s;
  border:1px solid rgba(0,0,0,0.5);
  border-left-width:15px;
  border-top:1px solid rgba(255,255,255,0.5);
  padding-top:4px;
  padding-left:15px;
  padding-right:15px;
}
article.lecturers.vide ul li a {
  min-height:0;
}

article.lecturers ul li a:hover{
  color:#0055D4;
  text-shadow:0px 1px 0px rgba(255,255,255,.3);
  background: transparent;
  -webkit-transition:background 0s;
  -moz-transition:background 0s;
  -ms-transition:background-color 0s;
  -o-transition:background 0s;
  transition:background 0s;
}

article.lecturers ul li a.un:hover { background: url('../gfx/progpuces/DanielChoquet.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.un { background-image: url('../gfx/progpuces/DanielChoquetB.png'); background-repeat: no-repeat;background-position:5px 5px;  }
article.lecturers ul li a.deux:hover { background: url('../gfx/progpuces/PolinaGolland.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.deux { background-image: url('../gfx/progpuces/PolinaGollandB.png'); background-repeat: no-repeat; background-position:5px 5px; }
article.lecturers ul li a.trois:hover { background: url('../gfx/progpuces/ElsaAngelini.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.trois { background-image: url('../gfx/progpuces/ElsaAngeliniB.png'); background-repeat: no-repeat; background-position:5px 5px; }
article.lecturers ul li a.quatre:hover { background: url('../gfx/progpuces/VasilisNtziachristos.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.quatre { background-image: url('../gfx/progpuces/VasilisNtziachristosB.png'); background-repeat: no-repeat; background-position:5px 5px; }
article.lecturers ul li a.cinq:hover { background: url('../gfx/progpuces/JorgeCardoso.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.cinq { background-image: url('../gfx/progpuces/JorgeCardosoB.png'); background-repeat: no-repeat; background-position:5px 5px; }
article.lecturers ul li a.six:hover { background: url('../gfx/progpuces/JongChulYe.png') no-repeat; background-position:5px 5px; }
article.lecturers ul li a.six { background-image: url('../gfx/progpuces/JongChulYeB.png'); background-repeat: no-repeat; background-position:5px 5px; }

article.lecturers ul li:first-child, article.lecturers ul li:first-child a{
  border-radius: 0px 20px 0px 0px;
}

article.lecturers ul li:last-child, article.lecturers ul li:last-child a{
  border-radius: 0px 0px 20px 0px;
}
article.lecturers li.clear {
	clear: left;
}

article font.author  {
  font-variant:small-caps;
  font-weight:bold;
  font-size:130%;
}
article font.lecture {
  font-style: italic;
}

article.frominside img {
  border:none;
  box-shadow:1px 1px 3px black;
  margin:1em;
}

#previouseditions ul.mainul {
  margin:0;
  padding:0;
}
#previouseditions h2 {
  background:linear-gradient(#CCC, #FFF);
  padding-left:0.2em;
  color:#990033;
  margin-bottom:0;
}
#previouseditions h3 {
  margin-bottom:0;
}
#previouseditions li.previousedition {
  clear:right;
  list-style-type: none;
  margin:0;
  padding:0;
}
#previouseditions img.previousphoto {
  width:40%;
  float:right;
  margin:0.5em;
  box-shadow:1px 1px 3px black;
}
#previouseditions p.participants {
  font-size: 0.85em;
  margin-top:0;
}

p.error {
  color:red;
  font-size:0.8em;
  box-shadow:0px 0px 15px rgba(255,128,128,0.5);
}

footer {
  clear:both;
  background-color: #333;
  background-image: url(../gfx/contact.png);
  background-repeat: no-repeat;
  background-position: top right;
  box-shadow:0px 0px 15px black;
  margin:0;
  color:#EEE;
  padding-left:1em;
  padding-right:1em;
  padding-bottom: 1em;
}
footer h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:normal;
  font-size:200%;
  margin:0; padding:0;
}
footer p {
  margin:0;
  padding:0;
}
footer a, footer a:visited {
  color:#3388F7;
}
footer a:hover, footer a:active {
	color:#D45500;
}

#logo {
  margin-top: 1em;
  text-align:center;
}

/**
  Forms
 */
form {
  font-family:'Source Sans Pro', sans-serif;
}
label, input, select {
	display:block;
}
label {
  font-weight:bold;
}
/*input:required:focus {
  border: 1px solid rgba(0, 0, 200, 1);
  outline: none;
}*/
input:focus, textarea:focus {
  box-shadow: 2px 2px 5px rgba(128, 128, 128, 0.85);
}
input:required, input:invalid, textarea:required,textarea:invalid {
	border: 1px solid red;
}
input:required:valid, textarea:required:valid {
	border: 1px solid green;
}
input, select, textarea {
	margin-bottom: 0.5em;
}
fieldset {
	margin-bottom: 2em;
	padding: 1em;
  border: 1px solid #aaa;
}
fieldset legend {
  background-color:#aaa;
  font-variant:small-caps;
  font-weight:bold;
  font-size:1.2em;
  color:white;
  padding-left: 1em;
  padding-right: 1em;
}
fieldset fieldset {
	margin-top: 1em;
	margin-bottom: 1em;
}
input[type="checkbox"] {
	display:inline;
}
input[type="radio"] {
	display:inline;
}

a.button_apply {
  font-size: 1.2em;
  border:1px solid #15aeec; -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 10px 30px 10px 30px; text-decoration:none;
  display:inline-block;
  text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
  font-weight:bold;
  background-color: #49c0f0; background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
  background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
  background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
  background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
  background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
  background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
  color:#ffffff;
}

a.button_apply:hover {
  color:#ffffff;
  border:1px solid #1090c3;
  background-color: #1ab0ec; background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
  background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
  background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
}