/********** = RESET.CSS **********/

html { background:#000 url(./image/header_bg.jpg) top center repeat-x; }

div, span, body,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img,
b, u, i, center,
ul, li,
form {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 11pt;
	vertical-align: baseline;
	background-color: transparent;}

ul {list-style: none;}

blockquote {quotes: none;}
blockquote:before, blockquote:after {
	content: '';
	content: none;}

	
/********** STYLE GLOBAL **********/

body {
	color: #ffe3dd;
	font-family: georgia, serif;
	}

.index_presentation ul, #presentation_ateliers ul, #presentation_conseil ul {margin-top:10px; margin-left: 20px; list-style-type: circle; list-style-position: inside;}
#presentation_ateliers ul .liste2{ margin-left: 40px; list-style-type: disc; list-style-position: inside; }
.index_presentation li { margin-bottom: 10px;}
#bloc_menu_atelier ul {list-style: none; /*background:#aea;*/}

a {color: #66C; text-shadow: 2px 2px 2px #00c;}
:link, :visited, :hover, :active {text-decoration: none;}

.plus a  {font-size:7pt; width:60px;}

p, li {
  text-align: justify;                
}

p { margin-bottom: 25px;}
p:first-letter {
  font-size: 140%;                  
  font-weight: bold;                   
  color: #faebcf;                      
}

b {color: #ffd5a9;}

#contenu_site{
	text-align: center;
	width: 100%;
	min-height: 770px;
	background: transparent center 250px no-repeat;
}


#header {
	width: 961px;
	height: 423px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: transparent url(./image/header.jpg) center bottom no-repeat;
	z-index:10;
	/*background-color:#030;*/
}


#header p {
	position: absolute;
	min-height: 60px;
	padding: 25px 137px 5px 450px;
	margin: 0px;
}

#header .texte p  {
	width: 310px;
	font-size: 13pt;
	padding: 15px 0px;
	margin: 130px 0 0 430px;
	text-align: justify;
	text-shadow: 2px 2px 0px #864810;
}

#header em {
	font-style: normal;
	font-size: 1.1em;
	color: #f8dfc8;
	font-variant: small-caps;
	font-weight: bold;
	}

#logo {
	position : absolute;
	margin : 60px 0 0 110px;	
}

/********** DIAPO MENU **********/

#menu_holder { height: 201px; width:390px; display: block; margin-left:420px; padding:0; position: absolute; top: 50px; z-index:20; /*background-color:#000;*/ }

		
/***************** MENU *************/
#navigation{
	position:absolute;
	width: 743px;
	height: 40px;
	text-align: left;
	/*background-color:#00E;*/
	margin:259px 0 0 150px;
	}

#menu {
	padding: 0 ;
	}
	
#menu .accueil, .spectacles, .spectacles2 , .agenda, .agenda2, .ateliers, .ateliers2, .conseil, .conseil2, .contact, .contact2{
	float: left ;
	}
	
#menu .accueil a, .accueil2 a, .spectacles a, .spectacles2 a, .agenda a, .agenda2 a, .ateliers a, .ateliers2 a, .conseil a, .conseil2 a, .contact a, .contact2 a {
	height: 40px;
	display: block ;
	padding: 0 ;
	}

