﻿/* Page */
#page {text-align:left; position:relative; width: 800px;margin:0 auto 0 auto;font-family:Arial,Helvetica,sans-serif;font-size:12px; }
#body {background-color: #273134; background-image: url("./bg-body.png");background-repeat: repeat-x;background-position: 0 -170px;}
#page > a img{display:none;}


/* Nouvelles balises 04/2009 */
.login.lotext {}
.identity.cnil.text { font-size: 12px;  color:#FFFFFF;}
.identity.select { font-size: 12px; }
.identity.property { font-size: 12px;  color:#FFFFFF;}
.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;color:#FFFFFF;}
.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;}
.categorie.info { font-size: 12px;  color:#000000;}
.catalog.searchbutton { text-align:left;  font-size: 12px; font-weight: bold;}


/* Menu haut */
/*.top.menu{ vertical-align:middle; background-image:url("headertop.png");background-color:#990000;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;}*/

/* NEW TOP MENU NON RESPONSIVE */
.top.menu{background-color:#990000; border-color:#FFFFFF;color:white;overflow: hidden;}

.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: white; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}

.top.menu a:hover {background-color: #ddd; color: black; }
.top.menu a.active {background-color: #000000; color: white; }


/* Menu bas */
/*.bottom.menu{ vertical-align:middle; background-image:url("headertop.png");background-color:#990000;border-color:#FFFFFF;color:#000000;height: 23px}
.bottom.menu{background-color:#fff;border-color:#FFFFFF;color:#444444;height: 23px;  margin-left: 1px;margin-right: 1px;}
.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;}*/

/* NEW BOTTOM MENU NON RESPONSIVE */
.bottom.menu{background-color:#990000; border-color:#FFFFFF;color:#000000;overflow: hidden;}

.bottom.menu a{float: left; color: white; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}

.bottom.menu span{float: right; color: white; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}

.bottom.menu a:hover {background-color: #ddd; color: black; }
.bottom.menu a.active {background-color: #990000; color: white; }

#AW_lblINF101 { color: white;}

/* 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:white; 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;color:white;}
.step li.actualstep {font-weight:bold;background-color:#990000;border-color:#000000;color:black; }
#stepConfirm{background-image:url("./headertop.png")}
#stepIdentity{background-image:url("./headertop.png")}
#stepPaiement{background-image:url("./headertop.png")}
#stepReserv{background-image:url("./headertop.png")}
#stepOrder{background-image:url("./headertop.png")}
#stepSeance{background-image:url("./headertop.png")}

/* Abonnement */
#Li9 {background-image:url("./headertop.png")}
#Li10 {background-image:url("./headertop.png")}
#Li11 {background-image:url("./headertop.png")}
#Li12 {background-image:url("./headertop.png")}
#Li13 {background-image:url("./headertop.png")}


/* Catalogue */
.catalog.info { text-align:left;  color:#045E93; font-size: 11px; font-weight: normal;}
.catalog.title { text-align:left;  color:#FFFFFF; font-size: 18px; font-weight:normal;}
.catalog.event {text-align: left;color: white;font-size: 16px;font-weight: bold;}
.catalog.eventinfo { text-align:left;  color:white; font-size: 11px; font-weight: normal;}
.catalog.eventalert { text-align:left;  color:#003366; font-size: 16px; font-weight: normal;}


.catalog {}
.catalog table {width:100%; border-collapse: separate;color:#FFFFFF;;background-color:#273134}
.catalog.thead {color:#273134;}
.catalog.thead th {height: 5px;padding:2px 2px 2px 2px;background-image:none;  background-color:#273134; 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:5px;border-bottom-color: #C0C0C0;text-align:left;  color:white;   font-size: 12px; font-weight:normal; height:70px; background-color:#273134; }
.catalog.buybutton {color:#003366;   font-size: 13px;    font-weight: normal; height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.catalog.searchlabel {text-align:left;  color:#FFFFFF; font-size: 13px; font-weight:normal;}
.catalog.cellbtn{border-bottom-style: INSET; border-bottom-width:5px;border-bottom-color: #C0C0C0;text-align:left;  color:#444444;   font-size: 12px; font-weight:normal; background-color:#273134; }



/* Calendrier liste des mois */
.calendar.month.selected {background-image:url("./headertop.png"); background-repeat:repeat-x;font-weight:bold;background-color:white;  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 1px 10px;    text-decoration: none;    	line-height: 30px;	width: 110px;}
.calendar .month a {  color: #FFFFFF;}



/* Calendrier */
.calendar table {width:100%; border-collapse: separate;}
.calendar.thead {background-color:#FFFFFF;border-color:#000000;color:#000000;}
.calendar thead {color:#00000;}
.calendar thead th {background-image:url("./headertop.png");height: 19px;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: 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;color;}
.calendar.backbutton { color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.calendar.info { color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;font-size:18px ;font-weight:normal;}



/* 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:#FFFFFF;   font-size: 14px;    font-weight: normal;}
.login.panel.contener { padding:8px 8px 8px 8px; color:#FFFFFF;   font-size: 11px;    font-weight:normal;}
.login.error { text-align:right; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:11px }

 legend {color:#FFFFFF;}



/* 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:white; font-family:Arial,Helvetica,sans-serif;font-size:20px ;font-weight:normal;}
.infocatalog.seance{ color:white; font-family:Arial,Helvetica,sans-serif;font-size:14px }
.infocatalog.link{ color:#FFFFFF; font-family:Arial,Helvetica,sans-serif;font-size:12px }


.tablegend {color:white;}

/* Catégories */
.categories {}
.categories table {width:80%; border-collapse: separate;}
.categories.thead {background-color:#FFFFFF; border-color:#FFFFFF; color:#FFFFFF;}
.categories.thead {color:#000000;}
.categories.thead th {background-image:url("./headertop.png");height: 19px;padding:2px 2px 2px 2px;   background-color:#FFFFFF; text-align: center;}
.categories tbody {background-color:#FFFFFF; background-image:url("./backtab.png"); background-repeat:repeat-x;}
.categories.info { text-align:left; color:white; 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:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center; width:170px;}
.categories.backbutton {  color:#003366;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center; width:170px; }
.categories.error { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:14px; 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:20px; height:80px; }
.categories.tablerate {width:100%;}


.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:#000000;}
.order.tbottom {padding:8px 8px 2px 2px;   text-align: right;color:white;}
.order.tbottom.text {color:#FFFFFF;text-align:right;font-size: 14px; font-weight:normal; 	}
.order.tbottom.value {border: 1px solid #999999; background-image:url("./headertop.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("./headertop.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:#FFFFFF;   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; width:80px; }
.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.countdown{ text-align:right; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:12px ; font-weight:bold; }
.order.tbottom.textTotalNb { color:white; }
.order.tbottom.valueTotalNb { color:white; }
.order.tbottom.textTotalAmount { color:white; }
.order.tbottom.valueTotalAmount { color:white; }


/* Order abos libres */
.orderabos.abotitle { color:#FFFFFF; }
.orderabos.table {width:80%; }
.orderabos.tabledetail {width:80%; border-collapse:collapse; }


/* Abo libres */
.abo.libelleform { color:white; font-size: 14px; }
.abo.description { color:white; font-size: 12px; }
.abo.formtab { color:white; font-size: 12px; }
.abo.categories.table { background-color:white; border-style:none; padding:0px; }
.abo.categories.thead {}
.abo.categories.thead th {}
.abo.cellcategories { border-style:none; padding:0px;}
.abo.label { color:#045E93;}
.abo.labelcc { color:#045E93; }
.abo.ranksite {  color:#045E93; font-size:10px; }
.abo.amount { color:#045E93; }
.abo.libimposee { color:#FFFFFF;  font-weight:bold; }
.abo.garbageimg { background: url(garbage.png) no-repeat 0 0; border: 0; height:22px; width:22px; }
.abo.garbagebtn {}

.abo.rate.headerlib { color:white;}
.abo.rate.headernb { color:white;}
.abo.rates.val { color:white;}
.abo.libelleformminmax { color:white;}


/* code promo */
.order.cp.table { width:100%; }
.order.cp.img { width: 20%; text-align:center;}
.order.cp.code { width:55%; padding:10px; }
.order.cp.lib { padding:3px; text-align:left; vertical-align:middle;  }
.order.cp.btn { text-align:left; width:100%; padding:5px;  }
.order.cp.div { width:50%; border:1px solid; border-radius:10px; -moz-border-radius:10px; background-color:#E1E1E1; border-color:gray;}
.order.cp.divparent { width:100%; padding:5px; }
.order.cp.inputtext { width:100%; }
.order.cp.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.cp.tderror{text-align:center;}

/*Produit*/
.product.thead.th { text-align : center; }
.products.libelle {background-color: #d6d1d1; text-align : center;}
.products.montant {background-color: #d6d1d1; text-align : center; }
.products.nombre {background-color: #d6d1d1; text-align : center; }

/*Chèque cadeau*/
.order.kdo.div { width:60%; border:1px solid; border-radius:10px; -moz-border-radius:10px; background-color:#E1E1E1; border-color:gray;}
.order.kdo.table {width:100%;}


/* BIDOUILLE */
.viewvenue table {color:white;}
.viewvenue.info {width:160px;}
#sb-body-inner {background-color: white;color: black;1.	}
