/* ### www.esprit-public.fr ###*/
/* ### SCREEN stylesheet ###*/
/* ### Esprit Public - Octobre 2008 ### */
/* ### par Guillaume DAILLIER ### */


/* ###################### SOMMAIRE ###### */
/* $1. Balises de base */
/* $1.1 CLASSES GENERIQUES  */
/* $2. Styles de formulaires */
/* $3. Blocs de mise en page */
/* $4. Header */
/* $5. Menu principal */
/* $6. Contenu principal */
/* $7. Footer */
/* $8. Hacks IE7 */
/* ###################################################### */



/* ###################### $1. Balises de base ############################## */
@import url(reset.css);

body {
   background:#FFFFFF url(../images/bgBody.gif) repeat scroll 0 0;
   color:#666666;
   font-family:"Georgia",sans-serif;
   font-size:68.5%;
   line-height:1.5em;
}

h1, h2, h3, h4, h5, h6 {
   font-family:"Arial",Sans serif;
   font-weight:bold;
   line-height:1em;
   margin:0;
   margin-bottom:10px;
   padding:0;   
}

h1, #piedForm, #FicheRessource #blocGauche, #navBar, #blocGris, #colDroite .blocFormCorps,
#spectacleRess #blocGauche, #spectacleRess #blocRessource, #spectacleRess #blocRessourcePied,
#blocGrisTete, #BlocIndexTete, #blocGrisPied, .blocFormHaut, .blocFormBas {
	margin-left:-8px;
}

h1, h2, #piedForm, #header h1, #header h2, #header h3, #colGauche div, #blocImageTete, form input.effacer, form input.effacer:hover,
#blocImagePied, #spectacle .blocText h4, #spectacleRess #blocRessource h4, #spectacleRess #blocRessourcePied, #navBar,
#blocGrisTete, .blocFormHaut, #blocGrisPied, .blocFormBas, #colDroite .blocFormCorps, #blocGris {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
}

h1 {
   background-image:url(../images/imgH1.gif);
   color:#FFFFFF;
   font-size:11px;
   font-weight:normal;
   height:21px;
   padding:7px 0 0 25px;
   text-transform:uppercase;
}

h2 {
   background-image:url(../images/imgH2.gif);
   font-size:12px;
   height:19px;
   line-height:1.5em;
   margin-top:10px;
   margin-bottom:10px;
   margin-left:8px;
   padding-left:17px;
}

h3 {
   color:#74745F;
   font-family:"Georgia",sans-serif;
   font-size:1.3em;
   line-height:1.5em;
   margin-top:10px;
}

h4 {
   font-size:1.1em;
   line-height:1.5em;
}

h4 a {
   background:transparent url(../images/puceN1.gif) no-repeat scroll 0 4px;
   color:#74745F;
   padding:0 0 0 15px;
}

h6 {
   border-top:1px solid #D8D8D4;
   font-family:"Georgia",sans-serif;
   font-size:25px;
   line-height:1.5em;
}

p, ul, ol, table {
   margin-bottom:20px;
}

p {
   margin:12px 0;
}

p.histoire_accueil {
   padding-bottom:3px;
   padding-top:3px;
   position:relative;
   right:15px;
   width:200px;
}

ul {
   margin-top:10px;
   margin-left:20px;
}

li {
   margin:2px 0;
   padding:0 0 0 15px;
}

ul ul {
   margin:10px 0;
}

abbr, acronym {
   cursor:help;
}

table {
   border:medium none;
   color:#666666;
}

table tr {
   border:medium none;
}

table td, table th {
   border:2px solid #FFFFFF;
   padding:10px;
   vertical-align:baseline;
}

table th {
   font-size:1em;
}

table thead th {
   background:#D6D6C2 none repeat scroll 0 0;
   font-weight:bold;
}

table tbody th {
   background:#FBFAF8 url(../images/puceN1.gif) no-repeat scroll left center;
}

