@import url(layout.css);
@import url(commun.css);
@import url(datepicker.css);
@import url(lightview.css);
@import url(starbox.css);

/* CENTER */

#principale div#page div#content div#mon-compte {
	width: 682px;
	position: relative;
	float: left;
	padding: 17px;
	background: #f1ece8;
}

/* DEJA IDENTIFIE */

#principale div#page div#content div#mon-compte div#edito-membre {
	width: 668px;
	height: 164px;
	border: 1px solid #b1b3b4;
	padding: 5px 6px 5px 6px;
	margin: 0px 0px 10px 0px;
	background-color: #fff;
}

#principale div#page div#content div#mon-compte div#edito-membre div#perso-membre {
	background: url(../../img/layout/bonhomme-membre.png) top left no-repeat;
	width: 136px;
	height: 155px;
	float: left;
	margin: 0px 17px 0px 0px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#informations-membre {
	margin: 10px 0px 0px 0px;
	float: left;
	color: #000;
	line-height: 16px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#informations-membre strong {
	text-transform: uppercase;
	color: #900;
}

#principale div#page div#content div#mon-compte div#edito-membre div#deconnexion {
	background: url(../../img/layout/me-deconnecter.png) top left no-repeat;
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 10px;
	padding: 0px 0px 0px 16px;
	width: 183px;
	height: 22px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#deconnexion a {
	display: block;
	width: 183px;
	height: 22px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#deconnexion a span {
	display: none;
}

#principale div#page div#content div#mon-compte div#edito-membre div#espace-pro {
	background: url(../../img/layout/espace-pro.png) top left no-repeat;
	position: absolute;
	top: 50px;
	right: 10px;
	font-size: 10px;
	padding: 0px 0px 0px 16px;
	width: 183px;
	height: 22px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#espace-pro a {
	display: block;
	width: 183px;
	height: 22px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#espace-pro a span {
	display: none;
}


#principale div#page div#content div#mon-compte div#edito-membre div#non-valide {
	position: absolute;
	top: 110px;
	left: 414px;
	font-size: 10px;
	color: #000;
	width: 250px;
	border: 1px solid #c00;
	padding: 5px;
	height: 55px;
}

#principale div#page div#content div#mon-compte div#edito-membre div#non-valide a {
	color: #c00;
}

#principale div#page div#content div#mon-compte div#bloc {
	border: 1px solid #b1b3b4;
	height: 45px;
	width: 680px;
	clear: both;
	margin: 11px 0px 11px 0px;
	background-color: #d5c9ac;
}

/* COMMANDES */

#principale div#page div#content div div.aucun {
	width: 654px;
	line-height: 30px;
	height: 30px;
	text-align: center;
	font-weight: bold;
	margin: 15px 0px 0px 0px; 
}

#principale div#page div#content div#mes-commandes {
	background-color: #fff;
}

#principale div#page div#content div#mes-commandes p {
	margin: 10px 0px 0px 0px;
	font-size: 12px;
	text-align: center;
}

#principale div#page div#content div#mes-commandes div.commande {
	width: 654px;
	position: relative;
	margin: 12px 0px 18px 0px;
	border-bottom: 1px solid #b5b5b5;
	padding: 0px 0px 3px 0px;
}

#principale div#page div#content div#mes-commandes div.commande div.titre {
	line-height: 29px;
	height: 29px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	background-color: #8d0c09;
	text-transform: uppercase;
	font-weight: bold;
}

#principale div#page div#content div#mes-commandes div.commande ul li {
	float: left;
	font-size: 11px;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul {
	height: 16px;
	line-height: 16px;
	margin: 2px 0px 0px 0px;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul.ligne_0 {
	background-color: #d5c9ac;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul.ligne_1 {
	background-color: #eee9de;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul.rembourser li,
#principale div#page div#content div#mes-commandes div.commande ul li ul.utiliser li {
	text-decoration: line-through;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul.header {
	height: 18px;
	line-height: 18px;
	color: #8d0c09;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
}

#principale div#page div#content div#mes-commandes div.commande ul li.col1 {
	width: 195px;
	font-weight: bold;
	padding: 0px 0px 0px 3px;
}

#principale div#page div#content div#mes-commandes div.commande ul li.col2 {
	width: 160px;
	text-align: center;
}

