BODY { margin: 0px; background: #ffffff; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify; width:1004px;}

.frise { width: 34px; float: left;}
.corps { width: 757px; float: left;}
h1 {font-size: 12px; color:#00AFDD; font-weight: bold; margin: 10px 0px 0px 0px;}

/* place du logo dans contenu commun */

.logolabel {
margin-top: 0px;
position: absolute;
top: 770px;
left: 5px;
}

/* liste tableau (ressources numeriques) */

.listetableau {
width: 650px;
margin: 25px auto 0 auto;
border-collapse: collapse;
}

.listetableau td.tdcol1, .listetableau td.tdcol2 {
border-bottom: 1px solid #a0978f;
border-top: 1px solid #a0978f;
border-left: none;
border-right: none;
}

.listetableau td.tdcol2 {
padding: 10px;
vertical-align: top;
}

.listetableau td.tdcol1 {
width: 200px;
vertical-align: middle;
text-align: center;
}

/* test ombrage bloc */

.ombrage {
border: 4px white solid;
margin-bottom: 5px;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=10);
zoom: 1;
box-shadow: 1px 1px 12px #555;
-moz-box-shadow: 1px 1px 12px #555;
-webkit-box-shadow: 1px 1px 12px #555;
}

/* hide + prettyPhoto */

.hide {
display: none;
}

.pp_inline {
padding: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 344px;
}

#mangamania .pp_inline {
height: 750px;
}

.pp_inline h1.titrepage {
margin: 0px 0 10px 0;
color: #00afdd;
}

/************************/

.bb {
border-bottom: 1px solid #00AFDD;
width:354px;
padding-bottom:1px;
}
h1.bb100 {border-bottom: 1px solid #00AFDD; width:747px; padding-bottom:1px;}
h3 {font-size:11px; font-weight:bold; color:#00AFDD; margin-top: 7px; margin-bottom: 7px;}
h3.bb {border-bottom: 1px solid #00AFDD;}
h4 {font-size:12px; font-weight: bold; margin:7px 0px 4px 0px; text-decoration:underline; }
.txt18 {font-size:18px;}
.txt16 {font-size:16px;}
.txt14 {font-size:14px;}
.txt13 {font-size:13px;}
.txt11 {font-size:11px;}
.txt10 {font-size:10px;}
h2 {font-size:11px; font-weight:bold; color:#00AFDD; margin-top: 7px; margin-bottom: 7px;}
.h3_margetop0 {margin-top:0px;}
.margeright30 {margin-right:30px;}
.bleu {color:#00AFDD;}
.boldbleu {color:#00AFDD; font-weight:bold;}
.txtrouge {color:red;}

#bibliographie h2.titre2 {
color: black;
font-weight: bold;
margin: 20px 0 10px 0;
padding: 0;
font-size: 14px;
border: none;
clear: none;
}

.titre3 {
color: black;
font-weight: bold;
margin: 15px 0 10px 0;
}

.titrepage {
font-size: 13px;
font-variant: small-caps;
color: black;
}

.alignleft {
text-align: left;
}

div#bibliographie.paraglight p {
padding: 4px 0 0 0;
}

div#bibliographie.paraglight p em {
color: #00afdd;
}

.haut2page a {
font-size: 13px;
padding-bottom: 2px;
font-variant: small-caps;
color: gray;
text-decoration: none;
}

.haut2page a:hover {
color: #00afdd;
}

.titrepointille {
color: black;
font-weight: bold;
margin: 15px 0 10px 0;
border-top: 1px dashed #c4b7ae;
padding-top: 5px;
}

.paragpointille {
clear: both;
border-bottom: 1px dashed #c4b7ae;
}

.soustitrenavig {
font-size: 10px;
padding-top: 5px;
text-align: left;
}

div.margehparag15 p {
margin-top: 15px;
}

div.margehparag15 ul {
margin-top: 0px;
}

/* formulaire */
form.pret {
width: 600px;
margin: 0;
margin-left: auto;
margin-right: auto;
}

form.pret fieldset {
border: 1px solid #C4B7AE;
margin: 20px 0 20px 0;
}

form.pret fieldset legend {
color: #C4B7AE;
}

form.pret label {
font-weight: bold;
vertical-align: middle;
text-align: right;
width: 300px;
}

/* liste d'index */

ul.index {
list-style-type: none;
font-size: 14px;
padding-right: 5px;
}

ul.index li {
display: inline;
}

/* liste à puce carré */

.listeapucecarre {
list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucebleue2.jpg");
}

.listeapucecarre li, .listeapucecarre_marron li, .listeapucecarre_vert li, .listeapucecarre_gris li {
margin-bottom: 5px;
}

.listeapucecarre_marron {
list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucemarron.jpg");
}

.listeapucecarre_gris {
list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucegris.jpg");
}

.listeapucecarre_vert {
list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/puceverte.jpg");
}

.listeapucecarre li.bus {
margin-bottom: 2px;
}

/* tableaux en couleur */

table.tableaucouleur {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 700px;
margin: 20px auto 20px auto;
border: 2px #FFFFFF solid;
clear: both;
}

table.tableaucouleur tr {
background-color: #cccfff;
}

table.tableaucouleur tr th {
color: white;
padding: 3px;
background-color: #c3b6ad;
}

table.tableaucouleur tr td {
padding: 3px;
}

table.tableaucouleur tr td.tdgauche {
text-align: center;
font-weight: bold;
}

table.tableaucouleur#horaires {
width: 250px;
text-align: center;
margin: 5px auto 15px auto;
}

table.tableaucouleur#horaires th {
text-align: left;
}

table.tableaucouleur#horaires tr.ligne1 {
background-color: #F5F4F2;
}

