* {
	margin:0;
	border:0;
	padding:0;
	}


img {
	border-width:0;
	border:none;
	}

body {
	text-align: center;
	height: 100%;
	font-family:"Trebuchet MS", Georgia, Tahoma, Verdana, serif;
	font-size: 0.75em;
	color:#666666;
	margin: 0; 
	padding: 0;
	background-color: #5b2e44;	
	}
	
	
h1 {
	text-align:left;
	font-size:14px;
	font-weight:normal;
	color:#ffffff;
	margin: 12px 0;
}

h2 {
	text-align:left;
	font-size:13px;
	font-weight:bold;
	margin: 8px 0;
}

h3 {
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin: 4px 0;
}

h4 {
	text-align:left;
	font-size:11px;
	font-weight:bold;
	margin: 4px 0;
}

h5 {
	text-align:left;
	font-size:11px;
	text-decoration:underline;
	margin: 4px 0;
}

p, div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	}

p {
	padding-bottom: 14px;
	}

.titre {
	font-size:1em;
	margin-bottom:10px;
	margin-top:20px;
	color:#ffffff;
	}
	
.txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:left;
	margin-right: 8px;
	
	}
	
 /* ******  DIVs ********* */

#all {
	width:100%;
	color:#666666;

	}

#all a:hover {
	text-decoration: none;
	color: #fff;

	}

#centrer {
	position:absolute;   
	width:100%;
	height: 1px;
	left: 0;
	top: 50%;
/*	background-color: #CCFFCC;*/
	}

#conteneur {
	text-align: left;
	position: absolute;
	left: 50%;
	width: 720px;
	height: 451px; /* div section + div menu 382+69=451 */
	margin-top: -225px;
	margin-left: -360px;
	margin-right: auto;
	/*border: #669966 solid 1px;*/
	}

#menu {	
	/* se place naturellement dans le flux sous 
	le div Conteneur, ne pas definir 'position' */
	display: block; 
	z-index: 5;
	bottom: 0;
	width: 640px;
	height: 69px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	/*padding-top: 30px;*/
	background: #d0d059 url(../img/mn_parten.gif) right no-repeat;
	/*text-align: left;*/

	}

#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 4px;
	color: #996666;
	text-align:center;
	}


#footer a, link, visited, active {
	text-decoration: none;
	color: #996666;


	}
	
 /* ******  BOUTON IMPRIMER ********* */
#btimprimGa {
	position:absolute;
	top:362px;
	left:80px;
}

#btimprimS {
	position:absolute;
	top:362px;
	right:70px;
}

#btimprimT {
	position:absolute;
	top:362px;
	right:70px;
}

#btimprimGa a:link, #btimprimS a:link{
	color: #FFFFFF;
	font-size:10px;
	text-decoration:none;
	padding:0 0 2px 0;
}

#btimprimT a:link{
	color: #CC3300;
	font-size:10px;
	text-decoration:none;
	padding:0 0 2px 0;
}

#btimprimGa a:hover, #btimprimT a:hover, #btimprimS a:hover{
	color: #663366;
	background-color:#CCCC33;
}

#logoprint{  /*  ce logo est visible seulement lors de l'impression voir: print.css  */
	display:none;
}

/* -- autre lien imprimer -- */
.btprint {
	position:absolute;
	right:6px;
	text-align:right;
	margin: 0;
	font-size:10px;
	margin-right:8px;
}
.btprint a:link {
	color: #0099CC;
	background-color: #DDDDDD;
	text-decoration:none;
	padding:0 0 2px 0;
}
.btprint a:hover {
	color: #FFFFCC;
	background-color: #FF9933;
	font-weight:normal;
}

 /* ******  MENU HTML ********* */
 #nav {
 	position:absolute;
 	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px; /* VERIFIER PREFERENCES NAVIGATEUR 'Taille minimale de la police:Aucune' */
	font-weight: normal;
	font-weight:bold;
	text-align: left;	
	height: 12px;
	margin: 0 auto;
	bottom: 0;
	padding: 0;
	z-index: 10;
	/*background-color:#003366;*/

	}


#nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	color: #9A141B;

	}

#nav li {
	display: inline;
	margin: 0 4px;
	border-left: solid 1px #666633;
	padding-left: 8px;
	/*line-height: 19px;*/
	line-height: 12px;
	

	}

#nav li#prem {
	margin-left: 0px;
	border-style: none;

	}


#nav a, a:link, #nav a:visited, #nav a:active {
	color: #fff;
	text-decoration:none;

	}

#nav a:hover, #nav a:focus {
	color: #666633;

	}



/* ******* ACCUEIL GENERAL ******* */

.index {
	background-color:#94AD21;
}

.index #conteneur {
	background: url(../img/index_fond.gif) center no-repeat;
	margin-top: -260px;
}

.index #footer,
.index #footer a,
.index #footer a:hover,
.index #footer a:visited {
	color: #dbebdb;
	text-decoration: none;	
}