table tbody .lignePair th {
   background:#F0EFE8 url(../images/puceN1.gif) no-repeat scroll left center;
}

table .lignePair th, table .lignePair td {
   background:#F0EFE8 none repeat scroll 0 0;
}

table th, table td {
   background:#FBFAF8 none repeat scroll 0 0;
}

caption {
   display:none;
}

a {
   background-color:inherit;
   color:#666666;
   text-decoration:none;
}

a:hover, a.actif {
   color:#3399CC;
}

strong {
   color:#434242;
   font-weight:bold;
}

em {
   font-style:italic;
}

img {
   border:1px solid #A0A0A0;
   margin:0 5px 0 0;
   padding:0;
}

img.right {
   float:right;
   margin:5px 0 10px 10px;
}

blockquote {
   background:transparent url(../images/imgQuote.gif) no-repeat scroll right top;
   color:#95969A;
   display:block;
   float:right;
   font-size:1.1em;
   font-weight:bold;
   line-height:1.3em;
   margin:10px 0 5px 5px;
   padding:0 90px 0 0;
   text-align:right;
   width:200px;
}

.noDisplay, legend {
	display:none;
}

.noFloat {
   clear:both;
}

form p {
   margin:10px 0;
}

input, select, textarea {
   background-color:#FFFFFF;
   border:1px solid #989897;
   color:#666666;
   font-family:"Arial",sans-serif;
   font-size:1em;
   margin:2px 0;
   padding:2px;
   vertical-align:middle;
}

input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus,
input.focus, form input.submit, textarea.focus {
	border:1px solid #828282;
}

input:hover, select:hover, textarea:hover, input.focus {
   background-color:#F5F5F5;
}

input.normal {
   background-color:#FFFFFF;
   border:1px solid #989897;
}

#colGauche form input.submit {
   background-color:#DDDDDD;
   border:medium none;
   color:#736F6F;
   cursor:pointer;
}

#colGauche form input.submit:hover {
   background-color:#DDDDDD;
   color:#FF8F33;
}

form input.submit {
   background-color:#DDDDDD;
   cursor:pointer;
   text-transform:uppercase;
}

form input.submit:hover {
   background-color:#DDDDDD;
   color:#333333;
}

form input.effacer {
   background-image:url(../images/boutonEffacer.gif);
   border:medium none;
   cursor:pointer;
   height:20px;
   width:83px;
}

form input.effacer:hover {
   background-image:url(../images/boutonEffacerOver.gif);
}

textarea {
   height:90px;
   margin:0 0 10px;
   width:300px;
}

textarea.focus {
   background:#F5F5F5 none repeat scroll 0 0;
}

textarea.normal {
   background:#FFFFFF none repeat scroll 0 0;
   border:1px solid #989897;
}

input.texte {
   width:85px;
}



label:hover {
   cursor:pointer;
}

label {
   color:#434242;
   display:block;
   float:left;
   line-height:1.2;
   margin:0;
   padding:0 0.5em 0 0;
   text-align:left;
   width:80%;
}

#colDroite label {
   padding:5px 0.5em 0 0;
   text-align:right;
   width:14%;
}

#colDroite #tip-a-friend label {
	width:25%;
} 

#colDroite #feedback input {
	width:40%;
} 

#piedForm {
	height:36px;
	padding:8px 0 0 20px;
}

#piedForm {
   background-image:url(../images/bgFormPied.gif);
}

#colDroite .short {
   float:left;
   margin:-2px 0 0 5px;
   text-align:left;
   width:82%;
}

#colDroite ul li .short {
   color:#666666;
}

form ul {
   float:left;
   margin:0;
}

#colDroite form ul li {
   background:none;
   display:block;
   list-style-type:none;
   overflow:auto;
   padding-left:0;
   width:100%;
}

#colDroite form ul li label {
   float:none;
}

.requis {
   color:#FF0000;
}

