/*****************************/
/*           HTML            */
/*****************************/
body, html { width:100%; }
body { margin:0; padding:0; font:11px/14px "Trebuchet MS", Arial, sans-serif; background:#fff; color:#5d5c56;
text-align:center; }
img { border:0; }
a { text-decoration:none; color:#BE392E; }
a:hover { text-decoration:underline; }
select { margin:0; font-size:10px;  }
form { margin:0; }
input { font-size:10px;  margin:5px 0; }
textarea { font-size:10px; margin:5px 0; }



/*****************************/
/*        STRUCTURE          */
/*****************************/

/******** l'enveloppe du site ********/
#conteneur {
	background:url(/images/common/fonds/fd_conteneur2010.jpg) 5px 27px no-repeat;
	margin:0 auto;
	padding:5px 7px 0 5px;
	text-align:left;
	width:978px;
}

/******** l'entete (le header) ********/
#top {
	border-top:22px solid #1e070a;
	height:34px;
	margin:0 0 10px 0;
	padding:0;
	width:688px;
	z-index: 1000;
}
#top * { z-index:1000;}
#top_calendrier {
	border-top:22px solid #1e070a;
	height:34px;
	margin:0 0 10px 0;
	padding:0;
	width:978px;
}


/******** le corps du site ********/
#contenu {
	float:left;
	width:688px;
}

#left { /* colonne de gauche (tarifs, achats, reservations) */
	border-top:22px solid #1e070a;
	float:left;
	margin:0;
	padding:800px 0 48px 0;
	position:relative;
	width:290px;
}
#left img.link_home, #left_amateur img.link_home  {
	height:260px;
	left:0;
	position:absolute;
	top:0;
	width:290px;
}
#left_amateur { /* colonne de gauche theatre amateur */
	border-top:22px solid #1e070a;
	float:left;
	padding:420px 0 48px 0;
	position:relative;
	width:290px;
}
#left_amateur .saison{
	width: 118px;
	margin-left: 80px;
	height: 96px;
	display: block;
	border-top:3px solid #666666;
  padding:2px 0 0;
}
#pratique {
	background:#f8f6ed none;
	height:146px;
	margin-left: 5px;
	line-height:24px;
	width:273px;
	font-family:Verdana;
	color:#722605;
  font-size:13px;
  font-weight: bold;
  line-height:18px;
}

#pratique div.div_tarifs, #pratique div.div_achat, #pratique div.div_renseignements  {
	background:url(/images/common/fonds/pratique.png) 0 0 repeat-y;
	margin-left: 5px;
	margin-right: 5px;
	text-align:center;
	padding: 10px;
	}
#pratique div.div_achat {
	position: relative;
	top: 5px;
  margin-bottom: 5px;
}
#pratique .div_tarifs, #pratique .div_renseignements{
  margin-top: 2px;
  position:relative;
  top: 2px;
}
#pratique p{
	 padding:10px 0;
	}
/*
#pratique p.tarifs { height:55px; margin:0; padding:17px 0 0 101px; width:175px; }
#pratique p.achat { height:56px; margin:0; padding:9px 0 0 99px; width:177px; }
#pratique p.renseignements { height:50px; margin:0; padding:7px 0 0 25px; width:251px;}
*/
#pratique a { display:block; color:#722605;}
#pratique a:hover { text-decoration:none; }
#pratique a .rouge {
	color:#bc0705;
}
#pratique a .ttpetit {
	color:#722605;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
}

#tout_grand_t { /**** tout le Grand T : saison 07/08, newsletters, archives ****/
	display:inline;
	float:left;
	padding:16px;
	width:152px;
}
ul#menu {
	list-style:none;
	margin:15px 0 0 0;
	padding:0;
	width:152px;
}
ul#menu li.calend {
	margin:0 0 10px 0;
	font-weight:bold;
	background:url(/images/common/fonds/calendrier.jpg) 0 0 no-repeat;
	height: 27px;
	padding: 3px 0 0 30px;
}

ul#menu li a {
	background:url(/images/common/pointilles/gris_hz.gif) 0 bottom repeat-x;
	color:#722605;
	display:block;
	padding:2px 0 2px 3px;
}
ul#menu li.ici a, ul#menu li a:hover {
	color:#D71634;
	text-decoration:none;
}
ul#menu li.calend a
{
  background:transparent none;
  font-weight: bold;
  font-size:12px;
}
ul#menu li.calend a:hover {
	font-weight: bold;
}
#tout_grand_t h2 {
	color:#722605;
	font-size:18px;
	line-height:18px;
	margin:0;
}
#aussi { /* Le grand T c'est aussi... */
	border-bottom:1px solid #f0eedf;
	border-top:1px solid #f0eedf;
	margin:20px 0 0 0;
	padding:10px 5px;
	width:142px;
}
#aussi div.item { border-bottom:1px solid #ff9900; margin:10px 0; padding:10px 0; }
#aussi div.item p.titre, #aussi div.item p.titre a { color:#ff9900; font-weight:bold; }
#aussi div.item p { margin:0 0 5px 0; }

