﻿/* Nouvelles balises 04/2009 */
.login.text {}
.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;}

/* 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:#00202B;}*/
#body {background-color:#FFFFFF}

/* Menu haut */
/*background-image:url("http://www.aparteweb.com/awconfig/PR08/theme/top.png");*/
.top.menu{background-color:#990000;border-color:#FFFFFF;color:#FFFFFF;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:#FFFFFF;text-align: right;font-size:13px;}

/* 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;}

/* 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:#990000;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:#FFFFFF font-size: 16px; font-weight:bold;}*/
.catalog.title { text-align:left;  color:#552222; font-size: 16px; font-weight:bold;}
.catalog.event {
	text-align: left;
	color:#552222;
	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:10px;	}
.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:#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 {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:#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 }
.identity.property { text-align:left; color:#550000;  font-family:Arial,Helvetica,sans-serif;font-size:12px }

.identity.photodesc1 { text-align:left;  font-family:Arial,Helvetica,sans-serif;font-size:12px }
.identity.photodesc2 { text-align:left;  font-family:Arial,Helvetica,sans-serif;font-size:12px }
.identity.infostitle { font-weight: bold; font-size: 12px; }

/* Tableau des propriétés avec groupe */
.properties.tabcontener { width:100%; }
.properties.tdcontener { width:50%; vertical-align:top; }
.properties.tabpropertie { width:100%; border:1px solid; border-radius:10px; -moz-border-radius:10px; background-color:#FFFFFF border-color:gray; }
.properties.thpropertie { text-align:left; }
.properties.tdpropertie { text-align:left; }
.properties.chkprop {  }
.properties.tdlabel {  }
.properties.txtpropertie {  }

/* Info catalog */
.infocatalog {  width: 80%; text-align:left; }
.infocatalog.catalog { color:#111111; font-family:Arial,Helvetica,sans-serif;font-size:18px }
.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 {padding:2px 2px 2px 2px;   background-color:#000000; text-align: center;}
.categories tbody { background-color: #F9F9F9;}
.categories.info { text-align:left;  color:#555555;   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:#000000;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; }
.order.tbottom.text {color:#000000;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:#555555;   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.error2 { text-align:left; color:#DE0000;  font-family:Arial,Helvetica,sans-serif;font-size:1px }
.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;}

.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:25%; padding:5px;  }
.order.cp.div { width:45%; border:1px solid; border-radius:10px; -moz-border-radius:10px; background-color:#E1E1E1; border-color:gray;}
.order.cp.divparent { width:100%; padding:10px; }
.order.cp.inputtext { width:100%; }
.order.cp.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.cp.tderror{text-align:center;}

/* Abo libres */
.abo.libelleform { color:#000000; font-size: 14px; }
.abo.libelleformminmax { color:#FFFFFF font-size: 14px; }
.abo.panelgroup fieldset { border:0; }
.abo.panelgroup legend { color:#FFFFFF }