/* Page */
#page {text-align:left; position:background-color:#FFFFFF; relative; width: 900px;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
#body {background-color:#000000; }

/* Nouvelles balises 04/2009 */
.login.lotext {}
.identity.cnil.text { font-size: 12px;  color:#444444;}
.identity.select { font-size: 12px; }
.identity.property { font-size: 12px;  color:#444444;}
.catalog.searchlabel { text-align:left;    font-size: 12px; }
.catalog.searchtext { text-align:left;   font-size: 12px; }
.order.acceptcgv { text-align:left;  font-size: 14px; font-weight: bold;}
.order.paybutton { color:#003366;   font-size: 14px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.orderconfirm.buttondownload { color:#003366;   font-size: 11px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.select { text-align:left;     font-size: 12px; }
.categories.info.select { text-align:left;  font-size: 12px; font-weight: bold;}
.catalog.searchbutton { text-align:left;  font-size: 12px; font-weight: bold;}


/* Nouvelle mouture */
.categories.rowcateg { vertical-align:middle; text-align:center; color:#000000;font-size:12px; font-weight:normal;	border-bottom-style: inset; border-bottom-width:1px;border-bottom-color:#C0C0C0 }
.categories.rowcateglib { vertical-align:middle; text-align:center; color:#000000;font-size:12px; font-weight:bold;	border-bottom-style: inset; border-bottom-width:1px;border-bottom-color:#C0C0C0 }
.categories.rowcategcolor { vertical-align:middle; text-align:left; color:#000000;font-size:12px; font-weight:normal;	border-bottom-style: inset; border-bottom-width:1px;border-bottom-color:#C0C0C0 }
.categories.commentrate {	color:#777777;   font-size: 11px; font-weight:normal; }
.categories.tabcategcolor { width:0px; height:40px; }
.categories.tablerate {width:100%;}



/* Menu haut */
.top.menu{ vertical-align:middle; background-image:url("./headertop.png");background-color:#FFFFFF;border-color:#FFFFFF;color:#000000;height: 23px}
.top.menu li{display:block ;float:right;list-style-type:none;}
.top.menu ul{margin:0;text-align: right ;height: 27px;}
.top.menu a{color:#000000;text-align: right;font-size:13px; vertical-align:middle;}

.main{background-image:url("./middle.png");background-color:#FFFFFF;}
/* Menu bas */

.bottom.menu{background-color:#FFFFFF;border-color:#FFFFFF;color:#444444;height: 20px}
.bottom.menu li{display:inline  ;list-style-type:none}
.bottom.menu ul{margin:0;text-align: center ;height: 20px;}
.bottom.menu a{color:#444444;text-align: right;font-size:13px;}

/* Etapes */
.step {border-width:4px;height:18px;list-style-type:none;margin:0;padding:10px 10px 10px 15px;}
.step ul{margin:0;height: 20px;text-align:right ;}
.step li{border-color:#000000;color:#000000; background-position:top center;background-repeat:no-repeat;display:block;float:right ;list-style-type:none;margin:0;padding:0px 0 0 0;text-align:center}
.step.li.label {cursor:default;display:block;padding:1px 5px 1px 5px;text-decoration:none;width:90px}
.step li.actualstep {font-weight:bold;background-color:#76809C;border-color:#000000;color:#FFFFFF; }
#stepConfirm{background-image:url(step.gif)}
#stepIdentity{background-image:url(step.gif)}
#stepPaiement{background-image:url(step.gif)}
#stepReserv{background-image:url(step.gif)}
#stepOrder{background-image:url(step.gif)}
#stepSeance{background-image:url(step.gif)}

/* Catalogue */
.catalog.info { text-align:left;  color:#000000; font-size: 11px; font-weight: normal;}
.catalog.title { text-align:left;  color:#222222; font-size: 16px; font-weight:normal;}
.catalog.event {
	text-align: left;
	color: #045E93;
	font-size: 16px;
	font-weight: normal;
}
.catalog.eventinfo { text-align:left;  color:#000000; font-size: 11px; font-weight: normal;}
.catalog.eventalert { text-align:left;  color:#003366; font-size: 16px; font-weight: normal;}

.catalog {}
.catalog table {width:80%; border-collapse: separate;}
.catalog.thead {background-color:#FFFFFF; border-color:#000000; color:#000000;}
.catalog.thead {color:#FFF;}
.catalog.thead th {height: 1px;padding:2px 2px 2px 2px;background-image:none;  background-color:#000000; text-align: center;}
.catalog tbody {background-image:url("./backtab.png"); background-repeat:repeat-x; background-color: #FFFFFF;}
.catalog.cell {border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0; text-align:left; color:#444444;   font-size: 12px; font-weight:normal;	}
.catalog.buybutton { color:#003366;   font-size: 11px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}



/* Calendrier liste des mois */
/* background-image:url("./tab.png"); */
.calendar.month.selected {background-image:url("./backtab.png"); background-repeat:repeat-x;font-weight:bold;background-color:#FFFFFF;  color:#003366; border-color: black;border-style:solid;border-width:1px}
.calendar .month {cursor:pointer;  width: 100%;  font-size: 12px;    font-weight: normal;      margin:  3px;    padding: 0;    text-align: right;}
.calendar .month a {    margin: 5px;    padding:7px 10px 10px 10px;    text-decoration: none;    	line-height: 30px;	width: 110px;}
.calendar .month a {  color: #444444;}

/* Calendrier */
.calendar table {width:100%; border-collapse: separate;}
.calendar.thead {background-color:#FFFFFF;border-color:#000000;color:#000000;}
.calendar thead {color:#FFFFFF;}
.calendar thead th {background-image:url("../theme-1/calendartop.png");height: 19px;padding:2px 2px 2px 2px;  background-color:#FFFFFF;text-align: center;  }
.calendar tbody th, .calendar tbody td {text-align: center; font-weight: normal;  margin:0; padding:0; vertical-align:top;}
.calendar tbody { background-color: #F9F9F9; }
.calendar tbody h5 {font-size: 12px;    font-weight: bold;   border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0; background-color: #E2E3DD; margin:15px 0 5px 0; color:#909090;}
.calendar tbody .seance h5 { color:#000000; }
.calendar .seance div {margin:3px;font-weight: normal;	color: #EEEEEE; font-size:11px; }
.calendar .seance div a{
	font-weight: bold;
	color: #003366;
	padding: 0 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	width: 45px;
}
.calendar.info{ text-align:left;  color:#000000;   font-size: 14px; font-weight: normal;}
.calendar.infodiv { width: 80%; text-align:left;}
.calendar.backbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}


/* Login */
.login.createbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.login.loginbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.login.panel { text-align:left; color:#000000;   font-size: 14px;    font-weight: normal;}
.login.panel.contener { padding:8px 8px 8px 8px; color:#000000;   font-size: 11px;    font-weight:normal;}
.login.error { text-align:right; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:11px }

/* Identity */
.identity.panel {background-image:url("./identity.png"); background-repeat:repeat-x; color:#003366; background-color:#F2F2F2 ; font-size: 14px;    font-weight: bold; text-align:left; position:relative; width: 60%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif; }
.identity.validbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.identity.backbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.identity.contener { padding:8px 8px 8px 8px; color:#000000;   font-size: 11px;    font-weight:normal;}
.identity.label { font-size: 12px;  color:#444444;}
.identity.text {}
.identity.validdiv {text-align:right; position:relative; width: 60%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
.identity.cnildiv {text-align:left; position:relative; width: 80%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
.identity.error { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:10px }

/* Info catalog */
.infocatalog {  width: 80%; text-align:left; }
.infocatalog.catalog { color:#003366; font-family:Arial,Helvetica,sans-serif;font-size:18px ;font-weight:normal;}
.infocatalog.seance{ color:#000000; font-family:Arial,Helvetica,sans-serif;font-size:14px }
.infocatalog.link{ color:#000000; font-family:Arial,Helvetica,sans-serif;font-size:12px }

/* Catégories */
.categories {}
.categories table {width:80%; border-collapse: separate;}
.categories.thead {background-color:#FFFFFF; border-color:#000000; color:#000000;}
.categories.thead {color:#FFF;}
.categories.thead th {background-image:url("../theme-1/calendartop.png");height: 19px;padding:2px 2px 2px 2px;   background-color:#000000; text-align: center;}
.categories tbody {
	background-color: #FFFFFF;
	background-image:url("./backtab.png"); background-repeat:repeat-x; 
}
.categories.info { text-align:left;  color:#111111;   font-size: 12px; font-weight: bold;}
.categories.infodiv { width: 80%; text-align:left;}
.categories.categ {background-color:#FFFFFF;border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #C0C0C0; text-align:left; color:#444444;   font-size: 12px; font-weight:normal;	}
.categories.tarif {background-color:#FFFFFF;border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #C0C0C0;text-align:center; color:#444444;   font-size: 12px; font-weight:normal;	}
.categories.montant {background-color:#FFFFFF;border-bottom-style: inset; border-bottom-width:0px;border-bottom-color:#C0C0C0;text-align:right; 	}
.categories.nombre {background-color:#FFFFFF; text-align:center; border-bottom-style: inset; border-bottom-width:0px;border-bottom-color:#C0C0C0;}
.categories.prix {background-color:#FFFFFF;color:#444444;   font-size: 13px; font-weight:bold;	}
.categories.frais{background-color:#FFFFFF;color:#777777;   font-size: 11px; font-weight:normal;	}
.cat.validdiv {   position:relative; width: 80%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
.categories.validdiv tbody {background-image:none; background-color:#ffffff; }
/*
.categories.validbutton { color:#555555;   font-size: 14px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.backbutton {  color:#555555;   font-size: 14px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
*/
.categories.validbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.backbutton {  color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.error { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:12px }

.retrait.info { text-align:left;  color:#555555;   font-size: 11px; font-weight: normal;}
.retrait.checkbox { text-align:left;  color:#990000;   font-size: 12px; font-weight: bold;}

/* view venue */
.viewvenue.info { text-align:left;  color:#FFFFFF;   font-size: 12px; font-weight: bold;}
.viewvenue {}
.viewvenue table {width:80%; border-collapse: separate;}
.viewvenue.thead {background-color:#FFFFFF; border-color:#000000; color:#000000;}
.viewvenue.thead {color:#FFF;}
.viewvenue.thead th {height: 19px;padding:2px 2px 2px 2px;    text-align: center;}
.viewvenue tbody {}
.viewvenue.categ {border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0; text-align:left; color:#444444;   font-size: 12px; font-weight:normal;	}

/* delivery */
.delivery.table {width:80%; border-collapse: separate;}
.delivery.thead {background-color:#FFFFFF;border-color:#000000;color:#000000;color:#FFF;}
.delivery.tbottom {padding:8px 8px 2px 2px;   text-align: right; }
.delivery.tbottom.text {color:#000000;text-align:right;font-size: 14px; font-weight:bold; 	}
.delivery.tbottom.value {color:#003366;text-align:right;font-size: 16px; font-weight:bold; background-color: #FFFFFF;border-style: solid ; border-width:1px;border-color: #999999;	}
.delivery.thead th {background-image:url('../theme-1/calendartop.png');
height: 19px;padding:2px 2px 2px 2px;   background-color:#000000;text-align: center;  }
.delivery.tbody {background-image:url('../theme-1/backtab.png'); 
background-repeat:repeat-x;padding:2px 4px 2px 2px; background-color: #F9F9F9;text-align: left; }
.delivery.row {padding:2px 4px 2px 2px; background-color: #F9F9F9;text-align: left; }
.delivery.info  { text-align:left;  color:#555555;   font-size: 10px; font-weight: normal;}
.delivery.checkbox { text-align:left;  color:#000000;   font-size: 12px; font-weight: bold;}


/* Order */
.order.table {width:80%; border-collapse: separate;}
.order.thead {background-color:#FFFFFF;border-color:#000000;color:#FFFFFF;}
.order.tbottom {padding:8px 8px 2px 2px;   text-align: right;}
.order.tbottom.text {color:#000000;text-align:right;font-size: 14px; font-weight:normal; 	}
.order.tbottom.value {border: 1px solid #999999;
background-image:url('../theme-1/backtab.png'); 
	background-repeat:repeat-x;	color:#333333;	text-align:right;	font-size: 16px; 	font-weight:bold; 	background-color:#FFFFFF;
}
.order.thead th {background-image:url('../theme-1/calendartop.png');
height: 19px;padding:2px 2px 2px 2px;   background-color:#000000;text-align: center;  }
.order.tbody {background-image:url('../theme-1/backtab.png'); 
background-repeat:repeat-x;padding:2px 4px 2px 2px; background-color: #FFFFFF; }
.order.info  { text-align:left;  color:#333333;   font-size: 14px; font-weight: normal;}
.order.infodiv  { width: 80%; text-align:left;}
.order.empty {padding:8px 8px 8px 8px; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#000000; font-size: 16px; font-weight:bold;}
.order.catalog {background-image:none;text-align:right; color:#111111; font-size: 12px; font-weight:bold; background-color:#FFFFFF}
.order.catalog.header {border-top: 1px inset #C0C0C0;
	border-bottom: 1px inset #C0C0C0;
background-image:url('../theme-1/backtab.png'); 
	background-repeat:repeat-x;	background-color: #FFFFFF; 	padding:8px 8px 8px 8px; 	text-align:left; }
.order.catalog.title {color:#003366; font-size: 14px; font-weight:bold; background-color:transparent;}
.order.catalog.date {color:#000000; font-size: 14px; font-weight:normal;background-color:transparent;}
.order.catalog.delivery {color:#000000; font-size: 11px; font-weight:normal;background-color:transparent;}
.order.catalog.delheader {border-top: 1px inset #C0C0C0;
	border-bottom: 1px inset #C0C0C0;
background-image:url('../theme-1/backtab.png'); 
	background-repeat:repeat-x;	background-color: #FFFFFF; 	padding:8px 8px 8px 8px; 	text-align:right; 	color:#444444; 	font-size: 14px; 	font-weight:normal;
}
.order.article { background-image:none; background-color:#FFFFFF;text-align:right; color:#666666; font-size: 11px; font-weight:normal;}
.order.montant { background-image:none;text-align:right;font-size: 12px; font-weight:bold; 	}
.order.nombre {  background-image:none;text-align:right;font-size: 12px; font-weight:normal; }
.order.prix { background-image:none;text-align:right; color:#000000;   font-size: 12px; font-weight:normal;	}
.order.frais{ background-image:none;text-align:right;color:#999999;   font-size: 11px; font-weight:normal;	}
.order.delbutton { color:#990000;   font-size: 11px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.viewlocation { color:#003366;   font-size: 11px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.error { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:12px ; font-weight:bold;}
.order.validdiv { position:relative; width: 80%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
.order.validbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.backbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.invoicebutton { color:#003366;   font-size: 14px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.delseatbutton {cursor:pointer;height:16px;background:url('../../Default/delete.png') no-repeat top left;border:0px;width:16px;font-size:0px;}