/* Eléments globaux */

body { /* Eléments globaux */
	width: 850px; /* 725px */
	margin: 0 auto;
	background: url("images/interface/fond.jpg"); /* background-color: #000000; #F2F2F2 */
	font-family: Georgia;
	color: #3D3D3B;
	font-size: 0.8em;}

img {border: 0; /* Sert à éviter un bug lorsqu'un lien est situé sur une image */}


#footer a  { /* Lien du copyright */
	color: #FFF;
	text-decoration: underline;}

a:hover { /* Liens au survol */
	color:#FFFF00;  /* #1FB8C0 */
	text-decoration:none;} /* blink */


/* Extensibilité verticale */

#global {
	width: 850px; /* 725px */
	background: url("images/interface/extensible.jpg") repeat-y;
	float: left;
	background-color:#000000;
	margin:0 auto 0 auto;}
	
/* Header */

#header { /* Insertion du header */
	width: 850; /* 725px */
	height: 180px;
	background: url("images/interface/bandeau_azile.jpg") no-repeat;}
		
 a.lien{
    display:block;
    width:850;
    height:110px;}

/* Menu de gauche */

#menugauche { /* Placement et éléments globaux du menu */
	width: 180px; /* 133px */
	margin: 30px 15px 15px 39px; /* 22px 15px 15px 39px */
	float: left;
	display: inline;
	color: #FFF;}

#menugauche h3 { /* Titre du menu */
	width: 180px; /* 133px */
	height: 20px;
	background: url("images/interface/menugauchehaut.jpg") no-repeat;
	color: #FFFFFF; 
	font-size: 1.2em;
	text-indent: 10px;
	line-height: 20px;
	float: right;
	margin: 0;}

#menugauche ul { /* Placement des liens (dans le menu) + éléments globaux des liens */
	width: 180px; /* 133px */
	list-style-type: none;
	background-color: #454545;
	padding: 0;
	margin: 0;
	float: left;
	display: inline;
	text-align: right;}

#menugauche a  { /* Lien  */
	color: #FFF;
	text-decoration: none;}

#menugauche a:hover { /* Liens au survol */
	color:#000; 
	text-decoration:none;
	background: #FFFFFF;}

#menugauche ul li { /* Placement des liens (espacement entre eux et espacement contenu) */
	margin: 5px 5px 5px 0;}

#menugauchebas { /* Bords arrondis du bas du menu */
	width: 180px; /* 133px */
	height: 7px;
	background: url("images/interface/menugauchebas.jpg") no-repeat;
	float: right;}
	



/* Contenu */

#contenu { /* Placement du contenu */
	width: 572px; /* 525px */
	margin: 11px 0px 15px 0; /* 11px 0 15px 0 */
	float: left;}

#contenu h3 { /* Titres */
	width: 572px; /* 525px */	
	background: url("images/interface/contenutitre.jpg") no-repeat;
	height: 18px;
	margin: 10px 0 0 0;
	font-family: Georgia;
	text-indent: 10px;
	line-height: 18px;
	font-size: 1.2em;
	color: #000000; /* #1FB8C0 */}

#contenu p { /* Texte */
	width: 572px; /* 133px */
	margin: 0;  /* border-left: 4px solid #4E4C4D;*/}
	
/* Box */

#contenu_box { /* Placement de la box */
	width: 580px; 
	margin: 0px 0px 20px 0px; 
	float: left;}		

.box {
		margin:0px;
		width: 290px;
		padding-bottom: 0px;
		background: url(images/interface/boxbas.png) no-repeat;
		background-position: center bottom;
		font-size: 80%;}
		
.box h1 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #FF0000; /* agenda */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.box h2 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #0026FF; /* avis de recherche */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.box h3 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #FF6A00; /* compagnie */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.box h4 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #00FF21; /* cours theatre */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.box h5 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #7F0000; /* ils sont passés par ici */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.box h6 {
		margin: 0px;
		padding: 10px 10px 5px 10px;
		background: transparent url(images/interface/boxhaut.png) no-repeat;
		background-position:  top;
		color: #B200FF; /* partenaires */
		text-indent: 10px;
		line-height: 18px;
		font-size:14px;
		text-align: center;}
		
.textebox {
	margin:10px;
	font-size:12px;} 
	
	

/* Compagnie */

#contenu h4 { /* Titres pages*/
	font-size:22px;
	color:#FF3300;}
	
#compagnie a  { /* Lien  */
	color: #3D3D3B;
	text-decoration:none;}

#compagnie a:hover { /* Liens au survol */
	text-decoration:underline;
	color: #3D3D3B;}
	
#table {
margin: 0 auto;}

H1 {color:#D5D5D5;font-family:Georgia;font-size:16px;background:black}/* encadré noir      */
H6 {color:#D5D5D5;font-family:Georgia;font-size:22px;background:black}/* encadré noir      */

/* Accueuil */

#accueil a  { /* Lien  */
	color: #3D3D3B;
	text-decoration:none;}

#accueil a:hover { /* Liens au survol */
	text-decoration:underline;}

	
/* Footer, copyright */

#footer { /* Copyright */
	width: 220px; /* 133px */
	height: 22px;
	background-color: #4B4B4B;
	color: #FFF;
	text-align: center;
	font-size: 0.8em;
	line-height: 22px;
	margin: 0;
	float: left;}
	
/* Kouize */

#kouize h4 { /* Titres pages*/
	font-size:22px;
	color:#FF3300;}

#kouize a  { /* Lien  */
	color: #3D3D3B;
	text-decoration: none;}

#kouize a:hover { /* Liens au survol */
	color:#FF3300;  /* #1FB8C0 */
	text-decoration:none;}	

	
/* Formulaire réservations */
	
.reservations {
	color:#000033;
	font-weight: bold;
	font-size:11px;
	margin:80px;}