#principale div#page div#content div#mes-commandes div.commande ul li.col3 {
	width: 75px;
	text-align: right;
}

#principale div#page div#content div#mes-commandes div.commande ul li.col4 {
	width: 170px;
	text-align: center;
	padding: 0px 0px 0px 50px;
}

#principale div#page div#content div#mes-commandes div.commande ul li ul.rembourser li.col4 a {
	text-decoration: none !important;
}

#principale div#page div#content div#mes-commandes div.commande div.coin-titre-droite,
#principale div#page div#content div#mes-commandes div.commande div.coin-titre-gauche {
	position: absolute;
	background: url(../../img/layout/coin-hg-rouge.png) top left no-repeat;
	height: 13px;
	width: 13px;
	top: 0px;
}

#principale div#page div#content div#mes-commandes div.commande div.coin-titre-gauche {
	left: 0px;	
}

#principale div#page div#content div#mes-commandes div.commande div.coin-titre-droite {
	right: 0px;
	background-image: url(../../img/layout/coin-hd-rouge.png);
}

/* GESTION DES TABS */
.tab-container .tabs { 	margin: 11px 0px 3px 0px; height: 32px; }
.tab-container .tabs li { float: left; text-transform: uppercase; height: 32px; line-height: 32px; text-align: center; background: url(../../img/layout/onglet.png) top left no-repeat; width: 169px; margin: 0px 1px 0px 0px; }
.tab-container .tabs li.current { background-position: bottom left; }
.tab-container .tabs li a { color: #000; display: block; width: 169px; height: 32px; }
.tab-container .tabs li a:hover { cursor: pointer; }
.tab-container .tabs li.current a { color: #fff; font-weight: bold; }

#principale div#page div#content div#mon-compte ul.tabs li h4 {
	font-weight: normal;
}

#principale div#page div#content div#mon-compte div.module {
	width: 650px;
	padding: 15px;
	border: 1px solid #b1b3b4;
	margin: 3px 0px 8px 0px;
	font-size: 14px;
	color: #000;
	text-align: justify;
	background-color: #fff;
}

/* MODIFICATION DES INFORMATIONS */
#principale div#page div#content div#mon-compte div#mes-infos form,
#principale div#page div#content div#mon-compte div#mes-critiques form {
	width: 680px;
	height: auto;
	border: 0px;
}

#principale div#page div#content div#mon-compte div#mes-infos h2 {
	width: 658px !important;
}

#principale div#page div#content div#mon-compte div.module h2 {
	margin: -15px 0px 0px -15px;
	width: 658px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations {
	padding: 23px;
	border: 1px solid #d5d3d3;
	border-top: none;
	position: relative;
	margin: 0px 0px 10px 0px;
	color: #000;
	background-color: #fff;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations div#pub_information {
	position: absolute;
	top: 23px;
	right: 23px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li,
#principale div#page div#content div#mon-compte div#mes-infos form div#changer-password ul li {
	margin: 0px 0px 10px 0px;
	position: relative;
	clear: both;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li label,
#principale div#page div#content div#mon-compte div#mes-infos form div#changer-password label {
	margin: 0px 0px 10px 0px;
	width: 185px;
	display: block;
	float: left;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li label sup {
	color: #c00;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li input{
		margin: 0px 0px 0px 0px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li input[type=text],
#principale div#page div#content div#mon-compte div#mes-infos form div ul li input[type=password],
#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li select {
	width: 282px;
	height: 15px;
	border: 1px solid #d5d3d3;
	font-size: 10px;
	color: #666;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li input[type=radio] {
	width: auto;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li textarea {
	width: 282px;
	border: 1px solid #d5d3d3;
	font-size: 11px;
	height: 77px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div.informations ul li input[type=image] {
	border: 0px;
	width: auto;
	height: auto;
}

#principale div#page div#content div#mon-compte div#mes-infos form div#changer-password,
#principale div#page div#content div#mon-compte div#mes-infos form div#preferences {
	padding: 10px;
	border: 1px solid #d5d3d3;
	position: relative;
	margin: 0px 0px 10px 0px;
	color: #000;
	background-color: #fff;
}

#principale div#page div#content div#mon-compte div#mes-infos form div#changer-password h3,
#principale div#page div#content div#mon-compte div#mes-infos form div#preferences h3 {
	color: #b1b3b4;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 10px 0px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div#changer-password label,
#principale div#page div#content div#mon-compte div#mes-infos form div#preferences label {
	margin: 0px 0px 0px 10px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div#champs_obligatoires {
	color: #000;
	font-size: 10px;
}

#principale div#page div#content div#mon-compte div#mes-infos form div#div_submit {
	text-align: center;
}