table.tableaucouleur#horaires tr.ligne1 {
background-color: #EBEAE8;
}

table.tableaucouleur tr.lignegrise {
background-color: #F5F4F2;
}

/* tableau historique mam */

table.chronologie {border:none; width:480px; height:auto; border-collapse:collapse; margin-top: 20px;}
td.gauche {padding:2px 15px 2px 0px; width:70px; text-align:right;font-weight:bold;}
td.droite {width:410px;text-align:justify; padding-bottom: 5px;}

/* fin tableau */

#animMAM {margin:10px 15px 0 0;}
#dewplayer {margin: 10px 0 0 75px; padding:0;}

.colmenu { width: 212px; float: left; height: 767px;  }
.colmenu img {border: 0px;}
.smenu { color: #000000; margin-left: 11px; line-height: 18px; text-align: left;  }
.smenu a {display:block; color: #000000; text-decoration: none;  }
.smenu a:hover { color: #00b0de;  }
.smenu ul { margin:5px 0 0 0; padding:0; }
.smenu li { list-style:none; margin:0 0 8px 0; width:195px;line-height:14px;}
.smenuA a { color: #00b0de;  }

.bandohaut{width: 757px; float: left;}
.col1ident { width: 450px; float: left; margin-top: 10px;}
.col2ident { width: 300px; margin-top: 10px; float: left;}
.texthautident{ position :relative; height:296px;} 
.texthautident p{position : absolute; bottom :0px;}
.zoneident{height:155px;}

.col1home { width: 364px; float: left; margin-top: 10px; margin-right:29px; }
.col2home { width: 364px; margin-top: 10px; float: left;  }
.colhome { width: 757px; float:left;}
.dblcolcontenu1 {margin-bottom:20px;}
.dblcolcontenu1 img {margin : 0px 10px 10px 0px;}
.dblcolcontenu1 p{margin:0px 0px 0px 0px;}
.dblcolcontenu2 {margin-bottom:20px;}
.dblcolcontenu2 img { width:353px; height:212px; margin : 0px 0px 10px 0px;}
.dblcolcontenu2 p{margin:0px 0px 0px 0px;}
.dblcolcontenu3 {margin-bottom:20px;}
.dblcolcontenu3 img { width:353px; height:171px; margin : 10px 0px 0px 0px;}
.dblcolcontenu3 p{margin:0px 0px 10px 0px; }

.col1 {
width: 364px; float: left; margin-top: 10px; margin-right:29px;
}
.col1#450 {width: 450px;}
.col2 {
width: 364px; margin-top: 10px; float: left;
}
.col2#258 {width: 258px;}
.col2 p {margin:0px 0px 0px 0px;}
.col3 { width: 757px; float:left; margin-top: 10px;}
.col3 div {margin:0px 0px 10px 0px;}
.col3 div p {margin:10px 0px 0px 0px;}

.col1news { width: 580px; float: left; margin-top: 10px;}
.col2news { width: 200px; margin-top: 10px; float: left; border: 1px gray solid;}

.contenu {margin: 0px 0px 10px 0px;}
.contenu h3 {margin-right:10px;}
.contenu h3.txt14_borderB {padding-bottom:2px; font-size:14px; border-bottom : 1px solid #00AFDD; width: 354px;}
.contenu p {margin:0px 10px 0px 0px; padding-bottom:5px;}
.contenu p.traitbleu_bas {border-bottom: 1px solid #00AFDD; padding-bottom:5px;}
.contenu p.margeh {padding-top:5px;}
.contenu p.margeh15 {margin-top:15px;}
.contenu p.margeb15 {margin-bottom:15px;}
.contenu div#charte {margin-left:30px; margin-right:30px;}
.contenu div#charte p {margin-bottom:12px;}
.contenu a:hover {color:#00b0de;}
.contenu a.lienparag {text-decoration : none; color:black;} 
.contenu a.lienparag:hover {text-decoration: underline; color:#00AFDD;}
.contenu ul {list-style-type:disc; padding: 0 10px 0 10px; margin-top: 0px; margin-bottom: 5px; margin-right: 10px;}

a.lienparagvert {text-decoration : none; color:black;} 
a.lienparagvert:hover {text-decoration: underline; color:#87b80f;}

a.lienparagjaune {text-decoration : none; color:black;} 
a.lienparagjaune:hover {text-decoration: underline; color:#ffb517;}

a.lienmarron {text-decoration : none; color:#c36201; padding: 0;} 
a.lienmarron:hover {text-decoration: underline; color:#c36201;}

a.lienbleu {color:#00afdd;} 
a.lienbleu:hover {text-decoration: none; color:#7f5d61;}

a.liengris {color:#7f5d61; text-decoration: none;} 
a.liengris:hover {text-decoration: none; color:#00afdd; text-decoration: underline;}

/* tableau prochains rdv */

table#cettesemaine {
border: none;
border-collapse: collapse;
margin: 10px 0;
padding: 0;
text-align: left;
height: auto;
}

table#cettesemaine td.titre {
color:#00AFDD;
font-weight:bold;
padding-bottom:5px;
padding-top: 15px;
}

table#cettesemaine td.heure {
width:45px;
height: auto;
text-align:right;
vertical-align:top;
padding-right:5px;
font-weight:bold;
}

table#cettesemaine td.heure2 {
width:100px;
text-align:right;
vertical-align:top;
padding-right:5px;
font-weight:bold;
}

/* FIN tableau prochains rdv */

.fondrech { margin-top: 5px; background: #c2b7ae; color: #ffffff; font-size: 12px; padding-left: 2px;padding-top: 5px; }
.fondrech p{margin : 10px 0px 0px 5px;}
.fondrech a{color: #ffffff;}
.fondrech  input{margin-bottom : 8px;}
.champrech { font-size: 12px; background: #ffffff; border: 1px solid #000000; width: 250px; height: 16px; margin-right: 17px; }
.btnvalide { font-size: 12px; color: #ffffff; width: 75px; height: 18px; background-color: #00b0de; border: 0px; font-weight: bold }

.bandobas {float:left; width: 757px; font-size: 11px; color: #868686; border-top: 1px solid #868686; margin-top: 30px }
.bandobas p {margin:0px;}
.bandobas a { color: #868686; text-decoration: none }
.bandobas a:hover { text-decoration: underline }

.csc-frame-frame1{background:#e6e6ff; width:100%;}
.csc-frame-frame2{background:#ffffcc;}

.csc-header csc-header-n2 h1{font-size:12px; font-weight:bold; color:#00AFDD;}

.traitnoir { border-top: 1px solid #000000; }
.traitbleu { border-top: 1px solid #00b0de; margin-bottom: 10px; margin-top: 3px; }
.traitbleub { border-top: 1px solid #00b0de; margin-top: 5px }
.traitblanc { border-top: 1px solid #ffffff; margin-top: 12px; margin-bottom: 2px; }
.txt16 { font-size: 16px; }
.txt13bold { font-size: 13px; font-weight: bold; }
.avancee { width: 250px; text-align: right; }


.champident { font-size: 12px; border: 1px solid #000000; width: 168px; height: 21px; margin-left: 10px }

.btnconnex { text-decoration:none; margin-left:3px; font-size: 11px; color: #ffffff; width: 81px; height: 14px; background-color: #00b0de; border: 0px; padding: 0px 2px 0px 2px; }

.liennoir { color: #000000; text-decoration: none; font-weight: bold }
.liennoir:hover { text-decoration: underline; }
.lienblanc { color: #ffffff; text-decoration: none; }
.lienblanc:hover { text-decoration: underline; }
.lienblanc:visited {color: #ededed;}
.liengris { color: #7f5d61; text-decoration: none; }
.liengris:hover { text-decoration: underline; }
.liengris:visited {color: #926b6f;}
a.lienblanc2 { color: #ffffff; text-decoration: none; }
a.lienblanc2:hover { color: #ffffff; text-decoration: underline; }
a.lienblanc3 { color: #ffffff; text-decoration: underline; }
a.lienblanc3:hover { color: #ffffff; text-decoration: underline; font-weight: bold; }

.fondident { margin-top: 1px; background: #eeeeee; color: #000000; font-size: 11px; height: 23px; vertical-align: middle }

.tx-iframeflexform-pi1{width:100%; height:100%;}

div#galerie {
width: 360px ;
border: none ;
text-align: center ;}

div#galerie250 {
width: 250px ;
border: none ;
text-align: center ;}

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

ul#galerie_mini li
{	float: left ;}

ul#galerie_mini li a img
{	margin: 2px 1px ;
	border: 1px solid #dcb ;}

dl#photo
{	clear: both ;
	margin: 0px auto 10px auto ;}

dl#photo dt
{	font-size: 13px;
	font-weight: bold;
	padding: 10px 0 10px 0;}

dl#photo dd
{	margin: 0 ;}

dl#photo img
{	border: 1px solid #dcb ;}

/* MEDIABUS */

* {
outline: none;
} 

#cartemediabus {
  position:relative;
  left:0px;
  top:0px;
  width:500px;
  height:676px;
  z-index:1;
  visibility: visible;
  background-image:url(http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/fondagglomam.jpg);
  background-repeat:no-repeat;
} 

#cartemediabus ul {
list-style-type: none;
margin:0;
padding:0;
text-decoration:none;
border:none;
/* width: 100%; /* précision pour Opera */
}

.layermediabus ul li a {
border:none;
}

.layermediabus ul li a img {       /* définition de chaque bouton du menu */
width: 50px;	   /* largeur du bouton */
height: 22px;
display: block;
text-decoration: none;
border: none;
z-index:2;
}

/* positions bus et bibli */

#beziersenfant {
position:absolute;
top:280px;
left:190px;
}

#beziersevasion {
position:absolute;
top:290px;
left:210px;
}

#beziersmediatheque {
position:absolute; top:320px; left:160px; }

#sauvianenfant {
position:absolute;
top:468px;
left:250px;
}

#sauvianevasion {
position:absolute;
top:478px;
left:270px;
}

#valrasenfant {
position:absolute;
top:622px;
left:332px;
}

#valrasevasion {
position:absolute;
top:632px;
left:352px;
}

#lieuranenfant {
position:absolute;
top:110px;
left:210px;
}

#espondeilhanenfant {
position:absolute;
top:33px;
left:255px;
}

#espondeilhanevasion {
position:absolute;
top:43px;
left:275px;
}

#bassanenfant {
position:absolute;
top:120px;
left:260px;
}

#bassanevasion {
position:absolute;
top:130px;
left:280px;
}

#corneilhanenfant {
position:absolute;
top:120px;
left:135px; }

#corneilhanevasion {
position:absolute;
top:130px;
left:155px; }

#boujanmediatheque {
position:absolute; top:195px; left:300px; }

#villeneuvemediatheque {
position:absolute; top:385px; left:330px; }

#serignanmediatheque {
position:absolute; top:510px; left:360px; }

#lignanmediatheque {
position:absolute; top:195px; left:80px; }

#servianmediatheque {
position:absolute; top:110px; left:380px; }


/* fin positions bus et bibli */


.layermediabus ul li a:hover {
text-decoration:none;
cursor:default;
z-index:3;
}

.layermediabus ul li a span {     /* définition de la balise <span> inclue dans <a> */
display: none;
}

.layermediabus ul li a span h1 {
font-weight:bold;
font-size:12px;
color:#ffffff;
background-color:#0099FF;
margin: 0 0 5px 0px;
padding: 2px 2px 2px 10px;
border: none;
}

.layermediabus ul li a span h2 {
font-weight:bold;
font-size:11px;
color:#0099FF;
font-variant:small-caps;
margin: 5px 0 0 0;
padding: 0 10px 0 10px;
border:none;
line-height: 1.2;
}

.layermediabus ul li a span p {
margin: 3px 0 3px 0;
padding:0 10px 0 10px;
font-size:10px;
line-height: 1.2;
}

.layermediabus ul li a:hover span {   /* définition de la balise <span> au survol */
display: block;
position: relative;
top: 20px;
left: 20px;
width: 280px;       /* largeur de la zone de commentaires */
border: 1px solid #0099FF;
color: #000;
background-color:white;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
z-index:3;
}

.layermediabus ul li a#beziersevasion:hover span {
top:-250px;
left:60px;
}

.layermediabus ul li a#beziersenfant:hover span {
top:-50px;
left:50px;
}

.layermediabus ul li a:hover span.bibli {
width:180px;
}

.layermediabus ul li a#beziersevasion:hover span {
width: 440px;
height: 635px;
}

.layermediabus ul li a#beziersevasion:hover span div {
width:200px;
float:left;
margin:0 10px 0 10px;
}

.layermediabus ul li a#beziersevasion:hover span div p, .layermediabus ul li a#beziersevasion:hover span div h2 {
padding:0px;}

.layermediabus ul li a:hover span.valras {
top: -100px;
left: 20px;
}

/* CADAVRE EXQUIS */ 

#cadavre {
font-family: Verdana, Geneva, Arial, Helvetica, Sans-serif;
width: 450px;
margin-top: 50px;
text-align: center;
margin-right: auto;
margin-left: auto;
}

#cadavre p {
font-size: 13px;
padding: 15px 0 0px 0;
}

#cadavre h1 {
font-size: 14px;
padding-bottom: 30px;
}

#menuscadavre {
margin-top: 80px;
width: 700px;
margin-right: auto;
margin-left: auto;
}

#menuscadavre p.menug {
float: left;
}

#menuscadavre p.menud {
float: right;
}

#reglesjeu h1 {
text-align: center;
font-size: 13px;
font-variant: small-caps;
margin: 50px 0 30px;
}

#reglesjeu ol {
width: 550px;
margin-left: auto;
margin-right: auto;
}

#reglesjeu ol li {
margin-top: 15px;
margin-left: 30px;
}

.textecadavre {
margin-top: 65px;
}

.textecadavre p {
padding-bottom: 6px;
text-indent: 20px;
line-height: 17px;
}

#colonnegauche.textecadavre {
position:relative;
left: 15px;
}

#titreepisode {
position: absolute;
top: 150px;
font-size: 13px;
font-variant: small-caps;
width: 757px;
text-align: center;
}

