/*
CSS Théâtre Montansier
Réalisation www.ventiloman.com
*/

@import url(montansier-menu.css);
/*@import url(thickbox.css);*/

html {
	margin:0px;
	padding:0px;
}

body {
margin:0px;
padding:0px;
padding:0;
text-align: center;
background: #DCD8CE; /*DBC598;*/ 
font-family: Verdana, Helvetica, Arial;
font-size: 10px}

* { /* tous les elements du site */
/*margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;*/
}

a img,:link img,:visited img,:hover img,:active img { border:none }
a  { color: #4E4B3A; text-decoration: underline;  }
a:hover  { color: #4E4B3A; text-decoration: none;  }

img { border:none }
img.format_pied {margin-right: 5px; } 

.horschamps {
display: none; 
}

.spacer {
clear:both;
}



/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	margin-right: auto; margin-left: auto; position: relative; top: 0px; left: 0px; visibility: visible; display: block ;
	width: 900px;
	
	/*height: 540px;*/
	text-align: left;	
       /*background-image:url(../image/bg.jpg);
       background-repeat: no-repeat;*/
	background: #FFF;
}

#contenu {
width: 664px;
float: right;
/*margin-top: 3px;
margin-right: 10px;
background: #C6BDB6;*/
font-size: 12px;
margin-right: 0px;
margin-bottom: 10px;
}

#contenu p {
margin-left: 0px;
font-size: 12px ;
}

#contenu-texte {
background-color : white;
margin-left: 12px;
margin-top: -5px;
}




#gauche {
/*background-color : yellow;*/
width:100%;
float:left;
background-image: url(../IMG/css/fond-cariatide-bas.jpg);
background-repeat: no-repeat;
}

/* Fil d'Ariane */
#hierarchie {
margin-top: -8px;
	width: 664px;
	height: 30px;
	background-image: url(../IMG/css/fond-hierarchie.jpg);
	background-repeat: no-repeat;
	/*padding-bottom: 3px;
	margin-left: 0px;*/
	font-size: 10px; 
	color: #697372;
	}
	
*+html #hierarchie,  {
margin-top: 0px; }

*html #hierarchie {
margin-top: 0px; }
	
* html #gauche  {
margin-top: -4px;

 }
	
#hierarchie-chemin {
margin-top: 8px;
margin-left: 12px;
padding:0px 0px 0px 20px;
background-repeat: no-repeat;
background-position:0px 0px 5px 0px;
background-image: url(../IMG/css/puce-hierarchie.jpg);
}
	
 #hierarchie a {
color: #697372;
text-decoration: underline;
 }
 
#hierarchie a:hover {
text-decoration: none;
}



/*  ------------------------------------------
/*  Entete
/*  ------------------------------------------
*/

#logo {
position:absolute; top: 0px; left:0px; width:235px; height:92px; z-index:10000;
}

#entete { width: 900px;
/*height: 210px;*/
background-image: url(../IMG/css/2_bandeau-haut.jpg);
background-repeat: no-repeat;

}


/* Zone Recherche */
div.bandeau-haut-recherche{ 
width:500px;
height:30px;
margin-left: 275px;
/*background-color: red;*/
}

            /* Barre de recherche  */
div.recherche { 
width:220px;
height:25px;
float:left;
margin-top: 6px; 
}

div.bandeau-haut { 
text-align:left; color: #FFF;
width:245px;
height:25px;
float:left;
margin-top: 8px; 
}

div.bandeau-haut a {
color: #FFF;
text-decoration: none;
}

.mot-recherche {
margin-left: 20px;
}

input.input { font: 10px Arial, Helvetica, sans-serif;color: #A2A4A0; background-color: white; border: 1px solid #A2A4A0; width:130px; }
input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #FFF;
background-color:  #6C9C9C; border: 1px solid #6C9C9C;  
margin-left:1px; width:45px;}
form.recherche { margin-bottom : 0px; height:25px; width:185px; padding-left: 1px;}  

/*résultat recherche*/
.spip_surligne {
color: #003365;
font-weight: bold;
}
 /* Fin Barre de recherche  */ 


/* Formulaire de newsletter  */
#newsletter {
float:right;
text-align: left;
/*position: absolute; top: 10px; left: 680px;*/
width: 113px;
height: 80px;
/*background-image: url(../IMG/css/fond-newsletter.gif);
background-repeat: no-repeat;*/
}

