body {
  font-family : "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
  font-size : 100%;
  background-color : #333;
  /*background-image: url(img/bggradient.png);*/
  background-repeat: repeat-x;
  background-position : top left;
  background-attachment : fixed;
  margin : 0pt auto;
  max-width : 980px;
 }
 
 a {
 color:#483D8B;
 text-decoration:underline;
 }
 
 a:hover {
 color:#555555;
 }

 a:visited {
 color:#483D8B;
 text-decoration:underline;
 }

 #talks li{
    margin:0px 0 5px 0;
 }

 ul {
 margin-bottom: 25px;
 }

 ul li{
 margin:10px 0 5px 0;
 }

 img {
  border:none;
 }

 #total {
  margin-top:15px;
  margin-bottom:15px;
  background-color:#483D8B;
  border:6px solid lightgray;
  border-right:6px solid lightgray;
  border-bottom:6px solid lightgray;
  text-align : justify;
 }

 #contact {
 color : lightgray;
 background-repeat: no-repeat;
 padding: 1em;
 min-height: 120px;
 font-size: 0.9em;
}

 #contact a {
  color:#ff5300;
 } 

 #name {
 text-align: center;
 float:left;
 width:65%;
 }

 #tof {
 float: right;
 width:25%;
 padding:1em;
 }

 #tof img {
  width : 100%;
  padding : 6px;
  margin: auto;
  background-color:#483D8B;
 }

#tof3 {
 float: right;
 width:25%;
 padding:1em;
 }

 #tof3 img {
  width: 70%;
  padding : 6px;
  margin: auto;
  background-color:#483D8B;
 }
 
#tof3l {
  float: left;
  width: 20%;
  padding: 1em;
}

 #tof3l img {
  width: 70%;
  padding : 6px;
  margin: auto;
  background-color:#483D8B;
 }
 
#tof3r {
  float: left;
  width: 20%;
  padding: 1em;
}

#tof3r img {
  width: 70%;
  padding : 6px;
  margin: auto;
  background-color:#483D8B;
 }

#tof3m {
  display: none;
}

@media screen and (max-width: 600px){
    #tof {width: 60%; float:none; margin: auto;}
    #tof3 {width: 100%; float:none; margin: auto;}
    #tof3 img{width:40%; padding-left:10px; padding-right:10px;}
    #tof3m {display:block; width: 100%; float:none; margin: auto;}
    #tof3m img{width:40%; padding-left:10px; padding-right:10px;}
    #tof3l {display:none;}
    #tof3r {display:none;}
    #name {width: 100%; float:none; margin: auto; text-align:center;}
    #tof4 {display:none;}
}

 #tof2 {
 padding:1em;
 }

 #tof2 img {
  display: block;
    margin-left: auto;
    margin-right: auto;
  width : 95%;
  padding : 3px;
  background-color:#483D8B;
 }

#tof4 {
 padding:1em;
 }

 #tof4 img {
  display: block;
    margin-left: auto;
    margin-right: auto;
  width : 85%;
  padding : 3px;
  background-color:#483D8B;
 }


#adresses h4 {
 margin:0px;
}

#flags {
padding-top:1em;
}

#gototop {
  background-color:#483D8B;
  position: fixed;
  right:20px;
  bottom:20px;
  padding:4px;
  font-size:1.5em;
  border: 3px solid lightgray;
}

#gototop a {color:lightgray;}

#gototop a:hover {color:#555555;}

#menu {
    border-top : 3px solid lightgray;
    background-color:#483D8B;
    padding:1em 0em;
    width:100%;
    margin-top:0px;
    margin-bottom:20px;
    text-align:center;
    clear: both;
}

#menu ul {
    max-width: 900px;
    list-style-type: none;
    margin: auto;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    text-align: center;
}

#contenu {
  color : #000000;
  clear:both;
  border-top: 6px solid lightgray;
  background-color: lightgray;
  background-repeat: no-repeat;
  /*background-image: url('img/bgcontenu.png');*/
  background-position:bottom;
  font-size:1em;
  min-height:400px;
  max-width:1024px;
  padding: 1em;
  padding-top: 1em;
 }
 
#contenu h1 {
  margin-top:50px;
  border-top : 3px solid #483D8B;
  color : #483D8B;
  text-align : left;
  font-size:1.5em;
  padding-left : 5px;
 }
 
 
#contenu h2 {
  border-top : 1px solid #505050;
  clear:left;
  color : #505050;
  text-align : left;
  font-size:1.2em;
  margin-left:1em;
  padding-left:0.2em;
  margin-bottom:10px;
 }

 #contenu h3 {
  clear:left;
  color : #483D8B;
  text-align : left;
  font-size:1em;
  margin-left:1em;
  padding-left:0.5em;
  margin-bottom:0px;
  padding-top:10px;
}