#principale div#page div#content div#mon-compte div#mes-infos form .LV_validation_message{
	top: 18px;
	left: 0px;
	width: 150px;
}

/* GESTION DES CRITIQUES */

#principale div#page div#content div#mon-compte div#mes-critiques {
	position: relative;
	color: #000;
	background-color: #fff;
}

#principale div#page div#content div#mon-compte div#mes-critiques h2 {
	width: 660px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form select#spectacle_id {
	width: 200px;
	border: 1px solid #ccc;
	position: absolute;
	top: 9px;
	left: 470px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique {
	width: 615px;
	margin: 10px auto 10px auto;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li label {
	float: left;
	padding-left: 2px;
	width: 150px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li input,
#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li textarea,
#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li select {
	width: 456px;
	height: 16px;
	border: 1px solid #d5d3d3;
	background-color: #fff;
	font-size: 11px;
	color: #333;
	margin-bottom: 5px;
	padding: 2px 0px 0px 2px;
}
	
#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li select {
	background-color: #fff;
	height: 20px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li textarea {
	height: auto !important;
	}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li.submit {
	text-align: center;
	background-color: none !important;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique ul li.submit input {
	text-align: center;
	padding: 4px;
	height:auto;
	margin: 10px 0px 0px 0px;
	background-color: transparent;
	width: auto;
	text-transform: uppercase;
	font-weight: bold;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.exemple-critique {
	width: 640px;
	border-bottom: 1px solid #b5b5b5;
	margin: 10px 20px 0px 20px;
	clear: both;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.informations-critique {
	padding: 0px 20px 0px 20px;
	width: 135px;
	font-size: 10px;
	color: #aaa9a9;
	float: left;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.poste {
	color: #248bcd;
	padding: 2px 0px 0px 0px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.titre-critique {
	width: 450px;
	margin: 2px 0px 0px 0px;
	color: #8d0c09;
	text-transform: uppercase;
	font-size: 11px;
	float: left;
	padding: 0px 0px 0px 10px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique p {
	width: 450px;
	text-align: justify;
	font-size: 10px;
	float: left;
	line-height: 11px;
	padding: 0px 0px 0px 10px;
	min-height: 50px;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.editer {
	width: 640px;
	text-align: right;
	padding: 0px 0px 5px 0px;
	font-size: 10px;
	padding: 0px 0px 0px 10px;
	clear: both;
}

#principale div#page div#content div#mon-compte div#mes-critiques form#ajout-critique div.editer a {
	color: #248bcd;
}

/* SPECTACLES SUIVIS */

#principale div#page div#content div#anciens-spectacles div.module table {
	clear: both;
	width: 650px
}

#principale div#page div#content div#anciens-spectacles div.module table tr.resultat {
	height: 84px;
}

#principale div#page div#content div#anciens-spectacles div.module table tr.resultat td {
	height: 79px;
	border-bottom: 1px solid #b5b5b5;
	padding: 2px 0px 2px 0px;
	line-height: 18px;
	font-size: 14px;
}

#principale div#page div#content div#anciens-spectacles div.module table thead tr th {
	height: 28px;
	line-height: 28px;
	border-bottom: 1px solid #b5b5b5;
	border-top: 1px solid #b5b5b5;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #000;
	font-size: 11px;
	font-weight: normal;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.aucun-resultat {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
}


#principale div#page div#content div#anciens-spectacles div.module table tr td.col1 {
	width: 100px;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.col2 {
	width: 129px;
	color: #8d0c09;
	font-weight: bold;
	vertical-align: middle;
	text-transform: uppercase;
	padding: 0px 60px 0px 0px;
	text-align: left;
}

#principale div#page div#content div#anciens-spectacles div.module table thead tr th.col1 {
	width: 100px;
	font-weight: bold;
}

#principale div#page div#content div#anciens-spectacles div.module table thead tr th.col2 {
	width: 189px;
}

#principale div#page div#content div#anciens-spectacles div.module table tr.resultat td.col5 {
	width: 361px;
	font-size: 11px;
	line-height: 13px;
	position: relative;
}

#principale div#page div#content div#anciens-spectacles div.module table tr.resultat td.col5 p {
	border-left: 1px solid #b5b5b5;
	height: 41px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 20px;
	width: 340px;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.col5 div.voir-fiche,
#principale div#page div#content div#anciens-spectacles div.module table tr td.col5 div.supprimer-alerte {
	width: 230px;
	font-size: 10px;
	font-style: italic;
	margin: 0px 0px 0px 0px;
	text-align: right;
	border-left: 1px solid #b5b5b5;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 10px 0px;
	float: left;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.col5 div.supprimer-alerte {
	width: 110px;
	border-left: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.col5 div.voir-fiche a {
	color: #8d0c09;
}

#principale div#page div#content div#anciens-spectacles div.module table tr td.col5 div.supprimer-alerte a {
	color: #248bcd;
}

#principale div#page div#content div#anciens-spectacles div.module table thead tr th.col5 {
	width: 341px;
	padding: 0px 0px 0px 20px;
	font-weight: bold;
}

