/*stylesheet for TPAC2010
Based on the one created by Karl Dubost for TPAC2008, edited in 2010 by Coralie - coralie@w3.org*/
#main {  padding: 0 0.5em }

@media screen and (min-width: 600px) {

body { margin: 0 5em;  }

#main {  padding: 1em 1em 0 1em; }

div#page { background-position: right center;
background-image: url(pink-saone-small.png);
background-repeat: no-repeat;
background-attachment: scroll;
}

}
html {background-color: #333;
margin: 0;
padding: 0;
background-image: none; }

body {font-weight: normal;
font-family: "Gill Sans", Verdana, sans-serif;
font-size: .95em;
}

#main {line-height: 1.2;
text-align: justify;
background-color: #fff;
margin: 0 auto 0 auto; }

div#page {padding: 0;
margin: 0;
background-color: #434f59;
color: #fff;
padding-top: 0.6em;
margin-top: 0.6em; }

p {margin: 1em 0; }

p.microblog {
margin: 0em;
}

p.logo {float:left; margin: 1.7em 0 0 4px}

a:link {color: #434f59;
font-weight: bold; }

a {margin: 0 }

a:visited {color: #434f59 }

div#page h1 {
/*color: #d9b29c;*/
color: #fff;
margin: 1em 250px auto 80px;
padding: 0 0.5em 1em 0.5em;
font-size: 1.5em;
background-image: none; }

div#page .baseline {font-size: 0.7em;
margin-top: 0.6em;
display: block; }
h2, h3 {margin: 2em 0 1em 0;
font-family: "Gill Sans", Verdana, sans-serif;
text-align: left; }
h3 {color: #434f59;}
h2 {color: #000;
padding: 0.2em 0.2em;
font-family: "Gill Sans", Verdana, sans-serif; 
background-color: #d9b29c; }

#footer {background-color: #333;
/*color: #d9b29c;*/
color: #fff;
font-size: .9em;
clear: both;
margin:0 -1em;
padding: 0.5em 1em;
border-top: #d9b29c 6px solid; }

#footer a {/*color: #d9b29c;*/
color: #fff; }

#footer a:visited {/*color: #d9b29c;*/
color: #fff; }

address {margin:0;
padding:0; }

#navigation {font-family: "Gill Sans", sans-serif;
background: #333;
border-top: 6px solid #d9b29c;
border-bottom: 1px solid #333;
margin: 0;
padding: 0.5em 0;
width: 100%; }

#navigation ul {margin: 0;
padding: 0;
list-style: none; }

#navigation li {display: inline;
margin: 0;
padding: 0 0 0 25px;
/*color: #d9b29c;*/
color: #fff;}

#navigation li a {
/*color: #d9b29c;*/
color: #fff;
text-decoration: none; }

#navigation li a:visited {
/*color: #d9b29c;*/
color: #fff;
text-decoration: none; }

table {text-align:left;
font-size: 0.9em;
border-collapse: collapse;
border: 1px solid #333;
margin: 2em auto;
width: 80%; }

table caption {font-weight: bold;
background-color: #fff;
margin: 0 auto; }

th {padding: 5px .3em;
border-bottom: 1px solid #333;
background: #434f59;
color: #fff; }

td {padding: 5px .3em;
border-bottom: 1px solid #333; background-color: white;}

.toc {border-bottom: 2px solid #434f59;
margin-bottom:1em;
padding-bottom: 4px; }

.toc ul, .toc li, .toc p {font-size: .95em;
margin: 0 0 0 0;
padding: 0;
display: inline;
text-align: left; }

dl {border-left: 5px solid #d9b29c;
padding-left:1em; }

dt {color: #434f59;
font-weight: bold;
font-size: .9em; }

dd {font-size: .9em;
margin-left:1em; }

.location {font-weight: bold; }

#microblog {
float: right;
text-align: center;
background-color: #fff;
width: 100px;
border: 3px solid #C9BDAD;
/*padding: 0 1em 0 1em;*/
margin-left: 1em;
padding: 0.6em 0.3em;
}

.picto {
margin-right: 0.3em;
vertical-align: middle}

#sponsor {
float: right;
text-align: center;
background-color: #fff;
width: 300px;
border: 1px solid #ddd;
padding: 0 1em 0 1em;
margin-left: 1em; }

.photo {
clear:left;
float:left;
margin-right:1em;
border-style: solid solid solid none;
border-width: 0.5em;
border-color: white; }

.photo img {vertical-align: bottom}