#menu .accueil, #menu .accueil2 a {margin-left: -125px; margin-top:43px;}
#menu .accueil a {width: 124px; background: transparent url(./image/menu_accueil.jpg) left top no-repeat ;}
#menu .spectacles a { width: 94px; background: transparent url(./image/menu_spectacle.png) left top no-repeat ;}
#menu .spectacles2 a { width: 94px; background: transparent url(./image/menu_spectacle.png) right top no-repeat ;}
#menu .agenda a {margin-left:20px; width: 77px; background: transparent url(./image/menu_agenda.png) left top no-repeat ;}
#menu .agenda2 a {margin-left:20px; width: 77px; background: transparent url(./image/menu_agenda.png) right top no-repeat ;}
#menu .ateliers a {margin-left:25px; width: 170px; background: transparent url(./image/menu_ateliers.png) left top no-repeat ;}
#menu .ateliers2 a {margin-left:25px; width: 170px; background: transparent url(./image/menu_ateliers.png) right top no-repeat ;}
#menu .conseil a {margin-left:5px; width: 170px; background: transparent url(./image/menu_conseil.png) left top no-repeat ;}
#menu .conseil2 a {margin-left:5px; width: 170px; background: transparent url(./image/menu_conseil.png) right top no-repeat ;}
#menu .contact a {margin-left:25px; width: 77px; background: transparent url(./image/menu_contact.png) left top no-repeat ;}
#menu .contact2 a {margin-left:25px; width: 77px; background: transparent url(./image/menu_contact.png) right top no-repeat ;}


#menu .accueil a:hover, #menu .accueil a:focus, #menu .accueila:active {
	background: transparent url(./image/menu_accueil.jpg) right top no-repeat ;
	}
#menu .spectacles a:hover, #menu .spectacles a:focus, #menu .spectacles a:active {
	background: transparent url(./image/menu_spectacle.png) right top no-repeat ;
	}
#menu .agenda a:hover, #menu .agenda a:focus, #menu .agenda a:active {
	background: transparent url(./image/menu_agenda.png) right top no-repeat ;
	}
#menu .ateliers a:hover, #menu .ateliers a:focus, #menu .ateliers a:active {
	background: transparent url(./image/menu_ateliers.png) right top no-repeat ;
	}
#menu .conseil a:hover, #menu .conseil a:focus, #menu .conseil a:active {
	background: transparent url(./image/menu_conseil.png) right top no-repeat ;
	}
#menu .contact a:hover, #menu .contact a:focus, #menu .contact a:active {
	background: transparent url(./image/menu_contact.png) right top no-repeat ;
	}

/***************** CONTENU POUR TOUTES LES PAGES *************/

#box_page {
	position: relative;
	width: 961px;
	height: 100px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top:-70px;
	/*background-color:#030;*/
}
html>body #box_page {
height: auto;
min-height: 150px;

} 

#contenu_page {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 10px;
	margin: 15px auto;
	overflow: auto;
	/*background-color:#003;*/
}

#titre_page { width: 100%; text-align: center; }
#titre_page td { 	text-align: center; }

#titre_page a {  color:#666; text-shadow: 0px 0px 0px #000; font-weight:bold;}
#titre_page a:hover{ color:#aaa; text-shadow: 0px 0px 0px #000; font-weight:bold;}


h1, h1 a{
	width: 100%;
	/* background: #eae; */
	font-size: 18pt;
	color: #ffe3dd;
	margin: 0 auto;
	font-variant: small-caps;
	text-shadow: 2px 2px 2px #912911;
	font-weight: bold;
	}
	
