
.up
{
   font-size:50em;
}

html,body
{
  margin:0;
  padding:0;
  width:100%;
}
body
{
  background:#995555;
  color:#444444;
  font-family: "Arial", sans-serif;
  font-size:11pt;
  font-weight:normal;
  line-height:150%;
  position:absolute;
  width:100%;
}
body#new
{
   background:white;
}
p       { text-align:justify;}

ul li      { list-style:square; }

ol         { padding-bottom:0.7em; }
ol li      { list-style:upper-alpha;}
ol li li   { list-style:decimal;}

a img   { border:0; }


a       { color:#FFFFFF; /* text-decoration:none */}
a:hover { color:#DD9900; /* text-decoration:underline */}

div     { margin:0; padding:0;}
img     { margin:0; padding:0;}

/* img.pngalpha { behavior: url(data/styles/pngHack.htc); } */

.clearLeft { clear:left; height:0; }

.erreur { color:#ff0000; }

#bandeau .champs { border:solid 1px#995555;   }


input.bouton:hover { border:solid 1px #000000;background:#AA0000; color:#FFFFFF; cursor:pointer }
input.bouton {  border:solid 1px #DDDDDD; color:#AA0000; margin:auto;font-size:9pt;font-family:sans-serif; padding:0.2em; }

#contenu .champs         { vertical-align:middle;border:solid 1px#DDDDDD; color:#AAAAAA; width:40em;font-size:9pt;font-family:sans-serif; padding:0.15em 0; margin:0;  }
#contenu textarea.champs { height:25em;}

input[type=hidden] { display:none;   }

#contenu a       { color:#AA0000; }
#contenu a:hover { color:#DD9900; }

#contenu hr {  border:none; border-top:dotted 1px #aaa; margin:1em 0;}
#contenu h1 { font-size:18pt; margin:0.5em 0 1em 0;}
#contenu h2 { font-size:14pt;font-variant:small-caps; border-bottom:1px solid #ddd; margin-top:2em; color:#200}
#contenu h1 {
  font-family: "Arial", sans-serif;
}


.bt
{
   width:33%;
   height:15em;
   float:left;
}

/* Colonnes */

#contenu .colonne
{
   /*max-width:45em;*/
   margin:0 auto;
}
 
#contenu .inc-colonne
{
   margin:0 1em;
}


#contenu .colonne .champs
{
   width:auto;
}

#contenu .colonne h2
{
   padding-top:0;
   margin-top:1em;
}
#contenu .titre-colonne
{
   margin-left:0.6em;
}

/*  Bulle  */

#bullecalque
{
	position:absolute;
	visibility:hidden;
	z-index: 100;
   line-height:normal;
}
#bullecalque div
{
	background:#fec;
	border:solid #b85 1px;
	color:#963;
	padding:0.2em 0.5em;
/*	-moz-border-radius:10px;
	border-radius:10px;*/
}

/*  Layout  */
#contenu
{
  font-family: "Bitstream vera serif", "Georgia", "Arial",  sans-serif;
  margin:110px 0.5em 1em 17em;
}
#new #contenu
{
  margin:110px 0em 0em 0em;

}
#new .contenuBoite
{ 
  margin:0;
  padding:0;
}

.contenuBoite
{ 
  display:block;
  margin:0px 10px;
  padding-top:13px;
  background:#FFFFFF;
}
.le-conteneur
{
  padding:1em 1em;
  position:relative;
	
}

.le-contenu
{ 
  position:relative;
  overflow:hidden;
  width:100%;
}

#bandeau
{ 
  position:absolute;
  display:block;
  left:0em;
  right:0em;
  width:100%;
  top:0em;
  height:110px;
  background:url(../images/bca-vert.png) repeat-x 0% 100%;
  color:#993333;
}

#new #bandeau
{
  background:url(../images/bca-vert-3.png) repeat-x 0% 100%;
}

.bandeau_contenu
{
  position:absolute;
  display:block;
  top:0;
  left:0;
  width:100%;
  height:100px;

  background:#cc9977;
}

#barre
{
	position:absolute;
	display:block;
	left:0.5em;
	top:110px;
	width:16.5em;
}

/* Bandeau */

#bandeau #titre img 
{ 
  float:left;
}
#bandeau #titre .titre
{ 
  font-size:20pt;
  font-weight:bold;
  line-height:30px;
}
#bandeau #titre .soustitre
{ 
  font-size:13pt;
  font-style:italic;
}
#bandeau #titre
{ 
  display:block;
  position:absolute;
  top:0;left:0;
  padding:0.3em;
  width:100%;
}
#bandeau #sous-titre 
{ 
  display:block;
  position:absolute;
  top:0;right:0;
  padding:0.3em;
  width:100%;
  text-align:right;
  padding-top:1em;
  padding-right:2em;
}

#bandeau #sous-titre h1 
{ 
  font-size:20pt;
  font-weight:bold;
  color:#aa7755;
  color:#994422;
}

#flash
{
   position:absolute;
   top:0.5em;
   right:1em;
   width:33em;
   z-index:2000;
   border:2px solid #995555;
   color:black;
   background:white;
   padding:0;
}
#flash a
{
   color:#995555;
   display:block;
   padding: 0.5em 0.75em;
   margin:0;
   text-decoration:none;
/*   background:url(../images/menu_fav_icone.png)  no-repeat 0.5em 0.5em; */
/*   padding-left:50px; */
}
#flash a:hover
{
   color:#DD9900;
   text-decoration:underline;
}
#nav
{ 
  position:absolute;
  display:block;
  bottom:0em;
  right:0em;
  width:100%;
  height:30px;
  text-align:right;
  background:url(../images/bca-nav-vert.png) repeat-x 0% 0%;
}

.nav_contenu
{
  position:absolute;
  display:block;
  margin-top:10px;
  height:21px;                  
  width:auto;
  top:0;
  right:0;
  background:#aa7755;
  color:#FFFFFF;
  line-height:20px;
  vertical-align:middle;
}

/* ALL */

#bandeau #nav li
{
   margin:0;
   padding:0;
   list-style:none;
}

#bandeau #nav a
{
   text-decoration:none;
}


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

/* 1er niveau */


#bandeau #nav li
{
   display:inline;
   padding:0 0.75em;
   font-size:90%;

}

#bandeau #nav li a
{
   font-weight:bold;
}

#bandeau #nav li a:hover
{
   color:#aa0000;
}


#bandeau #nav li.deroule
{
   position:relative;
   padding:0.5em 0.75em;
   border-left:1px solid transparent;
   border-right:1px solid transparent;
   border-top:1px solid transparent;
   border-bottom:1px solid transparent;
}

#bandeau #nav li.deroule:hover
{
   background:#aa2222;
   border-left:1px solid #555;
   border-right:1px solid #555;
   border-top:1px solid #555;
   border-bottom:1px solid #555;
}

#bandeau #nav li.deroule:hover a,
#bandeau #nav li.deroule:hover a:hover
{
   color:black;
}


/* 2eme niveau */

#bandeau #nav li ul
{
   padding:0;
   margin:0;
   position:absolute;
   display:block;
   width:12em;
   height:auto;
   left:-1px;
   top:24px;
   z-index:100;
   background:#aa2222;
   border-left:1px solid #555;
   border-right:1px solid #555;
   border-bottom:1px solid #555;
   text-align:left;
   visibility:hidden;
}

#bandeau #nav li ul li
{
   display:inline;
   padding:0;
   margin:0;
}

#bandeau #nav li.deroule:hover ul li a
{
   padding:0 0.75em;
   display:block;
   color:white;
}

#bandeau #nav li.deroule:hover ul li a:hover
{
   color:black;
}





/*
#bandeau #nav ul
{
   margin:0;
   padding:0 1em;
   display:block;
   height:100%;
   position:relative;
}
#bandeau #nav li
{
   margin:0;
   padding:0 0.75em;
   list-style:none;
   display:inline;
   position:relative;
   float:left;
   height:100%;
   border-left:1px solid transparent;
   border-right:1px solid transparent;
   border-top:1px solid transparent;
   border-bottom:1px solid transparent;
 }

#bandeau #nav a
{
   color:#FFFFFF;
   text-decoration:none;
   position:relative;
   display:block;
   height:100%;
   font-weight:bold;
   font-size:90%;
}

#bandeau #nav a:hover {  color:#aa0000; }

#bandeau #nav ul ul
{
   margin:0;
   padding:0;
   display:block;
   position:ab:w
   solute;
   width:12em;
   height:auto;
   left:-1px;
   top:21px;
   z-index:100;
   background:#996644;
   background:#aa2222;
   border-left:1px solid #555;
   border-right:1px solid #555;
   border-bottom:1px solid #555;
   text-align:left;
   visibility:hidden;
}
#bandeau #nav li.deroule
{
   margin:0;
   padding:0;
   display:none;
   border:none;
}
#bandeau #nav li.deroule:hover
{
   margin:0;
   padding:0;
   display:inline;
   float:none;
   border:none;
   background:#996644;
   background:#aa2222;
   border-left:1px solid #555;
   border-right:1px solid #555;
   border-top:1px solid #555;
   border-bottom:1px solid #555;
 }
#bandeau #nav li.deroule a
{
   padding:0.1em 0.75em;
   display:block;
   text-align:left; 
   height:auto;
   width:auto;
   font-weight:normal;
}

#bandeau #nav li.deroule a:hover,
#bandeau #nav li.deroule:hover a:hover
{
   color:black;
}
*/
/*  Menu  */

.menu,
.menu ul
{
  font-family:sans-serif;
  margin:0;
  padding:0;
}

.menu li
{
  list-style:none;
/*  display:inline;*/
  margin:0;
  padding:0;
}

.menuBoite
{ 
  background:#AA7755;
  margin:13px 10px 26px 10px;
}

.menu li a
{ 
  text-decoration:none;
  display:block;
  margin:0;
}
.menu li.item
{ 
  /*background:#AA7755;*/
}
.menu li a.item img
{
  vertical-align:middle;
/*  float:right;*/
  margin-right:10px;
}
.menu li a.item
{
  color:#FFFFFF;
  padding-top:0;
  padding-left:1em;
  font-weight:bold;
  font-size:11pt;
/*  line-height:30px;*/
  vertical-align:middle;
}
.menu li a.item:hover
{ 
  color:#AD2D2D;
}

.menu li.item ul
{
  display:none;
}

.menu li.item ul.selected
{
  display:block;
}

.menu li.item ul a
{
  display:block;
  color:#2D2D2D;
  background:#cc9977;
  padding:0.2em 0em 0.2em 1em;
  width:auto;
}
.menu li.item ul a:hover
{
  background:#eebb99;
  color:#AD2D2D;
}



#resultats li {  list-style:none; }

/* papillonnement */

.papillonnement
{ 
  padding-top:2em;
}
.papillonnement .cacher
{ 
  border:solid 1px #DDD;
  background:#FAFAFA;
}

.papBloc
{ 
  float:left;
  margin: 0em 1em;
  /*font-size:80%;*/
  padding:0.5em;
  display:block;
  width:18em;
 }


.papillonnement .titre
{ 
  margin:0;
  padding:0;
  margin-left:0em;
  padding-bottom:0.5em;
  font-weight:bold;
}
.papillonnement .titre a
{ 
  font-weight:normal;
  text-decoration:none;
}
.papillonnement .soustitre
{ 
  margin:0;
  padding:0;
  color:#aaa;
  font-weight:bold;
  margin-bottom:0.2em;
}
.papillonnement ul
{ 
  padding:0;
  margin:0;
  margin-left:1.5em;
}
.papillonnement li
{ 
  color:#aaa;
  padding:0;
  margin:0;
}

/* livre */
#contenu .livre {  color:#666; margin-bottom:2em; width:100%; } 
#contenu .livre h2  {  color:#200; margin-top:0; } 
#contenu .livre img {  border:1px solid black; float:left; margin:0 1em 1em 0em; } 
#contenu .livre .contenu { margin-left:120px; padding-left:1.3em; } 
#contenu .livre .auteurs { padding-top:0;margin-top:0;margin-bottom:0; font-weight:bold; } 
#contenu .livre .editionAnnee { margin-top:0; font-weight:bold; } 
#contenu .livre .description { margin-top:2em; } 
#contenu .livre .plan a { text-decoration:none}
#contenu .livre .plan p { padding:0;margin:0}

/* film */
#contenu .film {  color:#666; width:100%; margin-bottom:2em;} 
#contenu .film h2  {  color:#200; margin-top:0} 
#contenu .film .filmImage {  border:1px solid black; float:left; margin:0 1em 1em 0em; width:150px;}
#contenu .film .filmImageG {  padding-left:15px; background:url(../images/film-contour.png) left repeat-y; } 
#contenu .film .filmImageD {  padding-right:15px; background:url(../images/film-contour.png) right repeat-y; }  
#contenu .film .filmImage img { margin:0;padding:0; display:block;}

#contenu .film .contenu { margin-left:150px; padding-left:1.3em; } 
#contenu .film p { padding:0;margin:0;}
#contenu .film .realisateurs { font-weight:bold } 
#contenu .film .date { font-weight:bold } 
#contenu .film .langue {  font-weight:bold } 
#contenu .film .duree { font-weight:bold } 
#contenu .film .description { margin-top:1.5em; } 
#contenu .film .ou { margin-top:1.5em; } 

/* Selection theme */

#contenu div.selectionTheme
{
  display:block;
  padding:0.2em;
  margin-bottom:2em;
}

#contenu div.selectionTheme .blocs a
{
	
  text-decoration:none;
  color:#888;
  display:block;
  width:16em;
  float:left;
  text-align:left;
  font-size:10pt;
  font-family:sans-serif;
  margin:4px; 
  padding:0;
  border:1px solid #ddd;
  background: #FAFAFA;

  height:80px;
  position:relative;
  display:block;
  overflow:hidden;
  vertical-align: middle;

}

#contenu div.selectionTheme .blocs  a.selected
{
	color:#AA0000;	
	border:1px solid black;
   	background: none;
}

#contenu div.selectionTheme .blocs  a:hover
{
	border:solid 1px #000000;
	background:#AA0000;
	color:#FFFFFF;
   cursor:pointer;
}

#contenu div.selectionTheme .blocs a .txt 
{
   display: block;
   overflow:auto;
}

/* vertical centering burk */

#contenu div.selectionTheme .blocs a .txt .outer 
{
   display: table;
   #display: block;
   height: 80px;
   #position: absolute;
   #top:0;
   #left:0;
   overflow: hidden;
   width:100%;
}

#contenu div.selectionTheme .blocs a .txt .inner
{
   display: block;
   #position: relative;
   #top: -50%;
}
#contenu div.selectionTheme .blocs a.avecvignette .txt .inner
{
   #padding-left:80px;
}
#contenu div.selectionTheme .blocs a.avecvignette .txt .middle
{
   text-align:left;
}
#contenu div.selectionTheme .blocs a .txt .middle
{
   #position: relative;
   #top: 50%;
   display: table-cell;
   #display: block;
   #padding-left:0.5em;
   vertical-align: middle;
   width:100%;
   text-align:center;
}


#contenu div.selectionTheme .blocs a .img 
{
   display: block;
   float:left;
	width:80px;
   height:80px;
}

#contenu div.selectionTheme .blocs a img 
{
	width:80px;
	height:80px;
}

#contenu div.selectionTheme .blocs a.avecvignette .txt 
{
  padding-left:0.25em;
  text-align:left;
}

#contenu div.selectionTheme label a
{
	font-weight:bold;
	text-decoration:none;
}

/*  illustrations  */
.illustrationListe
{ 
  background:white;
}
.illustrationListe a img
{
  border:solid 1px #000000;
}
.illustrationListe a:hover img
{
  border:solid 1px #000000;
}
.illustrationListe .item
{
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

.illustrationListe .legend
{
   display:block;
   font-size:small;
   line-height:90%;
}

.illustrationListe .finListe
{
  clear:left;
}
.illustration,
.illustration p
{
	text-align:center;
}

.illustration a
{
	margin: 0 auto;
  border:solid 1px #555;
}

/* brochures */

#autresBrochures ul
{
   padding-left:0;
}

#autresBrochures li
{
   list-style:none;
   line-height:100%;
}

 #autresBrochures a
{
   text-decoration:none;
   margin-bottom:0.75em;
   display:block;
}
#autresBrochures .sous-titre
{
   font-size:small;
}
#autresBrochures .titre
{

   text-decoration:underline;
}

.brochure h1
{
	margin-bottom:0.1em;
}
.brochure span.soustitre
{
	margin-top:0;
	font-size:12pt;
	font-weight:normal;
	font-style:italic;
}

.brochure .description
{
	margin:3em 0em;
}
/*  Liste de fichiers  */
.listeFichiers { }
.listeFichiers .titre { font-weight:bold; line-height:48px;vertical-align:middle;}
.listeFichiers ul     { margin:0;padding:0}
.listeFichiers li     { list-style:none; float:left; display:block; font-size:9pt; width:13em; text-align:center; margin:0 0.5em;}
.listeFichiers li.titre { width:auto;}

.listeFichiers li a
{
  display:block;
  width:13em; 
  text-decoration:none;
/*  white-space:nowrap;*/
  line-height:normal;
  text-align:center;
  overflow:hidden;
}

.listeFichiers li a:hover
{
/*  overflow:visible;*/
}

.listeFichiers li a img
{
  display:inline;
}

.listeFichiers .end { clear:left; }

/* Nouvelles */

.nouvelles dt
{
/*  text-decoration:underline;*/
  font-style:italic;
  margin-top:1em;
  color:#550000;
}
.nouvelles dd
{
  }

/*  liens  */

.liensListe li {   list-style:none; }
.liens {   
         
	margin:1.5em 0em 0.5em 0em;
}

.liensUrl a {
   text-decoration:none;
}

.liensDesc {
/*
	display:block;
	padding:0.4em;
	margin-left:0em;*/
/*	border-left:#bbb solid 2px;
	background:white url("../images/eee_degrad.png") repeat-y left;*/
 /*  margin-right:2em;*/
}

/* Textes */
.texte{ margin-bottom:2em; width:100%;}
.texte div,
.texte p
{ 
  margin-left:2em;
  color:#666;
}
 
#contenu .texte h2  {  color:#200; margin-top:0em} 


/*  Citation  */

.citation
{
	padding:0 1em 1em 1em;
	margin:2em 0.5em;
	border:1px solid #ddd;
	background:#FAFAFA;
}

.citationContenu
{
	margin-bottom:1em;
	color:#222222;
  line-height:150%;
}
.citationContenu:first-letter
{
  font-weight:bold;
  font-size:150%;
}
.citationSource
{
  text-align:right;
  color:#885533;
}
#films-a-partager,
#films-a-partager li
{
   list-style:none;
   margin:0;
   padding:0;
}
#films-a-partager li
{
   display:block;
   background:url(../images/puce_video.png) left top no-repeat;
   margin:0;
   padding:0;
   padding-left:35px;
}


#films-a-partager .nom
{
}

#films-a-partager .dl
{
   font-size:85%;
   position:relative;
   top:-0.4em;
}



.arbre-menu
{
   position:relative;
   display:block;
   margin-right:0.25em;
   float:left;
}

.arbre-menu a.entete
{
   display:block;
   padding:0.25em;
   border:1px outset black;
   width:8em;
   text-align:center;
}
.arbre-menu a
{
   text-decoration:none;
   background:#eee;
}

#contenu .arbre-menu a:hover
{
   background:#DD9900;
   color:white;
}

.arbre-menu ul 
{
   margin:0;
   padding:0;
 }

 .arbre-menu .liste 
{
   margin:0;
   padding:0;
   display:block;
   border:1px solid black;
   position:absolute;
   background:white;
}

.arbre-menu li 
{
   margin:0;
   padding:0;
   list-style:none;
}

.arbre-menu li a
{
   margin:0;
   padding:0;
   list-style:none;
   padding:0em 0.25em;
   white-space:nowrap;
   display:block;
}
.arbre-menu li li a
{
   padding-left:1em;
}

/* tracker */

table.tracker
{
   border-collapse:collapse;
   margin-left:auto;
   margin-right:auto;
}

table.tracker tr.dl
{
   background:#aaffaa;
}

table.tracker tr:hover
{
   background:#fafafa;
}

table.tracker th
{
   border-top:1px solid #555;
   border-bottom:1px solid #555;
   padding:0.2em 0.5em;
   background:#eee;

}
table.tracker td
{
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
   border-collapse:collapse;
   padding:0.2em 0.5em;
}

table.tracker td.num
{
   text-align:center;
}

table.tracker td.droite
{
   text-align:right;
}
