/* ********  La page d'accueil des residences ************************
*/

#calendrier {
	margin:15px auto;
	width:720px;
	background:url(img/fond-calendrier.jpg) bottom right no-repeat;
	border:solid 1px #A77A03;
}

#calendrier #contenucalendrier {
	color:#AA9F9D;	
	padding:5px 10px 80px 10px;
}

#contenucalendrier a {
	text-decoration:none;
	color:#A77A03;
	border-bottom:dashed 1px #746765;
}

#calendrier #contenucalendrier h3 {
	margin:35px 0 10px 25px;
	color:#A77A03;
}

#calendrier .dates {
	font-weight:bold;
	color:#AA9F9D;	
}

#calendrier .cies a {
	margin:0 5px;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:0.1em;
	font-variant:small-caps;
	color:#FFF;
	text-decoration:none;
	border-bottom:dashed 1px #6A6F6D;
}

#calendrier .spectacle {
	font-style:italic;
}

#calendrier .details {
	font-size:0.9em;
}

/* ********  Les page compagnies ************************
*/

/* Le menu de navigation entre les cies */

#menu {
	width:200px;
	line-height:20px;
	font-weight:bold;
	font-variant:small-caps;
}

#menu a {
	display:block;
	color:#E4E1E0;
	text-decoration:none;
	padding-left:4px;
	font-size:1.1em;
}

#menu ul {
	margin:0;
	padding:0;
}

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

#menu h2 {
	margin:25px 0 10px 15px;
	color:#5D5656;
}

.liste1 a {
	background: #5D5656 url(img/fond1.png) no-repeat;
}

.liste2 a {
	background: #004A56 url(img/fond2.png) no-repeat;
}

.liste3 a {
	background: #006870 url(img/fond3.png) no-repeat;
}

.liste4 a {
	background: #65430C url(img/fond4.png) no-repeat;
}

.liste5 a {
	background: #3D3636 url(img/fond5.png) no-repeat;
}

.liste6 a {
	background: #003954 url(img/fond6.png) no-repeat;
}


/* Le contenu */

#conteneur {
	margin:15px auto;
	width:610px;
	font-size:10pt;
}

#entete {
	margin-bottom:45px;
	padding:10px;
	border:solid 1px #A77A03;
	background:url(img/2008.gif) bottom right no-repeat;
}

#menucies { /* menu entre les pages d'une meme cie */
	margin-bottom:10px;
	text-align:left;
	color:#006870;
	font-size:1.1em;
}

#menucies a {
	color:#006870;
	text-decoration:none;
	border-bottom:dashed 1px #004A66;
}

#menucies a:hover {
	border-bottom:dashed 1px #0077A2;
}


#titre { /* nom de la cie + spectacle */
	margin:30px 10px 50px 0;
	text-align:right;
	font-size:1.5em;
	font-weight:bold;
	color:#A77A03;
}

#titre em { /* le sous titre du spectacle */
	font-size:0.8em;
	font-weight:normal;
}

#infos { /* infos sur les cies: */
	color:#AA9F9D;
}

#infos a, #description a {
	padding-bottom:1px;
	color:#AA9F9D;
	text-decoration:none;
	border-bottom:dashed 1px #746765;
}

#infos a:hover, #description a:hover {
	border-bottom:dashed 1px #AA9F9D;
}


#infos strong {
	color:#A77A03;
}

#description { /*le reste des textes cie */
	text-align:justify;
}

#description h2 {
	margin:30px 35px 10px 0;
	text-align:right;
	letter-spacing:0.2em;
	color:#A77A03;
}

#description p {
	margin:5px 0;
}

#description img {
	float:right;
	margin:0 0 5px 15px;
	border:5px solid #FFF;
	
}

#description strong {
	color:#7D6F6C;
}

#description .centre  { /* permet d'aligner manuellement les images sans bordure */
	float:none;
	border:none;
}

#journaldebord  { /* le journal de bord */
	text-align:justify;
}
#journaldebord strong {
	font-size:1.2em;
	color:#A77A03;
}