h2 {font-size: 15pt; padding-top: 25px; color: #fdb05e; margin-left:-20px; font-variant: small-caps; font-weight: bold; width: 660px; height:73px; background : transparent url(./image/separateur_mois.jpg) top left no-repeat; }
h3 {font-size: 12pt; padding-top: 25px; color: #fdb05e;  font-weight: bold; width: 660px;  }

.ville_spectacle {font-size: 15pt; padding-top: 25px; color: #fdb05e; margin-left:-20px; font-variant: small-caps; font-weight: bold; width: 434px; height:73px; background : transparent url(./image/sous_titre_ville.jpg) top left no-repeat;}

.plus{
	 float:right;
	/*background-color:#003;*/
}


#bio { width:100%; text-align:center; margin:0px; padding: 0; }
#bio ul{ width:100%; text-align:center;  margin-left:0; padding: 0;}
#bio li{text-align:center; margin:0; padding: 0; margin-bottom: 10px; }

/***************** CONTENU PAGE INDEX*************/

#contenu_gauche{
	float:left;
	width: 440px;
	margin-bottom:80px;
	padding:0;
	/*background-color:#300;*/
}

.index_presentation{
	width: 400px;
	text-align:justify; line-height: 12pt;
	padding-top:10px;
	background: #000 url(./image/separation1.jpg) left top repeat-y ;
	padding-left:40px;
	padding-bottom:10px;
	/*background-color:#300;*/
}

#index_agenda{
	float:right;
	width: 195px;
	line-height: 12pt;
	padding-top:10px;
	background: #000 url(./image/separation2.jpg) left top repeat-y ;
	padding-left:65px;
	padding-bottom:10px;
	z-index: 150;
	/*background-color:#330;*/
}


.contenu_texte {
	font-style: normal;
	font-size: 8pt;
	}


.contenu_piece {
	font-size: 11pt;
	font-variant: small-caps;
	font-weight: bold;
	}
	
.contenu_date {
	font-size: 12pt;
	color: #ff9c86;
	font-variant: small-caps;
	font-weight: bold;
	}

.contenu_programmation{
	font-size:10px;
}
	
		

/***************** CONTENU PAGE SPECTACLES *************/

#contenu_spectacle{
	
	width: 750px;
	margin-bottom:10px;
	margin: 0px auto;
	padding:0;
	/*background-color:#300;*/
}

#presentation_spectacle {
	width: 700px;
	margin: 50px auto;
	/*background-color:#303;*/
}

.resume_piece_1 p, .resume_piece_2 p { padding: 15px 15px 15px 0; color: #ffd7ad; text-indent: 5%; }

#presentation_spectacle  .li_1 { margin-bottom: 0px; padding : 10px; background : transparent url() top left no-repeat;
	/*background-color:#110;*/ }
#presentation_spectacle  .li_1 img { 	margin-left: 10px; margin-top: 30px; float: left; border: 2px dotted #3a2b30; }
.resume_piece_1 { position: relative; min-height: 115px; margin-left: 175px; padding: 15px 0px 25px 50px; width:450px; text-align:justify; background : transparent url(./image/spectacles/cadre_texte_cote.jpg) left bottom repeat-y;
	/*background-color:#111;*/}
.bottom_li_spectacles_1 { height: 18px; margin-left:100px;	background : transparent url(./image/spectacles/cadre_texte_bas.png) left bottom no-repeat;
		/*background-color:#377;*/}
.top_li_spectacles_1 { height: 18px; margin-left:180px;	background : transparent url(./image/spectacles/cadre_texte_bas.png) left bottom no-repeat;}

#presentation_spectacle  .li_2 { 	margin-bottom: 0px; padding : 10px; background : transparent url() top right no-repeat;
	/*background-color:#113;*/}
#presentation_spectacle  .li_2 img { margin-right: 30px; margin-top: 30px; float: right; border: 2px dotted #3a2b30;}
.resume_piece_2 { position: relative; min-height: 115px; padding: 15px 30px 20px 0px; width:450px; text-align:justify; background : transparent url(./image/spectacles/cadre2_texte_cote.jpg) right bottom repeat-y;
	/*background-color:#111;*/}
.bottom_li_spectacles_2 { margin-right: 150px; height: 18px; background : transparent url(./image/spectacles/cadre2_texte_bas.png) right bottom no-repeat;
		/*background-color:#377;*/}
.top_li_spectacles_2 { margin-right: 210px; height: 18px; background : transparent url(./image/spectacles/cadre2_texte_bas.png) right bottom no-repeat;}
	
	
.resume_piece_1 p, .resume_piece_2 p { min-height: 130px;}
.resume_piece_1 p .plus, .resume_piece_2 p .plus { margin-top:20px;}
	
.titre_piece {
	font-size: 15pt;
	color: #FFF;
	font-variant: small-caps;
	font-weight: bold;
}

.sous_titre_date { 
	height: 73px;
	width:400px;
	background : transparent url(./image/sous_titre_date.jpg) top left no-repeat;
}

.sous_titre_piece {
	margin-left: 105px;
	font-size: 11px;
	color: #fdb05e;
}

