@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 400;
  src: local('Vollkorn Regular'), local('Vollkorn-Regular'), url(http://themes.googleusercontent.com/static/fonts/vollkorn/v3/BCFBp4rt5gxxFrX6F12DKnYhjbSpvc47ee6xR_80Hnw.woff) format('woff');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: normal;
  font-weight: 700;
  src: local('Vollkorn Bold'), local('Vollkorn-Bold'), url(http://themes.googleusercontent.com/static/fonts/vollkorn/v3/wMZpbUtcCo9GUabw9JODerrIa-7acMAeDBVuclsi6Gc.woff) format('woff');
}
@font-face {
  font-family: 'Vollkorn';
  font-style: italic;
  font-weight: 400;
  src: local('Vollkorn Italic'), local('Vollkorn-Italic'), url(http://themes.googleusercontent.com/static/fonts/vollkorn/v3/Oiz0tNwvC-Nd29SBQWfWTL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}


a { font-weight:inherit; 
  color:inherit;
  background: transparent;
}
a:hover { background-color:rgb(178, 209, 251); } 


.title{
position:relative;
margin-bottom:2px;
padding-left:20px;
padding-right:20px;
padding-top:5px;
padding-bottom:5px;
background-color:rgb(178, 209, 251);
color:black;
font-style:italic;
}

p.right-align { text-align:right;}

a.underlinedlink { 
   text-decoration:underline;
   padding-left:5px;
   padding-right:5px;}

a.underlinedlink:hover{
  background:white;
  text-decoration:underline;
  color:black;}


.banner
{
position:relative;
background-color:rgb(178, 209, 251);
color:white;
text-align:center;
padding:5px;
}


a.button       { padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; }
a.button:hover{
  background:white;
  text-decoration:none;
  color:black;}


a.checked-button       { padding-left:10px; padding-right:10px; padding-bottom:5px; padding-top:5px; font-weight:bold;}
a.checked-button:hover{
  background:white;
  text-decoration:none;
  color:black;
  font-weight:bold;}



.main
{
position:relative;
margin-top:10px;
margin-right:5px;
margin-left:50px;
}

.left
{
position:relative;
margin-top:10px;
margin-right:5px;
padding:10px;
width:47%;
float:left;
}

.right
{
position:relative;
margin-top:10px;
margin-left:5px;
padding:10px;
width:47%;
float:right;
}

.small-left
{
position:relative;
margin-top:30px;
margin-right:5px;
padding:5px;
width:20%;
float:left;
}

.main-right
{
position:relative;
margin-top:10px;
margin-left:5px;
padding:10px;
width:75%;
float:right;
}
.clear {clear:both;}

.logos{
position:relative;
top:5px;
left:5px;
clear:both;
float:right;
padding-top:20px;
width:15%;
background-color:white;
color:black;}

.address{
position:relative;
padding:5px;
top:5px; right:5px;
float:left; 
width:60%;
margin-left:-1em;
padding-left:10%;
background-color:rgb(178, 209, 251);
color:black;
}

body { 
  background:white; 
  background-color:white; 
  color:black;
  margin-left:1em; margin-right:1em;
  font-family: 'Vollkorn', serif;
}


h1, h2, h3,h4, h5, h6 {
  color:inherit;
  font-weight: bold;
  background: transparent; padding-left:50px; margin-left:0px;}
h3,h4, h5, h6 {
  padding-left:20px; margin-right:-5px;
}
address { padding-left:40px;}
h1 { margin-bottom:20px; margin-left:-1em; margin-right:-1em; 
     padding:25px; font-size: 218% ; padding-left:2em;
    background-color:rgb(178, 209, 251);
  color: black; 
}
.seminairebettyb{ background-color:rgb(153, 255, 204); }
h2 { font-size: 164% ; background-color: rgb(178, 209, 251); margin-top:20px; margin-bottom:5px;}
.springer{ background-color:rgb(239,199,79);}
h3 { font-size: 125% ; 
text-transform:none; letter-spacing:0.1ex; margin-top:10px; margin-bottom:5px;}
h4 { font-style:italic; font-size: 118%  ; text-transform:lowercase;}
h5 { font-style: italic; font-size: 100% }
h6 { font-variant: small-caps; font-size: 100% }

tt { font-size:140% ;}
h2.plain {
  background-color:white;
  color: #A0CB31;
}

h3.plain {
  font-size:118%;
  text-transform:none; letter-spacing:0ex;
  background-color:white;
  color: black;
}

p.titre{
  margin-left:20%;
  clear:both;
  font-size:100%;
}

p.horaire{
   float:left;
   font-size:250%;
   color:  rgb(178, 209, 251);
   margin:0px; margin-right:1em;
  }

p.resume {
  clear:both;
  font-size:80%;
  padding:10px;
  margin-left:8em; margin-right:1em;
  background-color:rgb(178, 209, 251);
  color:black;}

p.reverse {
  background-color:#A0CB31;
  color: black; 
}

p.comment {
   font-size:80%;
   margin:0px;
   margin-left:8em; margin-right:1em; 
   font-style:italic;
}



center-align {
  text-align: center;
}

right-align {
  text-align: right;
}

left-align {
  text-align: left;
}




a.plain {
  color:inherit;
  font-weight: inherit;
}
a.plain { font-weight:inherit; 
  color:black;
  background: transparent;
  text-decoration:underline; padding-left:2px; padding-right:2px;
}
a.plain:hover { background-color:rgb(176, 196, 222); color:black;text-decoration:none;}

a.popupimg img { height:0; border-width:0 }

a.popupimg:hover img { position:absolute; top:100px; right:50px; height:160px; border-width:1px; }

p { padding-left:0em; margin:0em; }

ul.seminaire {
   list-style-type:none;
   padding:5px;
   padding-left:2em;}
.seminaire {
   background-color:rgb(178, 209, 251);}

dl.seminaire {
  overflow:hidden;
  padding-left:2em;
}

dl.seminaire dt {
  float:left; clear:left;
  font-weight:bold;
  width:4em; } 

dl.seminaire dd {
  float:left;
  width:90%;
  margin-left:0em;
}

h1.seminairebettyb {height:2em;}
h1.seminaire{height:2em;}
ul.seminairebettyb {
   list-style-type:none;
   padding:5px;
   padding-left:2em;}
.seminairebettyb {
   background-color: rgb(153, 255, 204) ; }

.history {
   background-color: #BAB1A6; }
.history a:hover {
   padding:10px;
   background-color: rgb(255,255,255);}
.seminairebettyb a:hover {
   background-color: rgb(255,255,255);}
.seminaire a:hover{
   background-color: rgb(255,255,255);}
.seminairebettyb a:link {
   text-decoration: none;}
.seminaire a:link{
   text-decoration: none;}

dl.seminairebettyb {
  overflow:hidden;
  padding-left:2em;
  background-color:rgb(153, 255, 204); }

dl.seminairebettyb dt {
  float:left; clear:left;
  font-weight:bold;
  width:4em; } 

dl.seminairebettyb dd {
  float:left;
  width:90%;
  margin-left:0em;
}

/* Create two equal columns that floats next to each other */
.left-column {
    float: left;
    width: calc(50% - 30px) ;
    padding: 10px;
}
.right-column {
    float: right;
    width: calc(50% - 30px) ;
    padding: 10px;
}
.column {
    float: left;
    width: calc(50% - 30px) ;
    padding: 10px;
}
/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media (max-width: 900px) {
    .left-column {
        width: 100%;
    }
    .right-column {
        width: 100%;
    }
    .column {
        width: 100%;
    }
}

/* Clear floats after the columns */
.row:after {
    content: "";
    float:bottom;
    display: table;
    clear: bottom;
}