/* CSS by stefhan.com - 2005-2010 */

body {
	color: white;
	text-align: center;
	background: black url(../spectacles/ne2fois/medias/fond.jpg) repeat-x;
	font-family: sans-serif;
}

a {
	color: orange;
	text-decoration: underline;
}

a:hover {
	color: red;
	text-decoration: none;
}

.clear {
	clear: both;
}

#tout {
	width: 900px;
	margin: auto;
	text-align: left;
}

#centre {
	text-align: left;
	padding-bottom: 30px;
	line-height: 22px;
}

#basdepage {
	font-family: sans-serif;
	font-size: 10px;
	color: gray;
}

#basdepage a {
	font-size: 10px;
	text-decoration: none;
	color: gray;
}

#basdepage a:hover {
	color: silver;
}

/*PAGE*/

.logo {
	text-indent: -3000px;
	height: 350px;
	width: 900px;
	background-image: url(../spectacles/ne2fois/medias/interface.jpg);
}

.slogan {
	text-indent: -3000px;
}

.resume {
	width: 500px;
	font: 14px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 20px;
}

#accroche {
	width: 300px;
	margin: 10px;
	padding: 7px;
	width: 300px;
	float: right;
}

#tournee {
	margin: auto;
	border: 1px solid #660033;
	text-align: left;
	font: 14px/18px "Lucida Grande", Lucida, Verdana, sans-serif;
	background: url(../spectacles/ne2fois/medias/tab-fond.jpg);
	padding: 20px;
}

#tournee-dates {
	text-align: left;
	font: 13px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 70px;
}

#lettre {
	text-align: left;
	font: 13px/19px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 20px;
	border: 1px solid #660033;
}

#archive {
	color: gray;
}

/*TITRES*/

#representations {
	font-size: 12px;
	line-height: normal;
}

#representations strong {
	color: #FEFE00;
}

.oucomment {
	width: 300px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/ou-comment.jpg);
}

.quand {
	width: 300px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/quand.jpg);
}

.titre-reservation {
	width: 300px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/titre-reservation.jpg);
}

.renseignements {
	width: 300px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/renseignements.jpg);
}

.titre-representations {
	width: 300px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/titre-representations.jpg);
}

.titre-resume {
	width: 550px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/titre-resume.jpg);
}

.titre-presse {
	width: 550px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/titre-presse.jpg);
}

.titre-equipe {
	width: 550px;
	height: 40px;
	text-indent: -3000px;
	background-image: url(../spectacles/ne2fois/medias/equipe-titre.jpg);
}

.titre-tournee {
	width: 550px;
	height: 40px;
	text-indent: -3000px;
	background: url(../spectacles/ne2fois/medias/titre-tournee.gif) no-repeat;
}

/*RESERVATIONS*/

.ok {
	color: #44a900;
	font-size: 10px;
}

.err {
	color: #ff0000;
	font-size: 10px;
}

.inputOff {
	display: none;
}

.inputOn {
	display: inline;
}

#resa_vous {
	

/*background-color: #fcd600;*/
	width: 600px;
	padding-left: 100px;
	padding-bottom: 10px;
}

#resa_pro {
	

/*background-color: red;*/
	width: 600px;
	padding-left: 100px;
	padding-bottom: 10px;
}

#resa_tarifs {
	

/*background-color: green;*/
	padding-left: 100px;
	padding-bottom: 10px;
}

#resa_confirmation {
	color: black;
	padding: 30px;
	background-color: silver;
	border-style: solid;
	border-width: 1px;
	border-color: white;
}

/* DATES */

.mois {
	color: green;
}

#heure21 {
	width: 260px;
	float: left;
}

#heure15 {
	width: 260px;
	float: right;
}

.heure {
	color: orange;
}

.complet {
	color: red;
}

.attention {
	color: orange;
}