/** html #newsletter {
width: 220px;
height: 70px;
position: absolute; top: 10px; left: 680px; 
z-index: 10;
background-image: url(../IMG/css/fond-newsletter.gif);
background-repeat: no-repeat;
}*/

#newsletter input.forml { margin: 0px 0px 0px 0px; font: 10px Arial, Helvetica, sans-serif;  color: #A2A4A0; background-color: white; border: 1px solid #A2A4A0; width: 90px; }
#newsletter input.inputok { font: 10px Verdana, Arial, Helvetica, sans-serif;color: #000;
background-color:  #6C9C9C; border: 1px solid #6C9C9C;  
margin-left:0px; width:85px;}

#newsletter #monContenu {
/*margin: 0px 0px 0px 100px;*/
background-color: #6B9C99;
color: white; }


/* Menu Horizontal */
#menu-horizontal {
	
margin: 63px 0px 0px 250px;
	/*padding: 5px 0px 0px 20px;*/
height: 20px;

}





/* Menu Vertical secondaire */
#menu-secondaire {
float: left;
width: 236px;
height: 93px;
background-image: url(../IMG/css/home-menu-secondaire.jpg);

 }

*+html #menu-secondaire {
margin-top: 4px; }

* html #menu-secondaire {
margin-top: 4px; }

#navlist-secondaire li { 
margin: 0;
padding: 0;
list-style: none;
 }

#navlist-secondaire {
text-align: right;
/*margin-top: 10px;*/
/*padding-right: 10px;*/
/*margin-left: 70px;
padding-left: 0;
list-style: none;*/
/*width: 210px;*/


margin-left: 10px;
font: 10px Verdana, sans-serif;




}

/*http://css.maxdesign.com.au/listamatic/vertical09.htm*/

#navlist-secondaire li a {
display: block;
padding: 2px 25px 2px 15px;
text-decoration: none;
background-position: 95% 50%;
background-image: url(../IMG/css/puce-liens-directs.gif);
background-repeat: no-repeat;
}

* html #navlist-secondaire li a {
line-height: 4px;
padding: 2px 25px 2px 0px;
}

#bandeau-bas-droit {
float: right;
width: 663px;
height: 93px;
background-image: url(../IMG/css/bandeau-bas-droit.jpg);
background-repeat: no-repeat;
}

*+html #bandeau-bas-droit {
margin-top: 4px; }

* html #bandeau-bas-droit {
margin-bottom: -10px; }


/*  ------------------------------------------
/*  Menu Vertical
/*  ------------------------------------------
*/



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

#navlist {
margin-top: 5px;
padding-top: 10px;
margin-left: 70px;
padding-left: 0;
/*list-style: none;*/
width: 166px;
background-color: #EAE7E1;
    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;}
}

* html #navlist {
margin-left: 0px;
position: absolute; top: 250px; bottom: 0px; left: 66px; right: 0px;
 }


 h2.menu-titre  {
margin-left: 70px;
/*background-color: #845E98;*/
font-size: 15px ;
color: #012C70;
padding: 3px 0px 3px 0px;
background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/puce2.jpg);
margin-bottom: 1px;
}



#navlist li a 
/*, #navlist li a:link, #navlist li a:active*/ 
 { 
text-decoration: none;
font-weight: bold;
color: #8E896B;
padding: 5px 0px 5px 25px;
display: block;
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: 5% 50%;
background-image: url(../IMG/css/puce_menuV_off.gif);
border-bottom: 1px solid #8E896B;
width: 140px;
}

* html #navlist li a {

}

#navlist li a.on {
color: #012C70;
background-image: url(../IMG/css/puce_menuV_on.gif);
}

#navlist li a:hover {
color: #012C70;
background-repeat: no-repeat;
/*background-attachment:fixed;*/
background-position: 5% 50%;
background-image: url(../IMG/css/puce_menuV_on.gif);
}



/*  ------------------------------------------
/*  Home
/*  ------------------------------------------
*/

.page_sommaire h2 {
font-size: 16px ;
font-weight: bold;
padding:0px 0px 0px 30px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/puce-home-h3.jpg);
margin-bottom: 5px;
}

.titre-bleu {
color: #2E4150;
}

#contenu-home {
width: 677px;
float: right;
/*margin-top: 3px;
margin-right: 10px;
background: #C6BDB6;*/
font-size: 12px;
}

div.contenu-home  {
width: 523px;
height: 155px;
background-image: url(../IMG/css/fond-home.jpg);
/*font-family: 'serif';*/
color: #4E4B3A;
margin-bottom: 20px;
}

