/* 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; color:#FFFFFF; }
.catalog.searchtext { text-align:left;   font-size: 12px; }
.order.acceptcgv { text-align:left;  font-size: 14px; font-weight: bold; color: #900;}
.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;}


.order.catalogdeliv.tbody {padding:2px 4px 2px 2px; background-color: #DDDDDD; }
.order.catalogdeliv.header {background-color: #DDDDDD; padding:10px 5px 5px 5px; border-bottom-style: inset; border-bottom-width:2px;border-bottom-color: #C0C0C0;border-top-style: inset; border-top-width:0px;border-top-color:#C0C0C0;text-align:left; color:#111111; font-size: 12px; font-weight:normal;}
.order.catalogdeliv.info { text-align:left; color:#555555; font-size: 10px; font-weight: normal;}
.order.catalogdeliv.delivery { text-align:left; color:#555555; font-size: 10px; font-weight: normal;}
.order.catalogdeliv.deliverylist { text-align:left; color:#555555; font-size: 10px; font-weight: normal;}
.order.catalogdeliv.comment { text-align:left; color:#555555; font-size: 10px; font-weight: normal;}
.order.catalogdeliv.applybutton { color:#000099; font-size: 11px; font-weight: normal; height: 22px; width: 80px; margin: 0 0 0 5px; padding: 0; text-align: center;}

.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%;}

#photopreview{
                position:absolute;
                border:1px solid #ccc;
                background:#333;
                padding:5px;
                display:none;
                color:#fff;
                }

.calendar.info{ color:#FF0000; text-align:center;     font-size: 20px; font-weight: normal;}

.order.delseatbutton {cursor:pointer;height:16px;background:url('../../Default/delete.png') no-repeat top left;border:0px;width:16px;font-size:0px;}

.order.countdown { text-align:right;  color:#990000;   font-size: 12px; font-weight: bold;}

/* liens du plan et du placement en responsive */
#viewvenuebody { background-color:#FFFFFF; }
#viewvenuepage { overflow: auto; }
#ViewVenueInfo { padding: 15px 0 15px 0; }
.viewvenue { text-align:center; }
#ViewVenueImg {  }
#ViewVenueCategories {  display:inline-block; padding-top: 15px;}
#imgvenue { width:100%; height:auto; min-width:400px; max-width: 1000px; }

#imgvenueplacement{
	width:100%;
	height:auto;
	max-width:1000px;
	min-width:400px;
}

.aparteMapContainer {
	width: 790px; height: 750px; border: 1px solid black; margin: auto; position: relative
}


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

/* Menu haut */
background-image:url("http://www3.aparteweb.com/awconfig/BC09/theme-39767/banner.jpg");
/*.top.menu{background-color:#000;border-color:#FFFFFF;color:#000;height: 20px}
.top.menu li{display:block ;float:right;list-style-type:none}
.top.menu ul{margin:0;text-align: right ;height: 20px;}
.top.menu a{color:#000;text-align: right;font-size:13px;}*/

/* NEW TOP MENU */
/*.top.menu {background-color:#FFFFFF; border-color:#e6e6e6;color:#e6e6e6;overflow: hidden;}*/
.top.menu {
	overflow: hidden;
	color: white;
}

.top.menu li{display:block ;float:right;list-style-type:none}
.top.menu ul{margin:0;text-align: right;height: 20px;}
.top.menu a{float: right; color: #000; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.top.menu a:hover {background-color: #ddd; color: grey; }
.top.menu a.active {background-color: #4CAF50; color: grey; }

/* Menu bas */
/*.bottom.menu{background-color:#000000;border-color:#FFFFFF;color:#FFFFFF;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:#FFFFFF;text-align: right;font-size:13px;}*/

/* NEW BOTTOM MENU */
/*.bottom.menu{background-color:#000000; border-color:#FFFFFF;color:#FFFFFF;overflow: hidden;}*/
.bottom.menu{
	overflow: hidden;
	display: flow-root;
	color: white;
}

.bottom.menu a{float: left; color: #000; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.bottom.menu span{float: right; color: #000; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.bottom.menu a:hover {background-color: #ddd; color: grey; }
.bottom.menu a.active {background-color: #4CAF50; color: grey; }

/* 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: #009; 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:#990000;border-color:#000000;color:#FFFFFF; }*/

/* NEW Etapes */
.step {border-width:4px;height:18px;list-style-type:none;margin:0;padding:10px 10px 30px 10px; float:right;} 
.step ul{margin:0;height: 20px;text-align:right ;} 
.step li{display:inline-block;float:left ; font-size: 15px;} 
.step.li.label {cursor:default;display:block;padding:1px 5px 1px 5px;text-decoration:none;width:90px} 
.step li.actualstep {font-weight:600; color:#990000; font-size: 15px;} 

#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:#FFF; font-size: 18px; font-weight:bold; }
.catalog.event {
	text-align: left;
	color:#005459;
	font-size: 16px;
	font-weight: bold;
}
.catalog.eventinfo { text-align:left;  color:#666666; 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 {color:#000000}
.catalog.thead {color:#FFFFFF;}
.catalog.thead th {height: 1px;padding:2px 2px 2px 2px;background-image:none;  background-color:#FFFFFF; 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: #CCCCCC; text-align:left; color:#444444;   font-size: 12px; font-weight:normal; padding:5px;	}
.catalog.buybutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}



/* Calendrier liste des mois */
/* background-image:url("http://www.aparteweb.com/awconfig/PR08/theme/tab.png"); */
.calendar.month.selected {font-weight:bold;background-color:#ffffff; border-color:#000000; color:#000000; border-style: solid ; border-width:1px;border-color: #666666;}
.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;    color: #666;	line-height: 30px;	width: 110px;}
.calendar .month a {  color: #000000;}

/* Calendrier */
.calendar table {width:100%; border-collapse: separate;}
.calendar.thead {background-color:#FFFFFF;border-color:#000000;color:#000000;}
.calendar thead {color:#FFF;}
.calendar thead th {padding:2px 2px 2px 2px;  background-color:#000000;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:normal; color:#990000; padding:0 5px; font-size:12px; font-family: Arial, Helvetica, sans-serif;text-align:center;width: 45px;}
.calendar.info{ text-align:left;  color:#555555;   font-size: 14px; font-weight: normal;}
.calendar.infodiv { width: 80%; text-align:left;}
.calendar.backbutton  { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}

/* Login */
.login.createbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.login.loginbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.login.panel { text-align:left; color:#000;   font-size: 14px;    font-weight: normal;}
.login.panel.contener { padding:8px 8px 8px 8px; color:#009;   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 {color:#555555;  font-size: 14px;    font-weight: normal; text-align:left; position:relative; width: 60%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif; }
.identity.validbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.identity.backbutton { color:#990000;   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:#009;   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 }
.identity.property { text-align:left; color:#550000;  font-family:Arial,Helvetica,sans-serif;font-size:12px }

/* Info catalog */
.infocatalog {  width: 80%; text-align:left; }
.infocatalog.catalog { color: #b63440; font-family:Arial,Helvetica,sans-serif;font-size:18px }
.infocatalog.seance{ color:#b63440; font-family:Arial,Helvetica,sans-serif;font-size:14px }
.infocatalog.link{ color: #66FFFF; 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 {padding:2px 2px 2px 2px;   background-color:#000000; text-align: center;}
.categories tbody { background-color: #F9F9F9;}
.categories.info { text-align:left;  color:#FFFFFF;   font-size: 14px; font-weight: normal;}
.categories.infodiv { width: 80%; text-align:left;}
.categories.categ {border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0; text-align:left; color:#444444;   font-size: 12px; font-weight:normal;	}
.categories.tarif {border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#444444;   font-size: 12px; font-weight:normal;	}
.categories.montant {border-bottom-style: inset; border-bottom-width:1px;border-bottom-color:#C0C0C0;text-align:right; 	}
.categories.nombre { text-align:center; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color:#C0C0C0;}
.categories.prix {color:#444444;   font-size: 13px; font-weight:bold;	}
.categories.frais{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-color:#EEEEEE; }
/*
.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:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.backbutton {  color:#990000;   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:11px }

.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;}

/* 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:#ffffff;text-align:right;font-size: 14px; font-weight:bold; 	}
.delivery.tbottom.value {color:#990000;text-align:right;font-size: 16px; font-weight:bold; background-color: #FFFFFF;border-style: solid ; border-width:1px;border-color: #999999;	}
.delivery.thead th {padding:2px 2px 2px 2px;   background-color:#000000;text-align: center;  }
.delivery.tbody {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:#550000;   font-size: 12px; font-weight: bold;}


/* Order */
.order.table {width:80%; border-collapse: separate;}
.order.thead {background-color:#FFFFFF;border-color:#000000;color:#000000;color:#FFF;}
.order.tbottom {padding:8px 8px 2px 2px;   text-align: right; color:#000; }
.order.tbottom.text {color:#222222;text-align:right;font-size: 14px; font-weight:bold; 	}
.order.tbottom.value {color:#990000;text-align:right;font-size: 16px; font-weight:bold; background-color: #FFFFFF;border-style: solid ; border-width:1px;border-color: #999999;	}

.order.thead th {padding:2px 2px 2px 2px;   background-color:#000000;text-align: center;  }
.order.tbody {padding:2px 4px 2px 2px; background-color: #F9F9F9; }
.order.info  { text-align:left;  color: #000;   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:#990000; font-size: 16px; font-weight:bold;}
.order.catalog {text-align:right; color:#111111; font-size: 12px; font-weight:bold;}
.order.catalog.header {background-color: #FFFFFF; padding:8px 8px 8px 8px; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;border-top-style: inset; border-top-width:1px;border-top-color:#C0C0C0;text-align:left; color:#111111; font-size: 14px; font-weight:normal;}
.order.catalog.delheader {background-color: #FFFFFF; padding:8px 8px 8px 8px; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;border-top-style: inset; border-top-width:1px;border-top-color:#C0C0C0;text-align:right; color:#444444; font-size: 14px; font-weight:normal;}
.order.article {text-align:right; color:#666666; font-size: 11px; font-weight:normal;}
.order.montant {text-align:right;font-size: 12px; font-weight:bold; 	}
.order.nombre { text-align:right;font-size: 12px; font-weight:normal; }
.order.prix {text-align:right; color:#000000;   font-size: 12px; font-weight:normal;	}
.order.frais{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.error { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:11px }
.order.validdiv { position:relative; width: 80%;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px }
.order.validbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.order.backbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.style1 { color:#ffffff;}
.style2 { color: #000000;}
.customerorder { color:#ffffff;}
.customerorder.btnEditIdentity { color:#000;}
.customerorder.btnBuyTickets { color:#000;}