#episode2 {
width: 600px;
margin-top: 65px;
margin-left: auto;
margin-right: auto;
}

#annonce {
margin-left: 145px;
margin-top: 75px;
}

/******* agenda en tableau *******/

.col_gauche {
width: 364px; float: left; margin-top: 10px; margin-right:29px;
}

.col_droite {
width: 364px; margin-top: 10px; float: left;
}

.col_droite p, p.sommaire {
margin-bottom: 10px;
}

.col_droite p a, p.sommaire a {
color: #000000;
}

.col_droite p a:hover, p.sommaire a:hover {
color: #C4B7AE;
}

#agendaanimations {
width: 737px;
margin: 0px 0px 0px 10px;
}

#agendaanimations h2, h2.titre_programme {
color: black;
font-size: 12px;
font-variant: small-caps;
}

table.agenda, table.agenda_liste {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width: 100%;
margin: 10px 0 20px 0;
border-collapse: collapse;
background-color: #F5F4F2;
border: 1px solid #c4b7ae;
text-align: left;
}

table.agenda_liste {
border: none;
font-size: 10px;
}

table.agenda tr.lignebleue, table.agenda_liste tr.lignebleue {
background-color: #cccfff;
}

table.agenda tr td, table.agenda_liste tr td {
padding: 2px;
border: 1px solid #FFFFFF;
border-bottom: 2px solid white;
vertical-align: top;
}