/* PAS ENCORE IDENTIFIE */

#principale div#page div#content div#mon-compte form {
	float: left;
	width: 332px;
	border: 1px solid #d5d3d3;
	margin: 0px 14px 10px 0px;
	height: 380px;
}

#principale div#page div#content div#mon-compte form#sinscrire {
	margin: 0px 0px 10px 0px;	
}

#principale div#page div#content div#mon-compte form#sidentifier div.informations {
	background: url(../../img/layout/logo-soireespectacles-com-mon-compte.png) bottom center no-repeat #fff;
}

#principale div#page div#content div#mon-compte form legend {
	display: none;
}

#principale div#page div#content div#mon-compte h2 {
	height: 38px;
	line-height: 38px;
	background-color: #d5c9ac;
	border-bottom: 1px solid #d5d3d3;
	font-size: 14px;
	color: #8d0c09;
	font-weight: bold;
	padding: 0px 11px 0px 11px;
	width: 310px;
	text-transform: uppercase;
}

#principale div#page div#content div#mon-compte form div.informations {
	padding: 23px;
	background-color: #fff;
	height: 294px;
}

#principale div#page div#content div#mon-compte form div.informations h3 {
	font-size: 12px;
	color: #8d0c09;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}

#principale div#page div#content div#mon-compte form div.informations div#erreur-connexion {
	position: absolute;
	top: 17px;
	left: 135px;
	color: #c00;
	font-size: 10px;
	width: 200px;
}

#principale div#page div#content div#mon-compte form div.informations ul li {
	margin: 0px 0px 10px 0px;
	position: relative;
}

#principale div#page div#content div#mon-compte form div.informations ul li label {
	color: #000;
	display: block;
}

#principale div#page div#content div#mon-compte form div.informations ul li input {
	width: 282px;
	height: 15px;
	border: 1px solid #d5d3d3;
	margin: 10px 0px 0px 0px;
}

#principale div#page div#content div#mon-compte form div.informations ul li input[type=image] {
	border: 0px;
	width: auto;
	height: auto;
}

#principale div#page div#content div#mon-compte form div.informations div#forgot-password {
	margin: -8px 0px 0px 0px;
}

#principale div#page div#content div#mon-compte form div.informations div#forgot-password a {
	color: #2996d8;
}

#principale div#page div#content div#mon-compte form div.informations div#forgot-password a:hover {
	text-decoration: underline;
}

#principale div#page div#content div#mon-compte form div.informations span#votre-password {
	font-size: 10px;
	color: #2996d8;
	display: block;
}

.LV_validation_message{
	top: 13px;
	left: 0px;
	width: 282px;
}

#li_password .LV_validation_message{
	top: 25px;
}