#bienvenue {
	text-align: left;
	color:#fff;
	position: absolute;
	width: 708px;
	bottom: 0;
	left: 0;
	margin-bottom: -24px;
	margin-left: 6px;
	padding:0;
	background: none;
	z-index:5;

	}

#bienvenue a,
#bienvenue a:hover,
#bienvenue a:link,
#bienvenue a:visited {
	color:#fff;
	text-decoration:none;
}
	
#bienvenue p {
	margin: 0;
	padding-bottom:0;

	}
	
#bienvenue h1 {
	font-size:11px;
	padding:0;
	margin:0;
	font-weight:normal;
	display:inline;
	}

#bienvenue strong {
	font-size: inherit;
	font-weight:normal;
	}
		
#entrer {
	text-align: center;
	position: absolute;
	top: 160px;
	right: 0;
	margin-right: 100px;
	width:120px;
	/*height:120px;*/	
	background: url(../img/index_logo.gif) top no-repeat;
	padding-top: 72px;
	z-index:5;

	}

#entrer a, link, visited, active {
	text-decoration: none;
	color: #FFFF33;

	}


/* ******* ACCUEIL - ZAPINFOS ******* */

.zapinfos {
	background: url(../img/zap_fond.gif) top center no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ADB058;
	}

#contentZapinfos {
	/*text-align: left;*/
	/*position: absolute;*/
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}
	
.fondtxtzap {
	/*background-color:#fff;*/
	color: #ADB058;
	background-color:transparent;
	}
	
#framezap{
	position:absolute;
	top:108px;
	left:333px;
	border: 0;
	margin:0;
	border-style:none;
	width: 309px;
	height: 260px;	
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	background-color:transparent;
	}

#sommairezap a, link, visited, active {
	color: #FF0099;
	text-decoration:underline;
	}
	
#sommairezap a:hover{
	color: #333366;
	}	




/* *******  COMPAGNIE ******* */

.compagnie {
	background: url(../img/compagnie_fond.gif) top center no-repeat;	
	}
	
#contentCompagnie {
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}

.fondtxtcie {
	/*background-color:#a5b92f;*/
	background-color:#94ad21;
	color: #fff;
	}

#navcie {
	position:absolute;
	top:70px;
	left:80px;

}
#navcie a, link, visited {
	color:#5b2e44;
	font-size:11px;
}

#navcie a:hover {
color: #dcea02;

}

#frameCie {
	position:absolute;
	top:94px;
	left:80px;
	border: 0;
	margin: 0;
	border-style:none;
	width: 284px;
	height: 260px;
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	}


.txtcie {
	width:240px;
	margin-top:0;
	margin-left:0;
	/*margin-bottom:20px;*/
	display:block;
	text-align:left;
	}
	
.txtcie p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	}
	
.txtcie img {
	border:0;
	float:left;
	margin-right:4px;
	}
	
.txtcie a, link, visited, active {
	color: #fff;
	text-decoration:underline;
	}
	

.txtcie .nomcie {
	color:#f0c;
	}

.txtcie a:hover {
	color: #333366;
	}
	
	
/* ******* EN CE MOMENT  ******* */


.moment {
	background: url(../img/moments_fond.gif);
	color: #005959;
	}
	
#frameMom {
	position:absolute;
	top:94px;
	right:40px;
	/*left:333px;*/
	border: 0;
	margin:0;
	border-style:none;
	width: 507px;
	height: 260px;
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	}
	
	
#contentMom {
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}
	
.fondtxtMom {
	background: #36a7aa url(../img/moment_frct2.jpg) top left fixed;
	color: #003333;
	}
	
.fondtxtMom h2 {
	color:#005959;
	}
	
.fondtxtMom h3, .fondtxtMom h4, .fondtxtMom h5 {
	color:#CCCC00;
	}

.fondtxtMom a {
	color: #003333;
	text-decoration:underline;
	}
	
.fondtxtMom a:hover {
	font-weight:bold;
	text-decoration:underline;
	}
	
.moment em {
	font-style:oblique;
}

.moment strong {
	font-weight:bold;
}



/* ******* SPECTACLES  ******* */

.spectacles {
	background: url(../img/nosspect_acc_fond.gif) top right no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCC00;	
	}
	
#contentSpec {  
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}

#frameSpec {
	position:absolute;
	top:28px;
	right:40px;
	border: 0;
	border-style:none;
	border-width:0;
	margin: 0;
	width: 320px;
	height: 326px;
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	}
	
.fondtxtSpec {
	background-color:#92277E;
	/*background: #92277E url(../img/nosspect_acc_fond.gif) top right fixed;*/
	color: #CCCC00;
	text-align:left;
	}
.fondtxtSpec a {
	text-decoration:underline;
	color:#cc99cc;
	}
.fondtxtSpec a:hover {
	font-weight:bold;
	}

/* ------------ SELECTION D'UN SPECTACLE page : spectacle.html ----------- */
.sel_spectacle {
	background: url(../img/nosspect_fond.gif) top center no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCC00;
	
	}
