/* COULEURS
blanc #FFFFFF

ancien mauve #897595
nouveau mauve #B452CD
fond #E0DFE3
bordeau #722600

*/

/*
A020F0 très flashy mais assez proche
8B3A62 un poil trop rouge, mais sympa
CD69C9 un poile trop clair...
BF3EFF flashy aussi mais bien
B23AEE la meilleure je crois
9B3OFF
CD6090

"Trebuchet MS", Arial, Helvetica, sans-serif




*/


/*Styles généraux-------------------------------------------------------------------------------------------------------------*/

. {
	margin: 0;
	padding: 0;
}


body {
font-family: Times;
font-size: 14px;
width: 870px;
background-color: #E0DFE3;
}

li {
list-style-type: none;
}


#header {
width: 850px;
margin-left: 10px;
}

#menu {
width: 850px;
margin-left: 10px;
height: 40px;
}

#sousmenu {
width: 250px;
float: left;
margin-left: 10px;
background-color: #897595;
color: #FFFFFF;
border-right: solid 1px #735E3E;
border-bottom: solid 1px #735E3E;
border-left: solid 1px #CEAFE1;
border-top: solid 1px #CEAFE1;
}

#contenu {
width: 590px;
margin-left: 270px;

}


/* Pied de page-------------------------------------------------------------------------------------------------------------*/


#pied {
text-align: right;
height: 25px;

}

#pied img {
height: 25px;
}

#pied span {
	display: none;
	margin-right: 30px;
	color: #897595;
}

#pied em {
	position: relative;
	top: -8px;
}



/*Menu général de navigation-------------------------------------------------------------------------------------------------------------*/

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

#menu li {
display: inline-block;
text-align: center;
height: 25px;
margin-right: 2px;

}

#menu li {
display: inline;
}

li#blog {
	position: relative;
	/*left: 760px;*/
	float: right;
	margin: 0;
	
}

#menu a {
display: inline-block;
text-decoration: none;
font-size: 13px;
padding: 5px 12px 0 12px;
color: #FFFFFF;
border-right: solid 1px #735E3E;
border-bottom: solid 1px #735E3E;
border-left: solid 1px #CEAFE1;
border-top: solid 1px #CEAFE1;
height: 25px;
background-color: #897595;
min-width: 60px;

}

#blog a {
background-color: #722600;
border-right: solid 1px #652200;
border-bottom: solid 1px #652200;
border-left: solid 1px #D1A38C;
border-top: solid 1px #D1A38C;

}

#pactive a, #menu a:hover {
background-color: #FFFFFF;
color: #897595;
border-right: solid 1px #E9DFD0;
border-bottom: solid 1px #E9DFD0;
border-left: solid 1px #665437;
border-top: solid 1px #665437;
}

#blog a:hover {
color: #722600;
border-right: solid 1px #D1A38C;
border-bottom: solid 1px #D1A38C;
border-left: solid 1px #652200;
border-top: solid 1px #652200;
}



/*Sous-menu de navigation-------------------------------------------------------------------------------------------------------------*/

#sousmenu ul {
padding: 5px;
}

#sousmenu a {
text-decoration: none;
font-size: 17px;
color: #FFFFFF;
}

#sousmenu li {
margin: 0 0 15px 0;
color: #722600;
}

#spactive a, #sousmenu a:hover {
text-decoration: underline;
}







/*Contenu-------------------------------------------------------------------------------------------------------------*/

#contenu {
	color: #000000;
}

#contenu h1 {
	font-size: 20px;
	text-align: center;
	margin: 20px 0;
}

#contenu h2 {
	color: #722600;
	font-size: 20px;
	border-top: solid 1px #897595;
	text-transform: uppercase;
	margin-top: 0;
}

#contenu h4 {
	color: #722600;
	font-weight: bold;
	margin-left: 20px;
}


#contenu p {
margin-left: 20px;
text-align: justify;
}

p.italic, span.italic {
	font-style: italic;
}

li.italic {
	font-style: italic;
}

#contenu .cadre p, #contenu .cadreblanc p {
	margin-left: 0;
}

#contenu ul {
text-indent: -20px;
}

.puces li {
	list-style-type: disc;
}

li#tab {
	text-indent: 32px;
}

#contenu ul.puces {
	text-indent: 0;
}

a img, a:hover img, a:visited img {
	border: none;
}

#contenu a, #contenu a:visited {
	color: #897595;
	text-decoration: none;
}

#contenu a:hover {
	text-decoration: underline;
}

#contenu em {	
font-weight: bold;
font-style: normal;
}


#crea {
	font-size: 12px;
}

.photopr {
	float: right;
	margin-bottom: 25px;

}

#affiche {
	margin-left: 25px;
}