.fiche {  padding:20px; padding-bottom:40px; background:#000; color: #ffd7ad; z-index:999;}

.fiche li{ color: #ff9c86;}
.date_lieu { font-size:15px; font-weight: bold; color: #fdb05e;}
.date_adresse , .date_renseignement{ font-weight: bold;}

.separation {text-align: center; width:100%; height: 73px; background : transparent url(./image/separation_date.jpg) top center no-repeat;}

.photo_agrandissement a {width: 50px;}
/***************** CONTENU PAGE AGENDA *************/

#contenu_agenda{
	width: 750px;
	margin-bottom:10px;
	margin: 0px auto;
	padding:0;
	/*background-color:#300;*/
}

#presentation_agenda {
	width: 700px;
	margin: 50px auto;
	/*background-color:#303;*/
}



#presentation_agenda  .date, #presentation_agenda .date_passee { text-align: center; padding: 8px; padding-left:20px; width: 25%; /*background-color:#013;*/}
#presentation_agenda  .style_date, #presentation_agenda .style_date_passee { font-size: 12pt; color: #ff9c86; font-variant: small-caps; font-weight: bold; }
#presentation_agenda  .titre, #presentation_agenda  .titre_passee{ text-align: center; font-size: 12pt; font-variant: small-caps; font-weight: bold; padding: 8px; width: 30%; /*background-color:#053;*/ }
#presentation_agenda  .lieu, #presentation_agenda .lieu_passee { text-align: center; padding: 8px; width: 25%; /*background-color:#503;*/}
#presentation_agenda  .info, #presentation_agenda .info_passee { text-align: center; padding: 8px; width: 20%; /*background-color:#A03;*/ }
#presentation_agenda  .sous_titre, #presentation_agenda .sous_titre_passee { font-size: 13px; color: #fdb05e; }

.titre_passe { width: 100%; text-align: center; background-color:#ffe; }
#presentation_agenda  .date_passee { color: #666;}
#presentation_agenda  .titre_passee { color: #666;}
#presentation_agenda  .lieu_passee { color: #666;}
#presentation_agenda  .info_passee { color: #666;}
#presentation_agenda  .sous_titre_passee  { color: #666;}
#presentation_agenda .style_date_passee  { color: #666;}

/***************** CONTENU PAGE ATELIERS *************/

#presentation_ateliers {
	width: 700px;
	margin: 50px auto;
	/*background-color:#303;*/
}

.action { font-size: 13px; font-weight: bold; color: #ff9c86;}
.horaire { font-weight: bold; color: #ffd7ad;}

.remonter{
	 float:right;
	/*background-color:#003;*/
}

/***************** CONTENU PAGE CONSEIL / CONTACT *************/

#presentation_conseil, #presentation_contact, #presentation_parcours{
	width: 700px;
	margin: 50px auto;
	/*background-color:#303;*/
}

#presentation_contact {
	text-align: center;
}
#presentation_contact h2 {
	font-size : 15pt; background: transparent; width:100%; padding-top: 0px; color: #fdb05e; margin-bottom:-30px; margin-left:0; font-variant: small-caps; font-weight: bold; 
	}


/***************** FOOTER *************/

#footer_bg {
	position: relative;
	height: 310px;
	text-align: center;
	width: 100%;
	background:#000 url(./image/footer_bg.jpg) top center repeat-x;
	font-family: georgia, serif;
	
}

html>body #footer_bg {
height: auto;
min-height: 310px;
} 


#footer {

	width: 960px;
	height: 309px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: transparent url(./image/footer.jpg) center bottom no-repeat;
	/*background-color:#030;*/
}


#footer a {
	color:#fdb05e; font-weight: bold; text-shadow: 2px 2px 2px #3e0f02;   text-decoration:underline;
}

#footer a:hover{
	color:#fdb05e; font-weight: bold; text-decoration:none; text-shadow: 1px 1px 1px #3e0f02 
}