#contenu p { 
  margin-top:0px !important;
  margin-bottom:0px !important;
  padding-bottom:10px !important;
  padding-left:0.5em;
  text-indent:0pt;
 }

 #annonce {
  text-align:center;
 }

 #annonce ul {
  margin-top:5px; 
  padding-left:7em;
  margin-bottom:0px;
 }

 #annonce li {
  margin-top:5px; 
  margin-bottom:0px;
 }

 #annonce span {
  clear:both;
  text-indent:0px;
  text-align:justify;
  margin:auto;
  margin-top:2em;
  margin-bottom:0em;
  border:3px solid #483D8B;
  padding:1em;
  display:table;
 }

#abstracts p {
  margin-right:10%;
  margin-left:150px;
  border-left: 1px solid #483D8B;
 }

#abstracts p.textleft {
  text-align:left;
  text-indent:0pt;
  margin-left:0pt;
  border:none;
  }

#note p {
  padding-top: 1em;
  margin-right:5%;
  margin-left:5%;
  text-align: right;
  font-size: .8em;
 }

 #abstracts h2 {
  border-top : 1px solid #545D76;
  clear:left;
  color : #545D76;
  text-align : left;
  font-size:1.2em;
  margin-left:1em;
  padding-left:0.2em;
  margin-bottom:0em;
 }

 #abstracts h3 {
  clear:left;
  color : #483D8B;
  text-align : left;
  font-size:1em;
  margin-left:1em;
  padding-left:0.5em;
  margin-top:0em;
  margin-bottom:10px;
}

 #abstracts h4 {
  color : #483D8B;
  margin-bottom:0px;
}

#abstracts img {
  max-height: 120px;
  max-width: 100px;
  margin-left: 2em;
  margin-right: 1em;
  margin-bottom: 1em;
  vertical-align: middle;
  float: left;
}

#participants p {
  margin-right:0%;
  margin-left:0%;
  border-left: 1px solid #483D8B;
  text-indent:0pt;
  padding-left:5pt;
 }


 .part td{
 text-align: left;
 padding-left: 5px;
 border:none;
 max-width: 30%;
 margin: auto;
 }


.program table{
  margin-right: auto;
  margin-left:auto;
  table-layout:fixed;
  border-collapse: collapse !important;
  max-width: 700px;
}

.program th, td, tr{
border: 3px solid #483D8B;
text-align: center;
}


.program td[rowspan] {
  text-align: center;
}

.nobord{
  border:none;
}

#program th, td{
  padding:5px;
}

.textleft {
  text-align:left;
  text-indent:0pt;
  margin-left:0pt;
  border:none;
  }

.center {
  text-align:center;
}

.note {
  border:none !important;
  font-size: small;
  text-align: right;
  padding-top: 0px;
}

 #pied {
 font-size:0.8em;
 text-align:center;
 }

 #pied img {
 color:lightgray;
 float:right;
 text-align:right;
}

#display p{
  color:#483D8B;
  text-indent:0pt;
  text-align:center;
}

#display img {
    border: 3px solid #483D8B;
    width: 80%;
    height: auto;
    vertical-align: middle;
}

#display a {
  font-size:1em;
}

#display a.hover {
  color:#555555;
}

#photos p {
  color:#483D8B;
  text-indent:0pt;
  text-align:center;
}

#photos img {
    margin: 10px;
    border: 3px solid #483D8B;
    max-width: 180px;
    height: auto;
}


#pied a {color:#483D8B; text-decoration:underline;}
#pied a:visited {color:#483D8B; text-decoration:underline;} 
#pied a:hover {color:#555555;}

iframe.center {
    width: 95%;
    max-height: 400px;
    margin-left: auto;
    margin-right: auto;
}

#imagesMain {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-align: center;
  border: solid #483D8B;
}

#imagesMain img {
  max-height: 100px;
  max-width: 300px;
  vertical-align: middle;
  padding: 1em;
}

#imagesMain1 {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  text-align: center;
  border: solid #483D8B;
}

#imagesMain1 img {
  max-height: 100px;
  max-width: 200px;
  vertical-align: middle;
  padding: 1em;
}

#image {
  max-width: 900px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1em;
  margin-bottom: 1em;
  text-align: center;
  border: solid #483D8B;
}

#image img {
  max-height: 200px;
  max-width: 300px;
  vertical-align: middle;
  padding-top: 1em;
  padding-right: 3em;
  padding-bottom: 1em;
  padding-left: 3em;
}

.anchor {
    display: block;
    position: relative;
    top: -15px;
    visibility: hidden;
}

p.center {
  margin-top:0px !important;
  margin-bottom:0px !important;
  padding-bottom:0px !important;
  margin-left:auto;
  margin-right:auto;
  text-indent:0pt;
  text-align:center;
 }