table.agenda tr td.td1 {
width: 8%;
}

table.agenda_liste tr td.td1 {
width: 52%;
}

table.agenda_liste tr td.td2 {
width: 20%;
}

table.agenda_liste tr td.td4 {
width: 18%;
text-align: left;
}

table.agenda_liste tr td.td3 {
width: 10%;
text-align: center;
}

table.agenda tr td.td1bis {
width: 8%;
text-align: center;
}

table.agenda tr td.td2 {
width: 17%;
}

table.agenda tr td.td3 {
width: 42%;
}

table.agenda tr td.td4 {
width: 25%;
}

/* autres tableaux */

table.agenda tr td.atel1 {
width: 10%;
text-align: center;
}

table.agenda tr td.atel2 {
width: 15%;
text-align: center;
}

table.agenda tr td.atel3 {
width: 40%;
}

table.agenda tr td.atel4 {
width: 15%;
}

table.agenda tr td.atel5 {
width: 20%;
text-align: center;
vertical-align: middle;
background-color: #F5F4F2;
}

table.agenda tr td.3col {
width: 33%;
text-align: center;
}

/* PROGRAMME a jour 2012 */

/* gris mam (par défaut) */

.programme {
width: 737px;
position: relative;
left: 10px;
margin: 15px 0 15px 0px;
border: 1px dotted #c4b8ae;
}