.photogauche {
	float: left;
	margin: 0 20px;
}

.photodroite {
	float: right;
	margin: 0 20px;
}

.clear {
	clear: both;
}

#ba a , #ba a:hover, #ba a:visited {
	text-transform: uppercase;
	color: #722600;
	font-size: 18px;
	margin-left: 25px;
}

.dpresse {
	text-transform: uppercase;
	color: #722600;
	font-size: 18px;
}

.dpresse img {
	margin-right: 20px;
}





/*Les cadres divers-------------------------------------------------------------------------------------------------------------*/


.cadre {
	border-left: solid 10px #E0DFE3;
	border-bottom: solid 10px #E0DFE3;
	float: right;
	width: 250px;
	background-color: #897595;
	padding: 15px;
	color: #FFFFFF;
}

.cadre h3, #abo_offre2 h3 {
color: #722600;
font-size: 18px;
text-transform: uppercase;
margin: 0;
}




#abo_offre2 {
width: 250px;
float: left;
background-color: #897595;
color: #FFFFFF;
border-right: solid 1px #735E3E;
border-bottom: solid 1px #735E3E;
border-left: solid 1px #CEAFE1;
border-top: solid 1px #CEAFE1;
margin-left: -260px;

}

#abo_offre2 p, #abo_offre2 h3 {
	padding: 5px;
}


#contenu .cadre a, #contenu .cadre a:hover, #contenu .cadre a:visited {
	color: #FFFFFF;
}


#spect, #autour_liste {
	padding: 10px 20px 20px 20px;
	font-size: 12px;
}

#spect p, #autour_liste p {
border-bottom: solid 1px #FFFFFF;
margin: 0;
padding: 5px 0;
}

#autour_liste {
	width: 150px;
}

#autour_liste em {
text-transform: uppercase;
}


/*Pour l'image en page d'accueil du programme, recouverte par les infos pratiques
#imgspe {
	position: absolute;
	left: 280px;
	margin-top: 110px;
	z-index: -1;
}*/

.right {
	float: right;
	margin-left: 20px;
}

#abonnez_vous, #abonnez_vous2 {
	width: 125px;
	background-color: #722600;
}

#abonnez_vous2 {
	float: left;
	margin-left: 50px;

}

#reservez {
	position: absolute;
	top: 236px;
	left: 698px;
	border: none;
	width: 80px;
	height: 15px;
}

#contenu #reservez a {
	color: #722600;
}

#petits_plus, #abo_offre, #spect p#dates {
	color: #000000;
}

#abo_offre {
	width: 200px;
}






.cadreblanc {
	border: double 4px #722600;
	padding: 5px 10px;
	margin: 20px 0;

}

.cadreblanc h3 {
font-size: 15px;
color: #897595;
text-transform: uppercase;
}

.cadreblanc em {
	color: #722600;
}

#prixspe {
	border: dashed 1px #897595;
	width: 300px;
}



div#confres {
width: 380px;
border: 1px solid #722600;
margin: 0 0 20px 20px;
padding: 10px 20px 20px 10px;
background-color: #FFFFFF;
}




/*Les formulaires-------------------------------------------------------------------------------------------------------------*/

legend {
	color: #000000;
	padding: 0 10px;
}


fieldset {
width: 380px;
margin: 0 0 20px 20px;
padding: 10px 20px 20px 0;
border: 1px solid #722600;
}

form p {
	margin: 10px 0 0 0;
	padding: 0;
	color: #897595;
}

label {
	color: #897595;	
	display: block;
	float: left;
	width: 140px;
	padding-right: 10px;
	text-align: right;
}

input.bout {
float: right;
padding: 5px;
}

.etoiles {
	color: #722600;
}

form p.etoiles {
	margin: 20px 0 0 20px;
}

form p.soustitre {
	color: #722600;
	font-weight: bold;
}




input.boutabo {
	border: solid 1px #722600;
	background-color: #722600;
	color: #FFFFFF;
	float: right;
	padding: 5px;
}

input.boutabo:hover {
	background-color: #FFFFFF;
	color: #722600;
}

input.nb {
	display: inline;
	float: left;
	width: 50px;
	margin: 0 10px;
}

h4.encart {
	background-color: #FFFFFF;
	width: 380px;
	padding: 10px;
	border: solid 1px #722600;
}




/*Affichage des photos du spectacle-------------------------------------------------------------------------------------------------------------*/

#photos table {
	border-collapse: collapse;
	padding: 0;
	margin-left: 20px;
	empty-cells: hide;
	background-color: #897595;
}

#photos td {
	text-align: center;
	width: 100px;
	padding: 0;
	margin: 0;
	height: 67px;

}

#photos img {
border: solid 1px #FFFFFF;
padding: 0;
margin: 0;
}