.page_sommaire .logo-article  {
width: 111px;
height: 140px;
margin: 8px 0px 0px 30px;
background-color: #FFF;
float: left;
}

* html .page_sommaire .logo-article  {
margin: 8px 0px 0px 15px;
}

.page_sommaire .logo-article img, .page_sommaire .logo-long img {
display: block; 
margin: 0 auto;
margin-top: 10px;
/*text-align: center;*/
}

.page_sommaire .texte-article {
margin: 15px 27px 0px 0px;
float: right;
width: 335px;
}

* html .page_sommaire .texte-article {
margin: 15px 10px 0px 0px;
}

.page_sommaire .texte-article-retrait {
margin-left: 30px;
}

.page_sommaire .Code a {
line-height: 15px;
padding:0px 0px 0px 20px;
background-repeat: no-repeat;
background-position: 0% 50%;
background-image: url(../IMG/css/picto-pdf.jpg);
color: #000;
}
/* Modèle 2 */

.texte-article-left {
width: 335px;
float: left;
margin:15px 0px 0px 30px; }

.right {
float: right; }

.seul  {
margin: 10px 0px 0px 50px; }

div.logo-long  {
width: 465px;
height: 110px;
margin: 5px 0px 0px 30px;
background-color: #FFF;
float: left;
}

.page_sommaire #citation {
width: 690px;
height: 80px;
background-image: url(../IMG/css/1-citation.jpg);
background-repeat: no-repeat;
margin-left: 130px;
padding: 25px 0px 0px 25px;
}

*+html .page_sommaire #citation {
padding: 39px 0px 0px 25px; }

.page_sommaire #citation p {
line-height: 5px;
}

*+html  .page_sommaire #citation p.spip {
line-height: 9px;
margin-top: -10px;
}


/*  ------------------------------------------
/*  Article
/*  ------------------------------------------
*/
#contenu {
color: #4E4B3A;
}

#contenu h1, #contenu-home h1 {
font-size: 16px ;
font-weight: bold;
/*letter-spacing : 2px;*/
/*margin-bottom: 5px;*/
padding:0px 0px 0px 35px;
background-repeat: no-repeat;
background-position:10px 0px 0px 0px;
background-image: url(../IMG/css/puce1.jpg);
/*font-family: 'serif';*/
color: #4E4B3A;
/*color: #B92300;*/
}

#contenu h3 {
font-size: 14px ;
font-weight: bold;
padding:0px 0px 0px 25px;
background-repeat: no-repeat;
background-position:0px 0px 5px 0px;
background-image: url(../IMG/css/puce3.gif);
color: #4E4B3A;
}

#contenu ul li {
list-style-image:  url(../IMG/css/puce-li.gif);
margin-left: -20px;
line-height: 20px;
}

#contenu-texte {
margin-right: 9px;
}

.liste-articles {
width: 652px;
/*border-bottom: 1px solid #570E16;*/
/*background-color : red;*/
margin-top: 10px;
margin-bottom: 0px;
}

div.logo-article  {
width: 88px;
height: 115x;
/*margin: 10px 0px 10px 10px;
background-color: #D4D0C5;*/
float: left;
}

*+html div.liste-articles, *html div.liste-articles {
/* Que pour IE */
margin: 20px 0 20px 0; 
}

.logo-article img {
margin: 10px 0px 0px 10px;
}



div.texte-article {
/*margin: 10px 0px 10px 10px;*/
float: left;
width: 540px;

}

div.liste-articles div.texte-article {
margin: 10px 0px 10px 10px;
width: 370px;
padding-left: 10px;
}

* html div.liste-articles div.texte-article {
padding-left: 0px; }

* html div.texte-article {
width: 530px;
}

div.liste-articles div.reservation {
float: left;
width: 155px;
height: 24px;
margin: 30px 0px 0px 5px;
background-image: url(../IMG/css/reserver-en-ligne.gif);
}



div.bande {
height: 1px;
width: 645px;
margin-top: 10px;
background-color: #570E16;
}

hr {
color: #570E16;
}

/* Articles colonne */
div.affiche {
float: left;
width: 165px;
/*background-color: red;*/
}

div.texte-spectacle {
float: left;
width: 475px;
}



/* Page recherche */
#page_recherche h3 {
margin: 0px 0px -10px 0px;
}

#page_recherche #contenu {
margin-right: 10px;
}

/*  ------------------------------------------
/*  Rubriques
/*  ------------------------------------------
*/