#container {
   margin:0 auto;
   width:912px;
}

#header, #colContenu {
	background-color:#FFFFFF;
   	border-left:2px solid #C3C3C3;
   	border-right:2px solid #C3C3C3;
}

#header {
   height:98px;
   position:relative;
}

#colContenu {
   background-image:url(../images/bgContenu.gif);
   background-repeat:repeat-y;
   float:left;
   min-height:550px;
   _height:550px; /* hack pour IE6 */
}

#colGauche {
   background:none;
   float:left;
   padding:20px 0;
   position:relative;
   width:217px;
   z-index:1;
}

#colDroite {
   background-color:#FFFFFF;
   float:left;
   font-size:1.1em;
   padding:0;
   padding-bottom:20px;
   padding-left:32px;
   width:659px;
}

#footer {
   border-top:3px solid #C3C3C3;
   float:left;
   font-size:12px;
   width:909px;
}

#header h1 {
   background-image:url(../images/imgLogo.gif);
   cursor:pointer;
   display:block;
   height:98px;
   left:8px;
   position:absolute;
   top:0;
   width:217px;
}

#header h2 {
   background-image:url(../images/imgTitreSite.gif);
   display:block;
   height:59px;
   left:245px;
   position:absolute;
   top:5px;
   width:311px;
}
#header h3 {
   background-image:url(../images/imgLogoLyon.gif);
   display:block;
   height:48px;
   left:825px;
   position:absolute;
   top:15px;
   width:54px;
}
#menuPrincipal {
   font-family:"Arial",Sans serif;
   font-size:1em;
   font-weight:bold;
   line-height:0.95em;
   overflow:auto;
   text-transform:uppercase;
}

/* hack pour safari */
html[xmlns*=""] #menuPrincipal {
	font-size:0.9em;
}

#menuPrincipal ul {
   background:transparent url(../images/menuBorder1.gif) repeat-x scroll 0 20px;
   float:left;
   margin:0;
   padding:5px 0;
   width:100%;
}
#colDroite #menuPrincipal li {
   background:none;
   color:#999999;
   display:inline;
   padding:0 3px;
}
#menuPrincipal li a {
   color:#A1A960;
   padding:2px 0;
   text-decoration:none;
}
#menuPrincipal li a:hover, #menuPrincipal li a.selected {
   border-bottom:2px solid #75DF0F;
   color:#75DF0F;
}
#menuPrincipal li.open ul {
   display:block;
}
#menuPrincipal ul ul li.open ul {
   display:block;
}
#menuPrincipal ul ul {
   background:transparent url(../images/menuBorder1.gif) repeat-x scroll 0 26px;
   float:left;
   margin:0;
   padding:10px 0;
   width:100%;
}
#menuPrincipal ul ul li a {
   font-size:0.9em;
   font-weight:normal;
   text-transform:lowercase;
}
#menuPrincipal ul ul ul li a:hover {
   border:medium none;
   color:#75DF0F;
}
#menuPrincipal ul ul ul li a:hover, a.active {
   border-bottom:medium none;
   color:#75DF0F;
}
#menuPrincipal ul ul ul {
   background-color:#F3F3F3;
   float:left;
   font-size:0.9em;
   font-weight:normal;
   margin:5px 0 0;
   padding:5px 0;
}
#colGauche div {
   background-image:url(../images/bgBorderleft.gif);
   float:right;
   font-family:"Arial",Sans serif;
   padding:10px 20px;
   width:160px;
}
#colGauche p {
   font-family:"Georgia",Sans serif;
}
#colGauche a {
   text-decoration:none;
}
#colGauche a:hover {
   color:#FF8F33;
   text-decoration:underline;
}
#colGauche div.pied {
   background:transparent url(../images/bgBorderbottom.gif) no-repeat scroll left bottom;
   font-size:0;
   height:6px;
   padding:0 20px;
}
#moteurRecherche label {
   background:transparent url(../images/puceBlocN1.gif) no-repeat scroll 0 2px;
   margin:0 0 7px;
   padding:0 0 0 10px;
   text-transform:uppercase;
}
#moteurRecherche form {
   background:transparent url(../images/puceBlocN1.gif) no-repeat scroll 0 1px;
   margin:0 0 10px;
   text-transform:uppercase;
}

