@charset "utf-8";
*
{
  margin:0;
  padding:0;
  /*border:0;*/
  font-family:"Trebuchet MS";
}
html
{
  min-height: 100%;
	height: auto;
}
body
{
  background-color: #00629c;
  background-image: url("../images/background.jpg");
  background-position:bottom;
  background-repeat:repeat-x;
  /*height:100%*/
}
#top_header{
  width : 458px;
  height : 60px;
  margin: 5px auto;
}
#centre
{
  position:relative;
  width:1000px;
  margin-right:auto;
  margin-left:auto;
  /*margin-top:70px;*/
  margin-bottom:159px;
  left:50%;
  margin-left:-500px;
  }
#header
{
  height:216px;
  background-color: #45b0dd;
  background-image: url("../images/header2-2010.jpg");
}
#footer
{
  clear:both;
  height:61px;
  background-color:#063263;
  position : relative;
}

#footer a.effta{
  position : absolute;
  bottom : 3px;
  right: 180px;
}
#conteneur
{
  background-color: #20a0d6;
  background-image: url("../images/fond-centre.jpg");
  background-repeat: repeat-y;
}
#menugauche
{
  float:left;
  min-height: 369px;
  height:auto !important;
  height:369px;
  position:relative;
  width:201px;
  background-image: url("../images/menu-gauche.jpg");
  background-repeat: no-repeat;
  text-align:center;
}
#menuhaut
{
  position:relative;
  width:630px;
  margin-top:168px;
  margin-left:360px;
}
#contenu
{
  margin-left:201px;
  background-color: #00629c;
  background-image: url("../images/contenu-droite.jpg");
  background-repeat: repeat-y;
  background-position:100%;
  padding-right:20px;
  padding-left:5px;
  color: #ffffff;
  font-size:14px;
  text-align:justify;
  min-height: 285px;
  height:auto !important;
  height:285px;
  }
.spacer
{
  clear:both;
}
#hautmenu
{
  margin-left:201px;
  background-color: #61c5ef;
  background-image: url("../images/haut-contenu.jpg");
  background-repeat: no-repeat;
  height:87px;
  position : relative;
}

#hautmenu #nomSalon{
	color : white;
	padding-top : 28px;
	margin-left:40px;
	position : absolute;
	top : 0px;
	left : 0px;
	font-size : 1.2em;
}

#text-menu-haut
{
  color: #002f4c;
  font-size:1.1em;
  float:left;
}
#text-menu-droite
{
  float:right;
  padding-right:15px;
  color: #e95c15;
  font-size:1.1em;
}
#text-contenu
{
  color: #ffffff;
}
.spacebar
{
  margin-right:15px;
  display:block;
  float:right;
  width:4px;
  background-image: url("../images/spacebar.jpg");
}
#fleche
{
  float:left;
  height:21px;
  width:20px;
  margin-right:10px;
  margin-top:2px;
  background-image: url("../images/fleche.jpg");
}
#logo-nantes, #contenu-footer, #id-interactive
{
  color: #ffffff;
  font-size:14px;
}
#logo-nantes, #contenu-footer, #fleche-bas
{
  float:left;
}
#logo-nantes
{
  margin-top:10px;
  margin-right:15px;
  margin-left:20px;
}
#id-interactive
{
font-size:12px;
  float:right;
  margin-right:10px;
}
#contenu-footer, #id-interactive
{
  margin-top:20px;
}
#contenu-footer
{
  margin-left:10px;
}
#pour-exposer
{
  float:right;
  background-image: url("../images/pour-exposer.jpg");
  height:55px;
  width:149px;
  margin-top:3px;
}
#newsletter
{
  color: #9fedff;
  font-size:11px;
  padding-top:10px;
  float:right;
  margin-right:70px;
  margin-left:20px;
}
#contenu-header
{
  color: #ffffff;
  font-size:12px;
  text-align:right;
}
#email-newsletter
{
  border:1px solid;
  border-color: #37a9da;
  background-image: url("../images/fond-email.jpg");
  color: #ffffff;
}
#submit
{
  color: #e95c15;
  background-color: #ffffff;
}
h1
{
  font-size:1.2em;
  color: #6fc6de;
}