.programme h3 {
font-size: 12px;
font-variant: small-caps;
padding-left: 15px;
background-color: #c4b8ae;
color: white;
font-weight: bold;
padding: 2px;
margin: 0 0 15px 0;
}

.animations {
clear: both;
width: 100%;
margin-bottom: 15px;
}

.programme img {
float: left;
margin: 5px 15px 10px 15px;
border: 1px solid #c3b6ad;
}

.animations p, p.sous_titre {
padding: 0 10px 10px 15px;
}

p.sous_titre {
padding-top: 3px;
}

.programme h4 {
color: #00afdd;
font-size: 13px;
border-bottom: 1px dotted #00afdd;
text-decoration: none;
margin: 0 10px 10px 15px;
}

/* style facebook agenda */

#facebookagenda {
width: 460px;
}

#facebookagenda .programme {
width: 460px;
margin: 15px 0 15px 0px;
border: 1px dotted #c4b8ae;
position: none;
left: 0px;
}

/****** FIN agenda en tableau *******/


/* COUPS DE COEUR */

.rubrique {
width:757px;
margin: 25px 0 0 0;
padding:0;
}

.rubrique h1 {
padding: 3px;
text-align: center;
color: white;
clear: both;
font-size: 13px;
font-variant: small-caps;
}

.rubrique h1#vert, #bibliographie div.rubrique a h1.vert, #bibliographie div.rubrique h1.vert {
background-color: #87b80f;
}

.rubrique h1#violet, #bibliographie div.rubrique a h1.violet, h1.violet {
background-color: #a9398a;
}

.rubrique h1#jaune, #bibliographie div.rubrique a h1.jaune, h1.jaune {
background-color: #ffb517;
}

.rubrique h1#bleu, #bibliographie div.rubrique a h1.bleu, #bibliographie div.rubrique h1.bleu  {
background-color: #00afdd;
}

.rubrique h1#blanc, #bibliographie div.rubrique a h1.blanc {
background-color: black;
color: white;
}

.rubrique h1#marron, #bibliographie div.rubrique a h1.marron {
background-color: #c36201;
color: white;
}

.colonne1 {
width: 364px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
margin-right:29px;
}

.colonne2 {
width: 364px;
float: left;
margin-top: 20px;
margin-bottom: 20px;
}

.traitgris {
font-size: 13px;
font-weight: bold;
font-variant: small-caps;
color: black;
margin: 20px 0 12px 0;
padding-bottom: 2px;
border-bottom: 2px solid #c3b6ad;
}

.traitbleu, .traitvert {
font-size: 13px;
font-weight: bold;
font-variant: small-caps;
color: black;
margin: 20px 0 12px 0;
padding-bottom: 2px;
border-bottom: 2px solid #00afdd;
border-top: none;
}

.traitvert {
border-bottom: 2px solid #87b80f;
}

.contenu_col {
margin-top: 15px;
}

.contenu_col img {
float: left;
margin: 0 10px 10px 0;
}

/* CDC ENTETE */

#cdc_navig {
width: 360px;
margin: 10px 0 0px 0px;
float: left;
}