#moteurRecherche form input {
	margin-bottom:15px;
}

#moteurRecherche #s, #moteurRecherche #Search {
   width:120px;
}
#moteurRecherche a.avancee {
   background:transparent url(../images/puceBlocN2.gif) no-repeat scroll 0 5px;
   padding:0 0 0 10px;
   text-transform:uppercase;
}

#menuPratique ul, #menuPratique li {
   margin:0;
   overflow:hidden;
}
#menuPratique li {
   padding:0 0 0 15px;
}
#menuPratique li.contact {
   background:transparent url(../images/pictoContact.gif) no-repeat scroll 0 1px;
}
#menuPratique li.reco {
   background:transparent url(../images/pictoReco.gif) no-repeat scroll 1px 4px;
}
#menuPratique li.voir {
   background:transparent url(../images/pictoVoir.gif) no-repeat scroll 2px 4px;
}
#menuPratique li.print {
   background:transparent url(../images/pictoPrint.gif) no-repeat scroll 0 1px;
}
#newsletterBox label {
   background:transparent url(../images/pictoFleche.gif) no-repeat scroll 0 4px;
   margin:0 0 7px;
   padding:0 0 0 15px;
}
#colDroite li {
   background:transparent url(../images/puceN1.gif) no-repeat scroll 0 2px;
}
#colDroite li ul li {
   background:transparent url(../images/puceN2.gif) no-repeat scroll 0 3px;
}
#colDroite li ul ul li {
   background:transparent url(../images/puceN3.gif) no-repeat scroll 0 4px;
}
#blocChiffre {
   float:left;
   font-family:"Arial",Sans serif;
   font-size:15px;
   font-weight:bold;
   padding:30px 20px 0 0;
   text-align:right;
   width:185px;
}

#blocChiffre span, #blocChiffreSaison span {
   font-size:23px;
}
span.violet, #infosUtiles, #infosUtiles strong {
   color:#7C4979;
}

span.rouge {
   color:#C41230;
}

span.bleu {
   color:#1283C4;
}

span.orange {
   color:#FF6633;
}

span.jaune {
   color:#FFDE00;
}

#blocDroiteAccueil {
   float:left;
   text-align:justify;
   width:420px;
}

#FicheRessource #blocGauche {
   float:left;
}

#FicheRessource #blocDroite {
   margin-left:8px;
   overflow:auto;
   padding:0 0 0 10px;
}

#blocImageTete {
   background-image:url(../images/bgBlocImageTete.gif);
   font-size:0;
   height:12px;
   width:367px;
}

#blocImage {
   background:transparent url(../images/bgBlocImage.gif) repeat-y scroll 0 0;
   padding:0 0 0 17px;
   position:relative;
   width:367px;
}

#blocImagePied {
   background-image:url(../images/bgBlocImagePied.gif);
   font-size:0;
   height:17px;
   width:367px;
}

.zoom {
   bottom:3px;
   height:18px;
   left:18px;
   position:absolute;
   width:18px;
}

.zoom img {
   border:1px solid #666666;
}

#spectacle .blocText h4 {
   background-color:#D4D2BE;
   background-image:url(../images/bgH4.gif);
   float:left;
   font-size:1em;
   font-weight:normal;
   margin:0 0 10px;
   padding:0 20px;
   text-transform:uppercase;
}

#spectacle .blocText p, #spectacleRess .blocText p {
   overflow:auto;
   width:100%;
}

#spectacleRess #navBar {
   margin-bottom:0;
   z-index:1;
}