#footer h4 {
	font-size: 16pt;
	color: #ffe3dd;
	font-variant: small-caps;
	text-shadow: 2px 2px 2px #3e0f02;
	font-weight: bold;
	
}
.footer-info {
	font-size : 9pt;
	text-align: left;
	margin-top:120px;
	width: 250px;
	float: left;
	margin-left: 0px;
}
.footer-info ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.footer-info ul li {
	background: url(./images/mini-footer-icon.gif) no-repeat 5px 9px;
	padding: 5px 0px 5px 0px;
}
.footer-contact  {
	font-size : 9pt;
	margin-top:87px;
	width: 400px;
	float: left;
	margin-left: 25px;
}
.footer-contact strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-lien {
	font-size : 9pt;
	text-align: right;
	margin-top:120px;
	width: 250px;
	float: left;
	margin-left: 25px;
}
.footer-lien strong {
	font-size: 107%;
	line-height: 135%;
	font-weight: bold;
}
.footer-lien ul {
	
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size: 92%;
	line-height: 110%;
}
.footer-lien ul li {
text-align: right;
	padding: 5px 0px 5px 0px;
	line-height: 135%;
}
.footer-lien ul li a{
	font-size: 108%;
	font-weight: bold;
}


#credits {margin-top:30px; 
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:20px;
	}

#credits a {font-size: 10px;}

.mail{font-size:18px; color:#fdb05e; font-weight: bold; text-shadow: 2px 2px 2px #3e0f02;}
.small {font-size : 10px;}

/* alignments */

.clear {
	clear:both;
}
hr.clear {
	clear: both;
	visibility: hidden;
	margin: 0px;
	padding: 0px;
}


/***************** ADMIN *************/
.deconnection a {  color:#fff; text-shadow: 0px 0px 0px #000; font-weight:bold; }
.deconnection a:hover{ color:#999; text-shadow: 0px 0px 0px #000; font-weight:bold;}

	
#menu .admin_contact, .admin_contact2, .admin_spectacle, .admin_spectacle2 , .admin_texte, .admin_texte2, .admin_image, .admin_image2{
	float: left ;
	}
	
#menu .admin_contact a, .admin_contact2 a, .admin_spectacle a, .admin_spectacle2 a, .admin_texte a, .admin_texte2 a, .admin_image a, .admin_image2 a{
	height: 40px;
	display: block;
	padding: 0;
	}

	
#menu .admin_texte a { width: 77px; background: transparent url(./image/admin/menu_admin_texte.png) left top no-repeat ;}
#menu .admin_texte2 a { width: 77px; background: transparent url(./image/admin/menu_admin_texte.png) right top no-repeat ;}
#menu .admin_spectacle a {margin-left:25px; width: 94px; background: transparent url(./image/admin/menu_admin_spectacle.png) left top no-repeat ;}
#menu .admin_spectacle2 a {margin-left:25px; width: 94px; background: transparent url(./image/admin/menu_admin_spectacle.png) right top no-repeat ;}
#menu .admin_contact a {margin-left:0px; width: 170px; background: transparent url(./image/admin/menu_admin_contact.png) left top no-repeat ;}
#menu .admin_contact2 a {margin-left:0px; width: 170px; background: transparent url(./image/admin/menu_admin_contact.png) right top no-repeat ;}
#menu .admin_image a {margin-left:0px; width: 77px; background: transparent url(./image/admin/menu_admin_image.png) left top no-repeat ;}
#menu .admin_image2 a {margin-left:0px; width: 77px; background: transparent url(./image/admin/menu_admin_image.png) right top no-repeat ;}


#menu .admin_spectacle a:hover, #menu .admin_spectacle a:focus, #menu .admin_spectacle a:active {
	background: transparent url(./image/admin/menu_admin_spectacle.png) right top no-repeat ;
	}
#menu .admin_contact a:hover, #menu .admin_contact a:focus, #menu .admin_contact a:active {
	background: transparent url(./image/admin/menu_admin_contact.png) right top no-repeat ;
	}