#cdc_slide {
float: left;
width: 240px;
margin: 10px 0 10px 60px;
}

#cdc_navig h1 {
margin: 0;
padding: O;
font-variant: small-caps;
font-size: 13px;
color: black;
}

#cdc_navig h1 span {
font-weight: normal;
font-variant: normal;
font-size: 11px;
}

#cdc_navig p {
margin-top: 5px;
}

#cdc_navig ul {
list-style-type: none;
margin: 50px 0 0 130px;
padding: 0;
}

#cdc_navig ul li img {
float:left;
margin-right: 10px;
padding-top: 5px; 
}

#cdc_navig a img {
float:left;
margin-right: 10px;
border: none;
}

/* bibliographie */

#bibliographie ul {
list-style-type: none;
text-align: left;
margin: 0;
margin-top: 10px;
line-height: 1.6em;
}

#bibliographie ul li {
display:inline;
margin-left: 5px;
margin-right: 5px;
}

#bibliographie div.colonne1 h2, #bibliographie div.colonne2 h2, #bibliographie h2 {
clear: both;
text-align: left;
padding: 1px 0 1px 8px;
margin: 5px 0 5px 0;
border: 1px solid #00a0d1;
color: #00a0d1;
}

#bibliographie div.colonne1 h2.jaune, #bibliographie div.colonne2 h2.jaune {
border: 1px solid #ffb517;
color: #ffb517;
}

#bibliographie div.colonne1 h2.vert, #bibliographie div.colonne2 h2.vert, .vert {
border: 1px solid #87b80f;
color: #87b80f;
clear: both;
}

#bibliographie h2.vert, .vert {
border: 1px solid #87b80f;
color: #87b80f;
text-align: center;
margin-top: 20px;
clear: both;
}

#bibliographie h2.blanc {
border: 1px solid black;
color: black;
text-align: center;
margin-top: 20px;
clear: both;
}

#bibliographie h2.jaune {
border: 1px solid #ffb517;
color: #ffb517;
text-align: center;
margin-top: 20px;
clear: both;
}

#bibliographie div.rubrique {
background-color: white;
}

#bibliographie div.parag {
width: 550px;
float: left;
text-align: left;
margin-top: 25px;
}

.salonlivre {
float: left;
margin-left: 60px;
margin-right: 20px;
margin-top: 25px;
}

#bibliographie div.parag h1 {
padding-bottom: 15px;
font-variant: small-caps;
font-size: 14px;
color: #df4425;
}

#bibliographie div.rubrique div.colonne1 {
width: 354px;
float: left;
margin-left: 10px;
margin-top: 20px;
margin-right:29px;
}

#bibliographie .contenu_col {
margin-top: 15px;
clear: both;
}

#bibliographie .contenu_col p {
padding-top: 5px;
}

.contenu_col a img {
border: none;
}

.contenu_col p.titre_doc a {
color: black;
text-decoration: none;
}

.contenu_col p.titre_doc a:hover {
color: #00afdd;
}

/* titre */

.titre_fondbleu {
padding: 3px;
text-align: center;
color: white;
background-color: #00a0d1;
font-size: 13px;
font-variant: small-caps;
clear: both;
}

.titre_fondvert {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: #87b80f;
clear: both;
}

.titre_fondjaune {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: #ffb517;
clear: both;
}

.titre_fondblanc {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: black;
clear: both;
}

.titre_fondviolet {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: #a9398a;
clear: both;
}

.titre_fondnoir {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: black;
clear: both;
}

.titre_fondmarron {
font-size: 13px;
font-variant: small-caps;
padding: 3px;
text-align: center;
color: white;
background-color: #c36201;
clear: both;
}

/* REVUES */

div#bibliographie ul.navigationtheme {
text-align: center;
margin: 0px 0 20px 0;
padding: 1px 0 1px 0;
}

ul.navigationtheme li a {
text-decoration: none;
}

/* index revues */

#indexrevues {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-variant: small-caps;
text-align: center;
margin: 25px 0 25px 0;
}

.intro_indexrevues {
width: 500px;
}

.index_rubrique {
width: 354px;
float: left;
margin: 20px 0 0 15px;
}

.index_rubrique p {
margin : 0 20px 0 20px;
line-height: 20px;
}

.index_rubrique p a {
text-decoration: none;
color: black;
}

.index_rubrique p a:hover {
text-decoration: none;
color: #00afdd;
}

/* PLAN DU SITE */

.plandusite h1 {
	font-variant: small-caps;
	margin-bottom: 20px;
	}
	
.titre_fondgris {
	padding: 3px;
	text-align: center;
	font-variant: small-caps;
	font-size: 13px;
	color: white;
	background-color: #c3b6ad;
	}
	
.plandusite div h2 {
	margin: 20px;
	clear: both;
	}
	
.plandusite div ul {
	float: left;
	}

.plandusite div ul li {
	margin-left: 20px;
	}
	
.plandusite div ul li a {
	text-decoration: none;
	}
	
.plandusite div ul li a:focus {
	color: black;
	}
	
.plandusite img {
float: right;
top: 220px;
left: 600px;
margin-top: 5px;
margin-right: 20px;
margin-bottom: 5px;
border: 1px solid gray;
	}
	