#spectacleRess #blocGauche {
   background-image:none;
   float:left;
   padding-left:8px;
   width:263px;
}

#spectacleRess #blocDroite {
   float:left;
   width:393px;
}

#spectacleRess #blocGauche img {
   border:medium none;
   margin-top:10px;
   z-index:5;
}

#spectacleRess a {
   color:#434242;
}

#spectacleRess .blocText h4 {
   background:transparent url(../images/bgH4.gif) repeat-x scroll 0 0;
   float:left;
   font-size:1em;
   font-weight:normal;
   margin:0 0 10px;
   padding:0 20px 5px;
   text-transform:uppercase;
}

#spectacleRess #blocRessource {
   background:transparent url(../images/bgBlocRessource.gif) repeat-y scroll 0 0;
   margin-top:13px;
   padding-top:0;
   padding-right:0;
   padding-bottom:20px;
   padding-left:20px;
   width:240px;
}

#blocRessource img.leftPicto, #blocGaucheRessource img.leftPicto {
   margin:5px 10px 0px 0px;
   border:none;
}

#spectacleRess #blocRessource h4 {
   background-image:url(../images/bgBlocRessourceTete.gif);
   height:19px;
   margin-left:-20px;
   padding:2px 0 0 35px;
   text-transform:uppercase;
   width:222px;
}

#spectacleRess #blocRessourcePied {
   background-image:url(../images/bgBlocRessourcePied.gif);
   height:6px;
   width:258px;
}

#navBar {
   background-image:url(../images/imgH1.gif); 
   font-family:"Arial",Sans serif;
   height:25px;
   margin-bottom:10px;
   padding:3px 0 0 25px;
}

#colDroite h1, #navBar, #animation-accueil {
	margin-top:20px;
}

#navBar h1 {
   background:none;
   float:left;
   font-family:"Georgia",sans-serif;
   font-size:18px;
   font-weight:normal;
   margin:0;
   padding:0;
   text-transform:uppercase;
   width:505px;
}

#navBar h1#titre-ressources {
	font-size:11px;
   	font-weight:normal;
   	padding-top:4px;
   	font-family:"Arial",Sans serif;
}

#navBar a {
   border-left:2px solid white;
   color:#FFFFFF;
   float:right;
   height:12px;
   line-height:0.9em;
   margin-top:4px;
   padding:0 5px;
   text-decoration:none;
}

#navBar a.btPrecedent, #navBar a.btSuivant {
	background-color:transparent;
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:5px 0;
   	width:9px;	
}

#navBar a.btPrecedent {
   background-image:url(../images/btPrecedent.gif);
}

#navBar a.btSuivant {
   background-image:url(../images/btSuivant.gif);
}

.presse {
   margin-left:0;
   padding:0;
}

#colDroite .presse li {
   background:transparent url(../images/pictoDocument.gif) no-repeat scroll 0 3px;
}

#colDroite .presse li a {
   text-decoration:none;
}

h5.photos, h5.video {
   background-attachment:scroll;
   background-color:transparent;
   background-repeat:no-repeat;
   background-position:0 7px;
   border-top:1px solid #A9A9A8;
   font-weight:normal;
   padding:5px 0 0 15px;
   margin-right:10px;
}
	
h5.photos {
   background-image:url(../images/pictoGalerie.gif);
}

h5.video {
   background-image:url(../images/pictoVideo.gif);
}

#colDroite .vignette {
   margin-left:0;
   margin-right:0;
   padding:0;
}

#colDroite .vignette li {
   background-image:none;
   float:left;
   margin:0;
   padding:0;
   padding-top:2px;
   padding-right:2px;
   padding-bottom:4px;
}

#colDroite .vignette li img {
   margin:0;
   padding:0;
}

.legende {
   border-bottom:1px solid #A9A9A8;
   font-style:normal;
}

.legende-photo {
	font-style:italic;
}