#fond-rubrique {
width: 340px;
height: 230px;
float: left;
background-image: url(../IMG/css/fond-rubrique.jpg);
margin-left: 0px;
}

.rubriques {
float: left;
background-color: silver;
}

/* Menu droite rubrique principale */

.rubriques #navlist {
margin-top: 5px;
padding-top: 10px;
/*margin-left: 70px;*/
padding-left: 0;
width: 166px;
background-color: #EAE7E1;
    filter:alpha(opacity=60);
   -moz-opacity:0.6;
   opacity: 0.6;}
}

.rubriques #navigation h2, #navigation h2 a {
/*margin-left: 70px;*/
/*background-color: #845E98;*/
font-size: 18px ;
color: #012C70;
padding: 3px 0px 3px 0px;
background-repeat: no-repeat;
background-position:0px 0px 5px 25px;
background-image: url(../image/puce2.jpg);
margin-bottom: 1px;
}


/* Fin menu droite */


/* ------
Calendrier  */
.events {
margin-bottom: 50px;
}

.events h3 {
margin-bottom: 5px;
}
.evenement_date {
float: left;
width: 195px;
}

.evenement_date-date {
width: 65px;
}

.evenement_article {
float: left;
}



.evenement_genre {
float: right;
margin-right: 10px;
}




p.pagination {
text-align: center;
color: #CBA100;
font-size: 13px;
}

/* Article de la colonne : article-6.html */
#article-suivant-precedent {
color: #CBA100;
font-size: 14px;
margin: 15px 0px 10px 0px;
}

#article-suivant-precedent a {
color: #CBA100;
text-decoration: none;
}

/*  ------------------------------------------
/*  Pied de page
/*  ------------------------------------------
*/


#footer {
width: 900px;
height: 40px;
}



#footer a {
color: #000;
text-decoration: underline;

}

#footer-left {
float: left;
padding: 8px 0px 0px 10px;
width: 670px;
height: 40px;
background-image: url(../IMG/css/pied-gauche.gif);
}

#footer-center {
float: left;
padding: 8px 0px 0px 10px;
width: 130px;
height: 40px;
background-image: url(../IMG/css/pied-centre.gif);
background-repeat: repeat-x;
}

#footer-right {
float: left;
padding: 8px 0px 0px 5px;
width: 75px;
height: 40px;
background-image: url(../IMG/css/pied-droit.gif);
background-repeat: repeat-x;
}


table.calendrier {
width: 630px;
/*background-color:#FFFFCC;
border: solid #000 2px;
border-collapse: collapse ;
font-size: 10px;
font-weight: normal;
font-family: Verdana;*/
}

table.calendrier td {
border-bottom:solid #DCD8CE 1px;
}

table.calendrier td.date {
width: 70px;
}

table.calendrier td.jour {
width: 40px;
}

table.calendrier td.titre {
width: 365px;
}

table.calendrier td.genre {
text-align: left;
width: 65px;
}


/*  ------------------------------------------
/*  Formulaire Intranet
/*  ------------------------------------------
*/

/*  Noisettes déconnexion et identification */
/*#entete-nom-statut { position:absolute; top: 5px; left:224px; z-index:20;
width: 250px;
height: 30px;
font-size: 10px;
color: #FFFFFF;
}

#entete-deconnexion { position:absolute; top: 3px; left:475px; z-index:20;
width: 200px;
height: 30px;
font-size: 10px;
color: #E7ECF0;
}*/

#entete-deconnexion a { 
color: #E7ECF0;
}

#form-prive {
/*position:absolute; top: 64px; left:30px;  z-index:100;*/
color: #49554E;
/*background: silver;*/
}

/*
form fieldset 
  {
  color: red;
  
  }
form label 
  {
  color: silver;
  display: inline;
  float: left;
  width: 70px;
  } */
  
  .login {
  color: #49554E;
  font-size: 12px;
  }
  
#form-prive  input.forml { font: 10px Arial, Helvetica, sans-serif;color: #5B5B5B;background-color: white;border: 1px solid #5B5B5B; width:150px}
#form-prive  input.spip_bouton { margin-left: 26px; font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #6A746E;border: 0px;padding: 1px }

#form-prive  p.spip_bouton input { margin-left: 395px; font: 10px Verdana, Helvetica, sans-serif;color: white;font-weight: bold;background-color: #6A746E;border: 0px;padding: 2px }

#form-prive  p a {display: none; }