/* PLAN DU SITE DIV */

.plandusite #plandusiteviolet	{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/puceviolet.jpg");
	z-index: 9;
	}
.plandusite #plandusiteviolet a	{
	color: #a9398a;
	}	
	
.plandusite #plandusitejaune	{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucejaune.jpg");
	z-index: 9;
	}
.plandusite #plandusitejaune a 	{
	color: #ffb517;
	}
	
.plandusite #plandusitebleu		{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucebleue.jpg");

	}
.plandusite #plandusitebleu a	{
	color: #00a0d1;
	}	
	
.plandusite #plandusitevert		{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/puceverte.jpg");
	}
	
.plandusite #plandusitevert a  	{
	color: #87b80f;
	}
	
.plandusite #plandusitegris1	{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucegris.jpg");

	}
.plandusite #plandusitegris1 a 	{
	color: #717171;
	}
	
.plandusite #plandusitegris2	{
	list-style-image: url("http://www.mediatheque-beziers-agglo.org/Typo3/fileadmin/user_upload/Images/puces/pucegris.jpg");
	}
.plandusite #plandusitegris2 a 	{
	color: #717171;
	}

/* PLAN DU SITE SPAN  */

.plandusite div a span {
	display: none;
	}


.plandusite a:hover span {
    	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	}
	
/*.plandusite #plandusiteviolet a:hover span {
	top: 250px;
	}	
.plandusite #plandusitejaune a:hover span {
    	top: 450px;
	}
.plandusite #plandusitebleu a:hover span {
	top: 650px;
	}
.plandusite #plandusitevert a:hover span {
	top: 850px;
	}		
.plandusite #plandusitegris1 a:hover span {
	top: 1050px;
	}	
.plandusite #plandusitegris2 a:hover span {
	top: 1050px;
	}	*/

/* TEST BLOC COULEUR */

/* bloc en couleur - bleu par défaut */

.bloccouleur {
width:354px;
margin: 10px 0 10px 0;
background-color: #00afdd;
padding:0;
}

.bloccouleur h2 {
color: #ffffff;
text-align: center;
padding-bottom: 2px;
border-bottom: 2px solid #ffffff;
margin: 4px 0 15px 0;
font-size: 12px;
}

.bloccouleur div {
width: 320px;
padding: 0px;
margin: 0 0 17px 17px;
background-color: #ffffff;
}

.bloccouleur div p {
padding: 5px;
margin:0;
line-height:1.5em;
}

/* PAGE INDEX */

/* dans div id="pagedindex" */

#pagedindex h1 {
color: black;
font-size: 13px;
font-variant:small-caps;
margin: 20px 0 20px 0;
}

.indexmenu {
float: left;
width : 159px;
margin-left: 30px;
}

#pagedindex .indexmenucdc {
float: left;
width : 250px;
margin-left: 85px;
}

#pagedindex .indexmenu212 {
float: left;
width : 212px;
margin-left: 30px;
margin-top: 5px;
}

#pagedindex .indexmenu h2, #pagedindex .indexmenucdc h2, #pagedindex .indexmenu212 h2 {
color: black;
border-bottom: 2px solid #c3b6ad;
padding-bottom:5px;
margin-top: 10px;
font-size: 12px;
text-align: left;
line-height: 1.3em;
}

#pagedindex .indexmenu img, #pagedindex .indexmenucdc img, #pagedindex .indexmenu212 img {
border: 1px solid gray;
margin: 0px 0px 10px 1px;
}

#pagedindex .indexmenu p, #pagedindex .indexmenucdc p, #pagedindex .indexmenu212 p {
text-align: left;
padding-left: 3px;
}

#pagedindex .indexmenu ul, #pagedindex .indexmenucdc ul, #pagedindex .indexmenu212 ul {
margin: 0;
padding: 0;
text-align: left;
}

#pagedindex .indexmenu ul li, #pagedindex .indexmenucdc ul li, #pagedindex .indexmenu212 ul li {
list-style-type: none;
background-image: url(../../fileadmin/user_upload/Images/puces/fleche_bleue.jpg);
background-repeat: no-repeat;
background-position: 4px 2px;
padding-left: 20px;
} 

#pagedindex .indexmenu ul li a, #pagedindex .indexmenucdc ul li a, #pagedindex .indexmenu212 ul li a {
text-decoration: none;
font-weight: bold;
color: #00afdd;
}

#pagedindex .indexmenucdc p a, .tddroite a {
text-decoration: none;
color: #00afdd;
}

#pagedindex .indexmenu ul li a:hover,.tddroite a:hover, #pagedindex .indexmenucdc ul li a:hover, #pagedindex .indexmenucdc p a:hover, #pagedindex .indexmenu212 ul li a:hover {
text-decoration: underline;
}

.indexmenu ol.liste {
list-style-type: none;
margin: 10px 0 3px 0;
text-align: left;
} 

.indexmenu ol.liste li {
padding-bottom: 3px;
}

.indexmenucdc table {
width: 85%;
margin: 15px auto 15px auto;
border-collapse: collapse;
}

.indexmenucdc table tr td.tdgauche {
text-align: right;
width: 40%;
padding: 3px 20px 3px 0;
font-weight: bold;
}