h2{
  font-size : 1.1em;
  font-weight : bold;
  margin : 8px 0px;
}

h3{
  font-size : 1em;
  font-weight : bold;
  margin : 5px 0px;
}

p{
  margin : 10px 0px;
}

#barre-titre
{
  padding-top:30px;
  margin-bottom:5px;
}
a
{
  color: #6fc6de;
  text-decoration:none;
}
a:hover
{
  text-decoration:underline;
}
#texte-rubrique
{
  border-left: solid 2px #e95c15;
  padding-left:5px;
}
#barre-titre
{
  border-bottom: solid 2px #3794bd;
}
#titre-rubrique
{
  font-size:1.2em;
  color:#e95c15;
}
a.lien-header
{
  color: #e95c15;
  text-decoration:none;
}
a.lien-header:hover
{
  color: #e95c15;
  text-decoration:underline;
}
a.lien-retour-accueil
{
  color: #002f4c;
  text-decoration:none;
}
a.lien-retour-accueil:hover
{
  color: #002f4c;
  text-decoration:underline;
}
#lien-background-header
{
  position:absolute;
  margin-top:20px;
}
img
{
	border:0;
}
ul, ol
{
	padding-left:50px;
}
ul.rond
{
	list-style-type:disc;
}
ul.carre
{
	list-style-type:square;
}
span.souligne
{
	text-decoration:underline;
}
.erreur
{
	color:#FF6600;
}
td
{
	padding-bottom:5px;
}
.exposant
{
	padding-left:2px;
	list-style-type:none;
	border-left:2px solid white;
	color:white;
	padding-right:10px;
}
.coloneexpo
{
	width:250px;
}
textarea
{
	width:400px;
}


/*** Médiatheque ***/

div#mediatheque{
  overflow: hidden;
}

div#mediatheque div{
  margin : 10px 0px;
  clear : left;
  overflow: hidden;
  padding : 10px;
}

div#mediatheque div.pair{
  background : #006EAB;
}

div#mediatheque div.impair{
  background : #00527F;
}

div#mediatheque div a{
  display : block;
  float : left;
  margin-right : 10px;
}

div#mediatheque div p {
  float : left;
  margin-right : 10px;
}

table.conference{
  clear : both;
  font-size : 11px;
}

table.conference th{
  text-align :center;
  padding : 2px 4px;
  font-weight: bold;
  font-size : 12px;
  border-bottom : 1px solid white;
  background: #00527F;
}

table.conference td{
 padding : 2px 4px;

}

table.conference td.horaire{
  text-align :center;
  font-weight : bold;
  font-size : 1.1em;
}

table.conference tr.pair td{
  background: #0079BB;
}

table.conference tr.impair td{
  background: #00527F;
}

p.encart{
  text-align : center;
  border : 1px solid white;
  width : 350px;
  padding : 10px;

  margin : 0px auto;
  margin-left : 330px;
}

/* Programme projections */

#projections h2{
  border-top : 1px solid white;
  border-bottom : 1px solid white;
  font-size : 1.6em;
}

#projections h3{
  font-size : 1.5em;
}

#projections ul{
  list-style : square;
}

#projections .film{
  margin : 20px 0px;
}

#plans .small{
  width : 380px;
  float : left;
  text-align : center;

}

#plans{
  overflow : hidden;
}

.logos_partenaires{
	float:  right;
	margin : 0px;
	overflow : hidden;
}

.logos_partenaires img{
	float : left;
	padding-top : 1px;
	margin-right : 5px;
}

#lecteurVideos {
	margin-left:19%;
}
.addthis_toolbox {
	padding:5px;
	background-color: #168DC5;
	width:165px;
	line-height:9px;
	color:white;
	margin:0 auto;
	border:1px solid #095376;
}
.addthis_toolbox h4 {
	width:70px;
	float:left;
	line-height:19px;
}
.addthis_toolbox a {
	cursor:pointer;
	text-decoration:none;
}
.addthis_toolbox a:hover {
	text-decoration:none;
}