#frameSelect{
	position:absolute;
	top:28px;
	right:70px;
	border: 0;
	margin: 0;
	border-style:none;
	width: 321px;
	height: 326px;
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	}
.fondtxtSel {
	font-size:11px;
	background-color: #FFFFFF;
	color: #663366;
	text-align:left;
	margin:6px;
	}
	
.fondtxtSel a {
	text-decoration:underline;
	color: #663366;
	}
.fondtxtSel a:hover {
	font-weight:bold;
	}
	
.fondtxtSel h1{
	font-size:11px;
	color: #CCCC00;
	text-align:left;
	font-weight:bold;
	}
	
.fondtxtSel h2, .fondtxtSel h3, .fondtxtSel h4,.fondtxtSel  h5, .fondtxtSel h6 {
	color: #CCCC00;
	text-align:left;	
	}	

#photoSpect{
	position:absolute;
	top:28px;
	right:391px;
	/*left:150px;*/
	height: 146px;
	width: 146px;
	/*background-color:#3300CC;*/
	background-position: top center;
	background-repeat:no-repeat;
}


/*  ********* BOITE DE NAV SPECTACLES ***********   */

#conteneur.spectacles #navSpec {
	position:absolute;
	top:239px;
	left:180px;
	height: 103px;
	width: 156px;
}

#conteneur.sel_spectacle #navSpec {
	position:absolute;
	top:239px;
	left:151px;
	height: 103px;
	width: 156px;
}
#navSpec ul{
	display:block;
	list-style:none;
}

#navSpec ul li {
	height:18px;
	line-height:18px;
}

#navSpec a, link, visited {
	color: #FFFF66;
	font-size:11px;
	text-decoration:none;
}

#navSpec a:hover {
	color: #FFFFFF;
	font-weight:bold;
}

/* ******* TERRITOIRES  ******* */

.territoires {
	background: url(../img/territoires_fond.gif) top center no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CCCC00;	
	}
	
#contentTer {  
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}

#frameTer {
	position:absolute;
	top:28px;
	right:70px;
	border: 0;
	border-style:none;
	border-width:0;
	margin: 0;
	width: 308px;
	height: 326px;
	overflow: hidden;	/* ici: laisser sur hidden*/
	overflow-x: hidden; /* ici: scroll ou hidden ou auto */
	overflow-y: auto; /* ici: de preference sur auto pour IE7 */
	visibility: visible;
	}
	
.fondtxtTer {
	font-size:11px;
	background-color: #FFFFFF;
	color: #006699;
	text-align:left;
	margin:6px;
	}
	
.fondtxtTer a {
	text-decoration:underline;
	color: #345764;
	font-size:10px;
	}
.fondtxtTer a:hover {
	font-weight:bold;
	}
	
.fondtxtTer h1, h2 {
	font-size:12px;
	color: #0099CC;
	text-align:left;
	font-weight:bold;
	}
	
.fondtxtTer h3, .fondtxtTer h4, .fondtxtTer h5, .fondtxtTer h6 {
	/*font-size:11px;*/
	color: #FF6600;
	text-align:left;
	font-weight:bold;
	}	

#navTer {
	position:absolute;
	top:280px;
	left:203px;
	height: 90px;
	width: 132px;
}
#navTer ul{
	display:block;
	list-style:none;
}

#navTer ul li {
	height:18px;
	line-height:18px;
}

#navTer a, link, visited {
	color: #FFFF66;
	font-size:10px;
	text-decoration:none;
}

#navTer a:hover {
	color: #993300;
}


/* *******  CONTACT ******* */

.contact {
	background: url(../img/contact_fond.gif) top center no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	
#contentCont {  
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	color:#FFFFFF;
	}

#adresse{
	width:200px;
	margin-top:160px;
	margin-right:30px;
	float:right;
	font-size: 10px;
}

#trajet{
	position:absolute;
	top:286px;
	left:118px;
	border: 0;
	height: 69px;
	width: 471px;
	font-size: 10px;
}

#adresse a, #adresse link, #adresse visited, #adresse active {
text-decoration:underline;
color:#FFFFFF;
}

#adresse a:hover{
text-decoration:underline;
color: #663366;
}

.sstitre{
	color: #663366;
	font-size:11px;
}


/* ******* LIENS  ******* */

.liens {
	background: url(../img/liens_fond.gif) top center no-repeat;	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
#contentLien{  
	width: 640px;
	height: 382px;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	}

#liens{
	position:absolute;
	top:115px;
	left:99px;
	border: 0;
	height: 254px;
	width: 471px;
	font-size: 10px;
	color:#660033;
}

#liens p{
margin-bottom: 8px;
margin-top: 2px;
padding:0;
}

#liens a, link, visited, active {
text-decoration:underline;
color: #660033;
}
#liens a:hover{
text-decoration:underline;
color: #FFFFFF;
}