#menu .admin_texte a:hover, #menu .admin_texte a:focus, #menu .admin_texte a:active {
	background: transparent url(./image/admin/menu_admin_texte.png) right top no-repeat ;
	}
#menu .admin_image a:hover, #menu .admin_image a:focus, #menu .admin_image a:active {
	background: transparent url(./image/admin/menu_admin_image.png) right top no-repeat ;
	}
	
.admin_presentation, .admin_presentation_contact{
	width:720px;
	text-align:justify; line-height: 12pt;
	margin-top:40px;
	background: #000 url(./image/separation1.jpg) left top repeat-y ;
	padding-left:40px;
	padding-bottom:10px;
	/*background-color:#300;*/
}

.show { color:#000; margin:0px; padding:0;  cursor: pointer; font-size:85%;}
.alignement{margin: -24px 0 0 30px;}

.decalage_champ {margin-left: 120px;}

.presentation_miniature {width: 10px; display: inline-block; float:left; }

.galerie p {display:inline;}
.galerie_miniature { display: inline-block; font-size:70%;}
.galerie_miniature img, .presentation_miniature img{width: 95px;}

.option_galerie {width:95px; display: block; }

form {
	margin:1em;
	width:40em;
}


.admin_presentation_contact fieldset div {
	margin:0.3em 0;
	clear:both;
}
.admin_presentation_contact form {
	margin:1em;
	width:27em;
}
.admin_presentation_contact label {
	float:left;
	width:10em;
	font-weight: bold;
	margin-right:1em;
}

input {
	padding:0.15em;
	width:400px;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 0.80em arial, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}

.identification input {
	width:100px;	
}

input:hover, input:focus {
	border-color:#c5c5c5;
	background:#f6f6f6;
} 

input.default {
	color:#bbb;
}

.checkbox {width:10px;}


label, input, select {display: block; }
label  {margin-bottom: 10px; font-weight: bold;}
input[type="radio"], input[type="checkbox"] {display: inline;}
.form-column {
  width: 250px;
  padding-left: 20px;
  border-left: 1px solid #ccc;
  float: left;
  }
  
.form-column  img {max-width:230px; max-height:250px;}

.submit-go, .ajouter-go, .supprimer-go, .modif-go, .rajouter, .supp-go {
	margin-top:1em;
	width:102px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	border:0;
	display:block;
	cursor:pointer !important; cursor:hand;
}

.supp-go { width: 30px;}

.submit-go {	background:url(./image/admin/submit-button.png) no-repeat 0 0;}
.submit-go:hover { background:url(./image/admin/submit-button_hover.png) no-repeat 0 0;}

.ajouter-go { background:url(./image/admin/ajouter-button.png) no-repeat 0 0;}
.ajouter-go:hover { background:url(./image/admin/ajouter-button_hover.png) no-repeat 0 0;}

.supprimer-go{ background:url(./image/admin/supprimer-button.png) no-repeat 0 0;}
.supprimer-go:hover { background:url(./image/admin/supprimer-button_hover.png) no-repeat 0 0;}

.modif-go, .modif-go:hover{ background:url(./image/admin/modifier.png) no-repeat 0 0;}
.rajouter, .rajouter:hover{ background:url(./image/admin/ajouter.png) no-repeat 0 0;}
.supp-go, .supp-go:hover{ background:url(./image/admin/supprimer.png) no-repeat 0 0;}

/* TABLE */
#table_date input {width:99px;}
#table_date .form_40 input  {width:40px;}
#table_date .form_70 input  {width:70px;}
#table_date .form_bouton input  {width:25px;}

#table_date
{
	font-weight : bold;
	background: #000;
	width: 750px;
	border-collapse: collapse;
	text-align: left;
}

#table_date th
{
	text-align:center;
	font-weight: weight;
	color: #ffbc46;
	border-bottom: 2px solid #d68800;
}
#table_date td
{	
	text-align:center;
	color: #ffd182;
	padding: 9px 8px 0px 8px;
	
}
#table_date tbody tr:hover td
{
	color: #f29400;
}