.dark {
   color:#021E15;
}

.trait {
   border-bottom:1px solid #A5A5A3;
   padding-bottom:10px;
}

.notrait {
   border:medium none;
}

h6.alphabet, #blocGris #tableau-alphabet {
	width:61%;
}

h6.alphabet {
   text-transform:uppercase;
   float:left; 
   border-bottom:1px solid #E5E4DB;
}

#result-header {
   background:transparent url(../images/bgResult.gif) repeat-x scroll center bottom;
   margin-bottom:10px;
   padding:5px 0 15px 15px;
   width:643px;
   text-align:right;
}

#nbResult {
   float:left;
}

#result-info {
	margin-right:15px;
}

.blocText {
   background:transparent url(../images/bgResult.gif) repeat-x scroll center bottom;
   margin-bottom:5px;
   overflow:auto;
   padding:5px 10px 15px 0;
}

.blocText p {
   margin:5px 0;
   padding:0;
}

.blocText2 {
	background:url(../images/bgBlocText2.gif) no-repeat bottom left;
	float:left;
	width:48%;
	margin:0 5px 5px 0;
	padding:5px 0 15px 0px;
	position:relative;
        height:90px;
}

.blocText2 a.titre-spectacle {
	background:none;
	color:#5A5A47;
	font-family:"Georgia", Sans serif;
	font-size:1.1em;
	font-weight:bold;
	padding:0 0 0 15px;
	background-image:url(../images/pictoFlecheh4.gif);
	background-repeat:no-repeat;
	background-position:5px 7px;
	margin:0;
}

.blocText2 a.titre-spectacle:hover {
	color:#3399CC;
}

.blocText2 a img {
	float:left;
	margin-top:0px;
	margin-right:10px;
	margin-bottom:0px;
	border:none;
}

.blocText2 a img.vignette-fichier {
	margin-left:-5px;
}

.blocText2 a img.resourceLine {
	margin-left:0px;
}

span.chiffre {
   color:#5F7143;
   font-size:1.6em;
}

#blocChiffreSaison {
   font-family:"Arial",Sans serif;
   font-size:15px;
   font-weight:bold;
   text-align:left;
   padding-top:5px;
}

#blocChiffreSaison p {
	margin:0;
	margin-bottom:12px;
	margin-left:75%;
}

#blocGrisTete, #blocGrisPied {
	font-size:0;
}

#blocGrisTete {
   background-image:url(../images/bgBlocGrisTete.gif);
   height:7px;
}

.blocFormHaut {
   background-image:url(../images/bgBlocSearchTete.gif);
   font-family:"Arial",Sans serif;
   height:19px;
   padding:2px 0 0 25px;
}

#BlocIndexTete {
   background:transparent url(../images/bgBlocIndexTete.gif) no-repeat scroll center top;
   font-family:"Georgia",Sans serif;
   font-size:1.3em;
   height:21px;
}

#BlocIndexTete ul {
	padding:0;
	margin:0;
	margin-left:25px;
}

#BlocIndexTete li {
   background:none;
   float:left;
   margin:0;
   padding:0;
   margin-top:2px;
}

#BlocIndexTete a {
   text-decoration:none;
   font-weight:bold;
   float:left;
   padding:0 1px;
   text-transform:uppercase;
}

#BlocIndexTete a:hover{
	color:#FFF;
	background:#3399CC;
}

.petitBloc, .petitBlocHaut, .petitBlocBas {
	width:207px;
	background-repeat:no-repeat;
}

.petitBloc {
	float:right;
	margin:20px 10px 0 0;
}

.petitBlocHaut {
	height:5px;
	background-image:url(../images/imgpetitBlocHaut.gif);
	background-position:left bottom;
}

.petitBlocBas {
	height:6px;
	background-image:url(../images/imgpetitBlocBas.gif);
}

.petitBlocCorps {
	width:187px;
	padding:0 5px 5px 15px;
	background-image:url(../images/imgpetitBlocCorps.gif);
	background-repeat:repeat-y;
}

#colDroite .blocFormCorps, #blocGris, .attribute-long {
	padding-right:10px;
}

#colDroite .blocFormCorps, #blocGris {
	background-repeat:repeat-y;
	padding-bottom:20px;
	min-height:200px;
	height:auto !important;
	height:200px;
	padding-left:25px;
	overflow:auto !important;
	overflow:visible;
}

#colDroite .blocFormCorps {
   background-image:url(../images/bgBlocSearch.gif);
}

#blocGris {
   background-image:url(../images/bgBlocGris.gif);
}

ul.liste-alphabetique {
	float:left;
	margin:0;
	width:100%;
}

#blocGris #tableau-alphabet {
   margin:21px 0 ;
   float:left;
   border:none;
}

#blocGris #tableau-alphabet td {
   margin:0;
   padding:0;
   border:none;
   text-align:center;
   background:none;
   border-bottom:1px solid #E5E4DB;
   border-right:1px solid #E5E4DB;	
}

#blocGris #tableau-alphabet .bottom td {
	border-bottom:none;
}

#blocGris #tableau-alphabet .lastCol {
	border-right:none;
}

#tableau-alphabet a {
	font-size:30px;
	padding:10px;
	display:block;
}

#blocGrisPied, .blocFormBas {
   height:6px;
   margin-bottom:10px;
}

#blocGrisPied {
   background-image:url(../images/bgBlocGrisPied.gif);
}

.blocFormBas {
   background-image:url(../images/bgBlocSearchPied.gif);
}

#colDroite #blocGris li, #colContenu #colDroite #blocGris ul.liste-alphabetique li {
   background-color:transparent;
   background-image:url(../images/puceSaison.gif);
   background-repeat:no-repeat;
   background-position:1px center;
   padding:5px 0px 5px 10px;
}

#colContenu #colDroite #blocGris ul.liste-alphabetique li {
	border:1px solid #F3F2E8; /* hack pour IE6 */
}

.pagination {
   font-family:"Arial",Sans serif;
   margin:auto;
   text-align:center;
}

.pagination ul {
   display:inline;
   margin:auto;
   text-align:left;
}

.pagination li {
   display:inline;
   padding:0;
}

.pagination a {
   border-left:1px solid;
   color:#434242;
   padding:0 0 0 4px;
   text-decoration:none;
}

.pagination a.firstPage {
   border-left:medium none;
}

.pagination a:hover {
   color:#3F9FCE;
}

.pagination a.btPrecedent {
   border:medium none;
   margin:0 10px 0 0;
}

.pagination a.btSuivant {
   border:medium none;
   margin:0 0 0 10px;
}

#colDroite .pagination li {
   background:none;
}

#photo {
   border-collapse:collapse;
   width:auto;
}

#photo img, #photo td {
   border:medium none;
   margin:0;
   padding:0;
}

td#Haut {
   background-image:url(../images/ImageHaut.gif);
}

td#Haut, td#Bas {
   background-repeat:repeat-x;
}

td#Gauche {
   background-image:url(../images/ImageVertGauche.gif);
}

td#Gauche, td#Droite {
   background-repeat:repeat-y;
}

td#Droite {
   background-image:url(../images/ImageVertDroite.gif);
}

td#Bas {
   background-image:url(../images/ImageBas.gif);
}

#container #footer ul {
   background:#D9D9D9 none repeat scroll 0 0;
   float:right;
   margin-right:100px;
   padding:2px 5px;
   text-align:center;
   width:57%;
}

#footer li {
   display:inline;
   padding:0;
}

#footer a {
   color:#736F6F;
   text-decoration:none;
}

#footer a:hover {
   text-decoration:underline;
}

* + html #colDroite .short {
   margin:0 0 0 5px;
}

#debug {
   float:left;
   margin-top:20px;
}

div.pied-bloc-attributs {
   border-bottom:1px solid black;
   margin:auto auto 4px;
   padding-bottom:4px;
   width:70%;
}

img.bloc-attributs {
   border:medium none;
   cursor:pointer;
   margin-left:35%;
}

.titre-bloc-attributs {
   font-weight:bold;
   padding-bottom:3px;
   text-decoration:underline;
}

div.attribut {
   clear:both;
}

#colDroite .form-oeuvre input[type="text"] {
	width:35%;
}

#colDroite .form-oeuvre label, p.owpersonnesrelationlist, #colDroite #editform label {
   width:35%;
}

p.owpersonnesrelationlist {
   border-bottom:1px solid #D4D2BE;
   border-right:1px solid #D4D2BE;
   margin:0 0 0 36%;
   padding:0;
}

#colDroite .form-oeuvre .owpersonnesrelationlist label, #colDroite .form-oeuvre .owpersonnesrelationlist input[type="text"] {
   width:auto;
}

.image-ressource, .image-affiche, .image-photo {
   position:relative;
}

.image-affiche {
	display:inline-block;
}

#loupe {
   position:absolute;
   bottom:6px;
   right:2px;
}

#loupe, #loupe a, #spectacleRess #blocGauche #loupe a img {
	padding:0;
	margin:0;
}

#spectacleRess #blocGauche .image-affiche #loupe {
	right:16px;
	bottom:2px;
}

.image-photo #loupe {
	bottom:2px;	
}
	
table.search-results th {
   padding-left:10px;
}

.spectacle_ligne { /* Olivier */
   color:#434242;
   font-weight:bold;
}

a span.spectacle_ligne:hover { /* Olivier */
   color:#3F9FCE;
}

.zoomAffiche { /* Olivier */
   width:18px;
   height:18px;
   position:absolute;
   bottom:40px;
   left:5px;
}

.paragraphe-formulaire {
   clear:both;
}

.message-warning {
   color:red;
}

.message-warning span#global {
   font-weight:bold;
}

table.list {
   width:60%;
}

.bloc-attributs {
   clear:both;
}

#blocGaucheRessource {
	float:left;
}

#blocDroiteRessource {
	float:right;
	width:300px;
}

.blocTelecharger { /* Olivier */
   background:url(../images/bgResult.gif) repeat-x bottom;
   margin-bottom:5px;
   margin-left:5px;
   padding:5px 0 15px 0px;
}

.archives { /* Olivier */
   position:absolute;
   left:453px;
   bottom:515px;
   font-family: Arial;
}

input.inputsubject { /* Olivier */
	padding-left:60px;   
}

.object-center {
	text-align:center;
}

.object-left {
    float:left;
}
.object-right {
    float:right;
}

p#checkbox {
	margin:0;
}

#colDroite label.checkbox, #colDroite input.checkbox {
	float:none;
	display:inline;
}

#colDroite label.checkbox {
	width:auto;
	text-align:left;
}

#colDroite input.checkbox {
	margin-right:6px;
}

div.checkbox-column {
	margin-top:4px;
	float:left;
	width:27%;
}

.separator {
	visibility:hidden;
	clear:both;
}

#search-tip {
	text-transform:none;
	float:left;
	font-style:italic;
}

.paragraphe-pagination {
	text-align:right;
	padding-right:5%;
}

#colDroite .paragraphe-pagination label {
	float:none;
	display:inline;
}

#infosUtiles {
	/* font-style:italic; */
   color:#7C4979;
}

.allRessources {
   font-weight:bold;
}

.toggle {
	border:none;
	cursor:pointer;
}

.infos-collectees {
	margin-top:20px;
	margin-bottom:20px;
}

#lien-retour {
	text-align:right;
}

#lien-retour a {
	text-decoration:underline;
}

span.label_nom {
   color:#434242;
   padding-left:30px;
   padding-right:10px;
}