#pagedindex table tr td.tddroite {
width: 60%;
}

/* MENTIONS LEGALES */

#mentions legales h1{
font-size: 13px;
font-variant: small-caps;
text-align: center;
color: black;
}

/* MENTIONS LEGALES */

.mentionslegales h1 {
font-size: 13px;
font-variant: small-caps;
color: black;
margin:20px 0 20px 0;
  }
	
.mentionslegales h2 {
font-size: 12px;
font-variant: small-caps;
color: white;
margin:20px 0 20px 0;
  }

.mentionslegales h3 {
font-size: 11px;
font-variant: small-caps;
margin:10px 0 10px 0;
  }

.mentionslegales p {
text-align: justify;
  }

.mentionslegales a {
	color: black;
  }
  
/****** ORGANIGRAMME ******/

#organigramme {
width: 705px;
height: 600px;
margin: 20px auto 0 auto;
background-image: url(http://www.mediatheque-beziers-agglo.org/typo3/fileadmin/user_upload/Images/infos_pratiques/fondorga2.jpg);
}

#organigramme p {
text-align: center;
width: 200px;
border: 1px solid #c3b6ad;
padding: 10px;
background-color: white;
}

#organigramme p#direction {
position: relative;
left: 240px;
top: 25px;
}

#organigramme p#admin {
position: relative;
left: 13px;
top: 50px;
}

#organigramme p#cac {
position: relative;
left: 468px;
top: -5px;
}

#organigramme p#coordination {
position: relative;
left: 13px;
top: 15px;
}

#organigramme p#reseau {
position: relative;
left: 468px;
top: -55px;
}

#organigramme p#multimedia {
width: 145px;
position: relative;
left: 380px;
top: -98px;
}

#organigramme p#mediabus{
width: 145px;
position: relative;
left: 578px;
top: -158px;
}

#organigramme p#formationNT {
position: relative;
left: 13px;
top: -35px;
}

#organigramme p#adjoint {
position: relative;
left: 240px;
top: -130px;
}

#organigramme p#pole1 {
width: 145px;
position: relative;
left: -30px;
top: -80px;
}

#organigramme p#pole2 {
width: 145px;
position: relative;
left: 170px;
top: -128px;
}

#organigramme p#pole3 {
width: 145px;
position: relative;
left: 370px;
top: -188px;
}

#organigramme p#lieuress {
width: 145px;
position: relative;
left: 370px;
top: -168px;
}

#organigramme p#pole4 {
width: 145px;
position: relative;
left: 565px;
top: -297px;
}

#pagepresse {
width: 100%;
height: 700px;
background-color: #3c3538;
}

#formrecherche {
width: 354px;
background-color: #c3b6ff;
padding: 10px;
}

#formrecherche p span.textentry {
font-weight: bold;
color: blue;
}

/********************************/
/***** ressources numeriques ****/
/********************************/

table.modeemploi {
width: 920px;
vertical-align: middle;
margin: 15px;
border-collapse: collapse;
border: none;
}

table.modeemploi tr td {
padding: 5px;
}

table.modeemploi tr td.droite {
padding-left: 15px;
}

/*******************************/
/****** Mangamania 2012 *******/
/*****************************/

#mangamania {
width: 100%;
position: relative;
margin: 0 auto 0 auto;
background: #54c8f4 url('../../fileadmin/user_upload/Images/cac/2012/janvmars/fleurs-fond.png') repeat-y;
height: auto;
}

#mangamania .bando {
width: 1004px;
margin-top: 25px;
background-color: #231f20;
}

#mangamania .bio {
background: url('../../fileadmin/user_upload/Images/cac/2012/janvmars/fond-fleurs-v.png') no-repeat;
background-position: top left;
width: 100%;
clear: both;
height: 550px;
}

#mangamania h3 {
font-family: arial black;
color: black;
font-size: 14px;
line-height: 1.4em;
padding: 0;
margin: 10px 0 10px 0;
}

#mangamania div.col {
width: 200px;
float: left;
}

#mangamania h3.auteur, #mangamania .col p.blanc {
font-family: arial;
font-size: 20px;
font-weight: bold;
padding-bottom: 5px;
}

#mangamania .col p.blanc {
color: white;
clear: both;
margin-top: -50px;
margin-left: 85px;
}

#mangamania .col img {
float: left;
margin: 0 10px 5px 0;
}

#mangamania .col p, #mangamania div.bio div.hide p {
font-family: verdana;
font-weight: bold;
font-size: 11px;
line-height: 1.4em;
}

.lightbox-parag {
font-size: 12px;
font-weight: bold;
line-height: 1.4em;
text-align: justify;
}

.lienpretty-miya, .lienpretty-reno, .lienpretty-vanyda {
position: absolute;
top: 140px;
left: 0px;
color: white;
text-decoration: none;
}

.lienpretty-vanyda {
top: 160px;
}

#mangamania a.lienpretty-miya img.float, #mangamania a.lienpretty-reno img.float, #mangamania a.lienpretty-vanyda img.float {
border: none;
float: left;
margin: 0 20px 5px 0;
}

img.marge {
margin-left: 90px;
}

p.float {
float: left;
}