#lettreinfo { /* La lettre d'info */
	margin:10px 0 0 0;
	padding:10px 5px 0 5px;
	width:142px;
}
#lettreinfo p {	background:url(/images/common/fonds/fd_inscript2.gif) 0 0 no-repeat; color:#fff; font-weight:bold; line-height:20px; margin:15px 0 5px 0; padding:0 0 0 10px; width:133px; }
#lettreinfo p a, #lettreinfo p a:hover { color:#fff; }
#lettreinfo p.desinscription { background: transparent none; color: #be392e; font-weight:bold; margin:2px 0; }
#lettreinfo p.desinscription a, #lettreinfo p.desinscription a:hover { color: #be392e; font-weight: bold;}
#lettreinfo p.desinscription a:hover, #lettreinfo p a:hover { text-decoration: underline;}
#lettreinfo input.inpt_txt { display:inline; float:left; margin:0 0 0 10px; width:90px; }
#lettreinfo input.ok {
	background:url(/images/common/boutons/ok2.gif) 0 0 no-repeat;
	border:none;
	color:#BE392E;
	cursor:pointer;
	display:block;
	float:left;
	font-size:10px;
	height:20px;
	margin:0 0 0 5px;
	padding:0 0 3px 1px;
	text-align:center;
	width:20px;
}


#lalettre, #labrochure { /* la lettre du Grand T */
	border-bottom:1px solid #f0eedf;
	margin:10px 0 0 0;
	padding:10px 5px;
}
#lalettre p.download, #labrochure p.download {
	color:#5d5c56;
	font-size:12px;
	margin:4px 0 0 0;
}
#lalettre p.download a, #labrochure p.download a {
	color:#5d5c56;
}
#tout_grand_t div.archives {
	color:#5d5c56;
	height:50px;
	margin:30px 0 0 0;
}
#tout_grand_t div.archives img {
	float:left;
}
#tout_grand_t div.archives p {
	float:left;
	font-size:14px;
	font-weight:bold;
	margin:9px 0 0 5px;
	width:88px;
}
#tout_grand_t div.archives a { display:block; }
#tout_grand_t div.archives a:hover { text-decoration:none; }
#tout_grand_t div.archives a .vert {
	color:#722605;
	font-size:17px;
}



/******** le pied de page ********/
#footer {
	background:#110d1b;
	padding:7px 32px 15px 16px;
}
#footer p.coordonnees {
	color:#fff;
	display:inline;
	float:left;
	line-height:16px;
	margin:16px 0 0 0;
	width:250px;
}
#footer p.coordonnees .grand { font-size:20px; line-height:24px; }
#footer div.bottom {
	float:right;
	text-align:right;
	width:350px;
}
#footer div.logos { vertical-align:top; }
#footer div.logos img { margin-left:15px; vertical-align:top; }
#footer div.bottom p.mentions { margin:5px 0 0 0; color:#a9a7a8; }
#footer div.bottom p.mentions a { color:#a9a7a8; font:10px Verdana, Arial, Helvetica, sans-serif; }


/*****************************/
/*         THICKBOX           */
/*****************************/

div.box h1 { /* titre de la page */
	font-size:22px;
	line-height:28px;
	font-weight:bold;
	margin:0 0 10px 0;
}
div.box h1 .titre_petit { /* titre de la page plus petit */
	font-size:16px;
	line-height:24px;
}

/*****************************/
/*         SPECIFIC          */
/*****************************/
.clear { clear:both; }

.gras { font-weight:bold; }
.maigre { font-weight:normal; }

.rouge { color:#722605; }
.vert { color:#b1ca00; }
.gris { color:#bbb; }
a .gris { color:#bbb; }

.petittitre {
	font-size:36px;
	line-height:36px;
}
.titre_petit {
	font-size:14px;
	line-height:20px;
}

.hide { display:none; }
.bloc { display:block; }

.nomarg { margin-top:0; margin-bottom:0; }
.nomargtop { margin-top:0; }
.nomargbot { margin-bottom:0; }

.flotleft { float:left; }
.flotright { float:right; }

img.image_droite { float:right; margin:0 0 3px 10px; } /* image qui flotte a droite dans un paragraphe */
img.image_gauche { float:left; margin:0 10px 3px 0; } /* image qui flotte a gauche dans un paragraphe */

div.doc_attache { background:url(/images/common/pointilles/gris_hz.gif) 0 0 repeat-x; float:left; margin:20px 0 0 0; padding:10px 0 0 0; width:160px; }
div.doc_attache img { margin:0 10px 0 0; display:inline; }
div.doc_attache h3 { font-size:11px; font-weight:normal; }

div.doc_enligne { background:url(/images/common/pointilles/gris_hz.gif) 0 0 repeat-x; margin:20px 0 0 0; padding:10px 0 0 0; width:400px; }
div.doc_enligne div.vignet { float:left; width:60px; }
div.doc_enligne div.text { float:left; padding:0 0 0 10px; width:330px; }
div.doc_enligne h3 { font-size:11px; font-weight:bold; margin:0; }
div.doc_enligne h3 + p { margin-top:0; }

input.submit {
	width:186px; /* la largeur de l'image de fond */
	height:20px; /* la hauteur de l'image de fond */
	border:1px solid #666;
	background:#eee;
	color:#070707; /* la couleur du texte */
	font:bold 10px/normal Verdana, Arial, Helvetica, sans-serif; /* les caract�ristiques de la police de texte */
	line-height:20px;
	cursor:pointer; /* le curseur en forme de main */
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; }
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }