/* BLOCK */
.block {}
.block table {width:80%; border-collapse: separate;  }
.block.thead {background-color:#FFFFFF; border-color:#1a2a44; color:#1a2a44;}
.block.thead {color:#FFF;}
.block.thead th {background-image:url("./calendartop.png");height: 30px;padding:0px 0px 0px 0px;  background-color:#FFFFFF;text-align: center;  }
.block tbody { background-color: #FFFFFF;}
.block.categ {border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #1a2a44; text-align:left; color:#1a2a44;   font-size: 14px; font-weight:bold;	height:45px;}
.block.tarif {background-image:url("./calendartop.png"); border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #C0C0C0;text-align:center; color:#FFFFFF;   font-size: 14px; font-weight:bold;height:20px;	}
.block.montant {border-bottom-style: inset; border-bottom-width:0px;border-bottom-color:#C0C0C0;text-align:right;  color:#1a2a44; font-size: 14px; font-weight:bold;	}
.block.bloc {text-align:left; color:#1a2a44;   font-size: 14px; font-weight:bold;	}
.block.info {text-align:left; color:#1a2a44;   font-size: 14px; font-weight:normal;	}

/* Nouvelle mouture */
.categories.rowcateg { vertical-align:middle; text-align:center; color:#1a2a44;font-size:12px; font-weight:normal;	border-bottom-style: solid; border-bottom-width:2px;border-bottom-color:#c0c0c0 }
.categories.rowcateglib { vertical-align:middle; text-align:center; color:#1a2a44;font-size:16px; font-weight:bold;	border-bottom-style: solid; border-bottom-width:3px;border-bottom-color:#c0c0c0 }
.categories.rowcategcolor { vertical-align:middle; text-align:left; color:#1a2a44;font-size:12px; font-weight:normal;	border-bottom-style: solid; border-bottom-width:3px;border-bottom-color:#c0c0c0 }
.categories.commentrate {
    color: #777777 !important;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    padding: 10px;
}
.categories.tabcategcolor {
  width: 0px;
  height: 80px;
}
.categories.tablerate {width:100%;}

#aspnetForm.main {
  padding: 0 20px;
}

.categories.info.select.basket { display:none; text-align:center;  font-size: 12px; font-weight: bold;}
.main {
  background-color: #ffffff;
  padding: 0 0px;
}
fieldset {
  border: none;
}
#messageSL2 .categories.info.select {
    border: medium none;
}
/* Nouvelles balises 04/2009 */
.login.lotext, .login.panel.contener input {
  border: 1px solid #ccc;
  display: inline-block;
  margin: 10px 0;
  padding: 5px;
  width: 100% !important;
}
.identity.cnil.text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #444444;
    font-size: 12px;
    margin: auto;
    padding: inherit;
}
.identity.select { font-size: 12px; }
.identity.property { font-size: 12px;  color:#444444;}
.catalog.searchlabel {
    color: #1a2a44;
    font-size: 14px;
    text-align: left;
}
.catalog.searchtext {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
.order.acceptcgv {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  display: inline;
}
.order.boxconfirm .order.acceptcgv {
  display: inline;
}
.order.boxconfirm label {
  display: inline;
}
.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 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 5px;
    text-align: left;
}
.categories.info.select {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
.catalog.searchbutton {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
}

/* Page */
#page {
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: auto;
}
#body {
    background: #dedede url("/images/fondbg.jpg") repeat-x scroll 0 0;
    margin: 0 15%;
}
@media (max-width: 1600px) {
#body {
    margin: 0 10%;
}
} 
@media (max-width: 1400px) {
#body {
    margin: 0 5%;
}
} 
@media (max-width: 1200px) {
#body {
    margin: 0 0%;
}
} 
.main{background-color:#FFFFFF;}

#viewvenuepage {text-align:left; position:relative; width: 680px;margin:0 auto 0 auto;font-family:open sans;font-size:12px }
#viewvenuebody {background-color:#FFFFFF;}
.viewvenue.info { text-align:center;  color:#666666; font-size: 14px; font-weight: bold;}


.order.delseatbutton {cursor:pointer;height:16px;background:url('../../Default/delete.png') no-repeat top left;border:0px;width:16px;font-size:0px;}
.top.menu {
    background-color: #efefef;
    color: #1a2a44;
    height: auto;
    padding: 0 5px;
    text-align: center;
}
/* 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{background-image:url("./calendartop.png");height: 18px;padding:2px 2px 2px 2px; background-color:#FFFFFF;text-align: center;color:#FFFFFF;  }
.top.menu ul {
    display: inline-block;
    height: auto !important;
    margin: 0;
    padding: 10px;
    text-align: right;
    width: 100%;
}
.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: #1a2a44;
    font-size: 13px;
    margin: 0 5px;
    text-align: right;
    text-transform: uppercase;
}
/* Menu bas */
.bottom.menu{width:990px;text-align: center;color:#1a2a44;  }
.bottom.menu{background-color:#ffffff;border-color:#ffffff;color:#1a2a44;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:#1a2a44;text-align: right;font-size:13px;}

/* NEW TOP MENU */
.top.menu{background-color:#efefef; border-color:#efefef;color:#1a2a44;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: #1a2a44; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.top.menu a:hover {
  background-color: #4087ff;
  color: white;
}
.top.menu a.active {background-color: #c2211c; color: white; }
 
/* NEW BOTTOM MENU */
.bottom.menu{background-color:#1a2a44; border-color:#FFFFFF;color:#FFFFFF;overflow: hidden;}
.bottom.menu a{float: left; color: #FFFFFF; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.bottom.menu span{float: right; color: #f2f2f2; 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: #4CAF50; color: white; }

/* Etapes */
.step {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.step ul {
  background: #e8f0ff none repeat scroll 0 0 !important;
  display: inline-block;
  height: auto;
  margin: 20px 0 10px;
  padding: 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
.actualstep .step.li.label {
    color: #fff;
}
.step li {
  background-position: center top;
  background-repeat: no-repeat;
  border-color: #1a2a44;
  color: #1a2a44;
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.step li.actualstep > span#triongle {
    border-color: transparent transparent transparent #fff;
}
.step.li.label {
  color: #1a2a44;
  cursor: default;
  display: inline-block;
  font-size: 1rem;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  text-decoration: none;
  width: auto;
}a
.step li > span#triongle {
    border-color: transparent transparent transparent #4087ff;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    display: inline-block;
    height: 0;
    line-height: 0;
    margin: 0 10px 0 0;
}
.step li.actualstep {background-image:url("");background-repeat:repeat-x; font-weight:bold;background-color:#4087ff;color:#FFF; }
#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:#1a2a44; font-size: 9px; font-weight: normal;}
.catalog.title {
    border-bottom: 2px solid #4087ff;
    color: #1a2a44;
    font-size: 18px;
    font-weight: lighter;
    padding: 0 0 10px;
    text-align: left;
}
.catalog.event {
    color: #4087ff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px !important;
    text-align: left;
}
.catalog.event:hover{
    color: #1a2a44;

}
.catalog.eventinfo {
    color: #1a2a44;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}
.catalog.eventinfo2 { text-align:left;  color:#666666; font-size: 12px; font-weight: normal;}
.catalog.eventalert { text-align:left;  color:#003366; font-size: 16px; font-weight: normal;}
.catalog {}
.catalog table {
    border-collapse: separate;
    width: 100%;
}
//.catalog.thead {color:#1a2a44}
//.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 tbody {background-color: #FFFFFF;}


.catalog.cell {text-align:left; color:#444444;   font-size: 12px; font-weight:normal; padding-left:10px;	}
.catalog.cell img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    height: auto;
    padding: 5px;
    width: 15vw;
}
@media (max-width: 1280px) {
.catalog.cell img {
    width: 30vw;
}
}
@media (max-width: 720px) {
.catalog.cell img {
    width: 40vw;
}
}
@media (max-width: 640px) {
.catalog.cell img {
    width: 30vw;
}
}
//.catalog.buybutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.catalog.buybutton {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.catalog.buybutton:hover {
    background: #4087ff none repeat scroll 0 0;
}
/* Calendrier liste des mois */
/* background-image:url("http://www.aparteweb.com/awconfig/PR08/theme/tab.png"); */
.calendar.month.selected {
  background-color: #ffffff;
  border-color: #1a2a44;
  border-style: solid;
  border-width: 3px;
  color: #1a2a44;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 10px !important;
  padding: 0 20px;
  transition: all 0.3s ease 0s;
  width: auto;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.calendar.month.selected:hover {
    background-color: #4087ff;
    border-color: #4087ff;
    border-style: solid;
    border-width: 3px;
    color: #ffffff;
}
.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: #1a2a44;}

/* Calendrier */
.calendar table {width:100%; border-collapse: separate;}
.calendar.thead {background-color:#FFFFFF;border-color:#1a2a44;color:#1a2a44;}
.calendar thead {color:#FFF;}
.calendar thead th {padding:2px 2px 2px 2px;  background-color:#1a2a44;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 {
    background-color: #eee;
    border-bottom: 1px solid #c0c0c0;
    color: #909090;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 10px 5px;
    width: 100%;
}
.calendar tbody .seance h5 { color:#1a2a44; }
.calendar .seance div {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin: 5px 0;
    text-decoration:line-through;
}
.calendar .seance div a {
  background: #1a2a44 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-family: open sans;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  border-radius: 20pc;
  font-weight: bold;
}
.calendar .seance div a {
    background: #1a2a44 none repeat scroll 0 0;
    transition: all 0.3s ease 0s;
}
.calendar .seance div a:hover {
    background: #4087ff none repeat scroll 0 0;
}
.calendar .seance select {
	color:#1a2a44;
}
.calendar .seance input 
{
	color:#1a2a44;
}
.calendar.info{ text-align:left;  color:#1a2a44555;   font-size: 14px; font-weight: normal;}
.calendar.infodiv {
    text-align: left;
    width: 100%;
}
.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 {
  background-color: #efefef;
  color: #1a2a44;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  width: auto !important;
  margin: 0;
}
.login.lopanel.locontener {
  color: #1a2a44;
  font-size: 1rem !important;
  font-weight: normal;
  padding: 0;
  text-align: justify;
}
.login.error { text-align:right; color:#FF0060;  font-family:open sans;font-size:11px }

/* Identity */
.identity.panel {
  background-color: #fff;
  color: #1a2a44;
  font-family: open sans;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 100%;
  padding: 15px;
}
.identity.validbutton {
  background: #4087ff;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  border-radius: 20px;
}
.identity.backbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.identity.contener {
    color: #1a2a44;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
}
.identity.idlabel { font-size: 14px;  color:#1a2a44;}
.identity.idtext, .identity.text {
  background-color: #ffffff;
  border: 1px solid #ccc;
  color: #1a2a44;
  font-size: 14px;
  margin: 10px 0;
  padding: 5px 10px;
  width: 100% !important;
}
/*.identity.contener tr:hover {
    background: #f5f5f5 none repeat scroll 0 0;
	padding:10px;
}*/
.identity.validdiv {text-align:right; position:relative; width: 60%;margin:0 auto 0 auto;font-family:open sans;font-size:12px }
.identity.cnildiv {
  font-family: open sans;
  font-size: 12px;
  margin: 20px auto;
  position: relative;
  text-align: center;
  width: 90%;
}
a.identity.cnil.text {
    color: #4087ff;
}
.properties.chkprop > label {
    display: inline;
    padding: 10px;
    vertical-align: middle;
}
.identity.error { text-align:left; color:#FF0060;  font-family:open sans;font-size:10px }
.identity.property { text-align:left; color:#550000;  font-family:open sans;font-size:12px }

/* Info catalog */
.infocatalog {
    margin: 0 0 5px;
    text-align: left;
    width: 100%;
}
#ctl00_ContentPlaceHolderAW_LblCoord, #ctl00_ContentPlaceHolderAW_LabelIdentifiants, #ctl00_ContentPlaceHolderAW_lblpwdinfo1 {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #1a2a44;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal !important;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
}
.infocatalog.catalog, .customerorder.yourorders {
  color: #1a2a44;
  display: inline-block;
  font-size: 25px;
  font-weight: 200 !important;
  margin-bottom: 15px;
  text-align: left;
}
.infocatalog.seance {
    background-color: #4087ff;
    color: #fff;
    display: inline-block;
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 20px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
.infocatalog.link{ color:#1a2a44; font-family:open sans;font-size:12px }

/* Catégories */
.categories {}
.delivery.table {
    border-collapse: separate;
    margin: 0;
    width: 100%;
}
.categories.thead {background-color:#FFFFFF; border-color:#1a2a44; color:#1a2a44;}
.categories.thead {color:#FFF;}
//.categories.thead th {padding:2px 2px 2px 2px;   background-color:#1a2a44; text-align: center;}
.categories.thead th, .order.thead th {
    background-color: #232323;
    background-image: url("");
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-weight: normal;
    height: auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.categories tbody { background-color: #FFF;}
.categories.info {
  color: #1a2a44;
  font-size: 14px !important;
  font-weight: bold;
  text-align: left;
}
.categories.infodiv {
    text-align: left;
    width: 100%;
}
.categories.categ {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color: #C0C0C0; text-align:left; color:#1a2a44;   font-size: 12px; font-weight:bold; vertical-align:middle;	}
.categories.tarif {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#1a2a44;   font-size: 12px; font-weight:bold; padding:5px;	}
.categories.montant {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color:#C0C0C0;text-align:center; padding:5px; 	}
.categories.nombre { text-align:center; border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color:#C0C0C0; padding:5px;}
.categories.prix {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.categories.frais{color:#777777;   font-size: 11px; font-weight:normal;	}
.cat.validdiv {
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.categories.validdiv tbody { background-color:#EEEEEE; }
/*
.categories.validbutton { color:#FFF; font-family:open sans;font-size:16px;font-weight:normal;width:300px; vertical-align:middle; display:inline-block; text-align:center;background-color:#4087ff;  }
//.categories.validbutton { cursor: pointer; border : solid 1px #e6e6e6;	border-radius : 3px;	moz-border-radius : 3px;	font-size : 15px;	color : #1a2a44;	padding : 1px 17px;	background : #009bca;	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bca), color-stop(100%,#005a75));	background : -moz-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -webkit-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -o-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -ms-linear-gradient(top, #009bca 0%, #005a75 100%);	background : linear-gradient(top, #009bca 0%, #005a75 100%);	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bca', endColorstr='#005a75',GradientType=0 );}
//.categories.backbutton {  color:#1a2a44555;   font-size: 14px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.backbutton { cursor: pointer; border : solid 1px #e6e6e6;	border-radius : 3px;	moz-border-radius : 3px;	font-size : 15px;	color : #1a2a44;	padding : 1px 17px;	background : #009bca;	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bca), color-stop(100%,#005a75));	background : -moz-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -webkit-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -o-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -ms-linear-gradient(top, #009bca 0%, #005a75 100%);	background : linear-gradient(top, #009bca 0%, #005a75 100%);	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bca', endColorstr='#005a75',GradientType=0 );}
*/
.categories.error { text-align:left; color:#FF0060;  font-family:open sans;font-size:13px;font-weight:bold; }

.retrait.info { text-align:left;  color:#1a2a44555;   font-size: 11px; font-weight: normal;}
.retrait.checkbox { text-align:left;  color:#990000;   font-size: 12px; font-weight: bold;}

/* delivery */
.delivery.table {
    border-collapse: separate;
    width: 100%;
}
.delivery.thead {background-color:#efefef;border-color:#1a2a44;color:#fff;}
/*.delivery.thead {background-image:url("");height: 19px;padding:2px 2px 2px 2px;  background-color:#232323;text-align: center; color:#FFF;  }*/
.delivery.tbottom {padding:8px 8px 2px 2px;   text-align: right; }
.delivery.tbottom.text {color:#1a2a44;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 {
  background-color: #4087ff;
  border: medium none;
  padding: 10px 20px;
  text-align: left;
  font-size: 14px;
}
.delivery.tbody {padding:2px 4px 2px 2px; background-color: #efefef;text-align: left; }
.delivery.row {
    background-color: #f4f4f4 !important;
    padding: 10px 5px 10px 20px;
    text-align: left;
}
.delivery.info {
  text-align: left;
  color: #4087ff;
  font-size: 11px;
  font-weight: normal;
}
.delivery.checkbox { text-align:left;  color:#1a2a44;   font-size: 14px; font-weight: bold;}
.delivery.thead > span {
    font-weight: normal;
    text-transform: uppercase;
}

/* Order */
.order.table {
    border-collapse: separate;
    width: 100%;
}
.order.thead {background-color:#FFFFFF;border-color:#1a2a44;color:#1a2a44;color:#FFF;}
.order.tbottom {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}
.order.tbottom.text {color:#1a2a44;text-align:right;font-size: 14px; font-weight:bold; 	}
.order.tbottom.value {color:#F96E1D;text-align:right;font-size: 16px; font-weight:bold; background-color: #FFFFFF;border-style: solid ; border-width:1px;border-color: #999999;	}

.order.thead th {
    background-color: #232323;
    background-image: url("");
    border: 1px solid #333;
    font-size: 15px;
    height: auto;
    padding: 10px;
    text-align: center;
}
.order.tbody {
    background-color: #ffffff;
    padding: 2px 4px 2px 2px;
}
.order.info {
  color: #1a2a44;
  font-size: 25px;
  font-weight: 200 !important;
  text-align: left;
  text-transform: uppercase;
}
.order.infodiv {
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    text-align: left;
    width: 100%;
}
.order.empty {padding:8px 8px 8px 8px; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#1a2a44; font-size: 16px; font-weight:bold;}
.order.catalog {
    color: #1a2a44;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
.order.catalog.title {
  color: #1a2a44;
  display: inline-block;
  font-size: 20px;
  font-weight: 200;
  margin: 0 0 20px !important;
  text-align: right;
}
/*.order.catalog.date {text-align:right; color:#4087ff; font-size: 14px; font-weight:normal;}*/
.order.catalog.date {
    background-color: #232323;
    color: #fff;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 2px 10px;
    text-align: left !important;
    vertical-align: middle;
    width: auto;
}
/*.order.catalog.address {text-align:right; color:#4087ff; font-size: 14px; font-weight:normal;}*/
.order.catalog.address {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #1a2a44;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    text-align: left !important;
    vertical-align: middle;
    width: auto;
}
.order.catalog.delivery {text-align:right; color:#1a2a44; font-size: 14px; font-weight:normal;}
.order.catalog.header {
    background-color: #ffffff;
    border-bottom: 1px inset #c0c0c0;
    border-top: 1px inset #c0c0c0;
    color: #111111;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    text-align: left !important;
}
.order.catalog.delheader {
    background-color: #ffffff;
    border-bottom: 1px inset #c0c0c0;
    border-top: 1px inset #c0c0c0;
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    text-align: right;
    vertical-align: middle;
}
.order.article {text-align:center; color:#4087ff; 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:#1a2a44;   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: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}
.order.boxconfirm {
  margin: 0 0 20px;
}
.order.error {
  color: #ff0060;
  display: block;
  font-family: open sans;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.order.validdiv {
    font-family: open sans;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#ctl00_SecondFormular > form {
    margin: 10px 0;
    text-align: left !important;
}
.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.paybutton { cursor:pointer;border:0px;display:block;color:#FFFFFF;font-size:14px; font-weight:normal;background-color:#C00000;padding-top:10px; padding-bottom:10px; margin-bottom:100px;text-align:center;min-width:200px;height:35px;}
//.order.paybutton:before{visibility:visible; content:'Accéder au paiement sécurisé';}

//.order.delbutton,.login.createbutton ,.login.loginbutton ,.identity.validbutton {cursor:pointer;height:auto;border:0px;display:block;color:#FFFFFF;font-size:11px;font-weight:bold;background:url(./boutonOrMini.png) no-repeat top left;padding:6px 0px 4px 0px;text-align:center;width:141px;height:25px;}
//.order.modifybutton, .order.delbutton,.login.createbutton ,.login.loginbutton ,.identity.validbutton {cursor:pointer;border:0px;display:block;color:#FFFFFF;font-size:11px;font-weight:bold;background-color:rgb(55, 182, 211);padding:6px 0px 4px 0px;text-align:center;min-width:200px;height:25px;}
.order.delbutton, .login.createbutton, .login.loginbutton, .identity.backbutton, .calendar.backbutton, .order.backbutton, .order.validbutton, .categories.validbutton, .categories.backbutton {
    background-color: #4087ff;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    min-width: 200px;
    padding: 5px 20px;
    text-align: center;
}
/* Catalogue */
.catalog.cell {color:#FFFFFF;border-bottom:none; url(./separateurPointille.png) repeat-x bottom left;padding:10px 0px 10px 0px}
.catalog.thead th {background-color:transparent}
.catalog table {
    width: 100%;
}
.catalog.cell {
    padding: 20px 10px 20px 0;
}
.catalog.thead.th {display:none}

/*Carte */
.categories.AW_IDlblloyalty { background-color:@efefef; width:350px; height:50px; }

/* code promo */
.order.cp.table { width:100%; }
.order.cp.img {
    text-align: center;
    width: 0 !important;
}
.order.cp.code {
    padding: 7px 0 !important;
    width: 100% !important;
}
.order.cp.lib { padding:3px; text-align:left; vertical-align:middle; font-weight:bold;  }
.order.cp.inputtext, .order.kdo.inputtext {
    border: 1px solid #ccc;
    margin: 5px 0 !important;
    padding: 5px 10px !important;
    width: 100% !important;
    min-width: 100px;
}
.order.cp.div {
    background-color: #efefef;
    border: none!important;
    border-radius: 10px;
    width: 100% !important;
}
.order.cp.divparent {
    padding: 5px;
    width: 60% !important;
    margin: 0 auto;
}
.order.cp.inputtext { width:100%; }
.order.cp.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.cp.tderror{text-align:center;}

/* cheque kdo */
.order.kdo.table { width:100%; padding:5px; }
.order.kdo.img { width: 20%; text-align:center;}
.order.kdo.code { width:55%; padding:10px; }
.order.kdo.lib { padding:10px; text-align:center; vertical-align:middle; font-weight:bold;  }
.order.kdo.btn {
    padding: 5px 20px !important;
    text-align: left;
    width: 100%;
}
.order.kdo.div {
    border: medium none !important;
    border-radius: 10px;
    width: 100% !important;
    background: #f2f2f2 !important;
}
.order.kdo.divparent {
    padding: 5px;
    width: 60% !important;
    margin: 0 auto;
}
.order.kdo.inputtext { width:50%; }
.order.kdo.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.kdo.tderror{text-align:center;}

.identity.infostitle { display:none; }
 
/* Properties */
.properties.tdcontener {
    background-color: #ffffff;
    border-color: #4087ff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px;
    width: 100%;
}
.properties.thpropertie {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.properties.chkprop {}
.properties tdlabel {font-size:14px; margin-right:10px;}
.properties.tabpropertie {font-size:14px;}
.properties.txtpropertie {font-size:14px; margin-left:10px;}

/* ABONNEMENTS OUVERTS */
.abo.rates.tab {width:400px;}
.abo.rate.headerlib {}
.abo.rate.headernb {}
.abo.rates.row {
  display: table-row !important;
}
.abo.rates.cell {}
.abo.rates.nb {}
.abo.rates.comment {}
.abo.panelgroup {}
.abo.categories.table {}
.abo.categories.thead th {}
.abo.categories thead {}
.abo.cellcategories {}
.abo.label {}
.abo.labelcc {}
.abo.ranksite{}
.abo.amount {}
.abo.garbageimg {}
.abo.garbagebtn {}
.abo.btnseat {}
.abo.paneltotal {}
.abo.table.total {}
.abo.row.total {}
.abo.cell.totalnblib {}
.abo.cell.totalnb {}
.abo.cell.totalspace {}
.abo.cell.totalamountlib {}
.abo.cell.totalamount {}

/* Products */
.products.nombre {text-align:center;}
.products.montant {text-align:center;}
.products.libelle {text-align:center;}

.catalog.cellbtn {
    padding: 20px 0;
    text-align: right;
}
.catalog.eventinfo2 strong {
    display: inline-block;
    font-weight: normal;
    padding: 5px;
}
.catalog.eventinfo2 span {
    display: inline-block;
}
#aspnetForm div#messageSL {
    border: 1px solid #4087ff;
    color: #1a2a44;
    height: auto;
    margin: 0 0 30px;
    padding: 10px;
}
#silverlightControlHost {
    background: #1a2a44 none repeat scroll 0 0;
    margin: 20px auto;
    padding: 20px;
}
.categories.info > b {
    color: #4087ff;
    font-weight: bold;
    text-transform: uppercase;
}
#messageSL2 span {
    padding: 0 20px 0 0;
}
.categories.backbutton, .categories.validbutton, .calendar.backbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    color: #1a2a44;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    height: auto;
    margin: 0 0 20px;
    padding: 10px !important;
}
.categories.validbutton {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    border: 1px solid;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    height: auto;
    margin: 0 0 20px;
    padding: 10px !important;
    transition: all 0.3s ease 0s;
}
.categories.validbutton:hover {
    background: #4087ff none repeat scroll 0 0;
}
.delivery.row a.delivery.info {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}
.infocatalog .infocatalog.link {
  background: transparent;
  border: 1px solid #4087ff;
  color: #4087ff;
  display: inline;
  font-size: 14px;
  font-weight: 800;
  height: auto;
  margin: 10px 0 20px;
  padding: 10px 20px !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  border-radius: 50px;
}
.infocatalog .infocatalog.link:hover {
  color: #000;
  border: 1px solid #000;
}
.categories.tablecateg {
    margin: 10px 0 30px;
}
.calendar.table th {
    font-weight: normal;
    text-transform: uppercase;
}
.panel {
  background-color: #fff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px;
  box-shadow: inherit;
  margin-bottom: 20px;
  margin: 10px;
}
legend {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 0px;
  color: #1a2a44;
  display: inline-block;
  font-family: inherit;
  font-size: 21px;
  font-weight: lighter;
  line-height: inherit;
  margin-bottom: 0;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
}
.properties.tabcontener {
    width: 100%;
}
.identity.validdiv {
    font-family: open sans;
    font-size: 12px;
    position: relative;
    text-align: center;
    width: 90%;
}
label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}
.identity.contener td[width="30%"] {
    text-align: left;
    width: 40%;
}
.identity.contener td[style="width:30%;"] {
    text-align: left;
}
.identity.panel select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #1a2a44;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    padding: 5px;
    width: 100% !important;
}
.identity.contener td .identity.idlabel {
  display: inline-block;
  font-size: 1rem;
  height: 100%;
  margin: 10px 10px 0 0;
}
#ctl00_ContentPlaceHolderAW_bdday {
    margin: 0 20px 0 0;
    width: 20% !important;
}
#ctl00_ContentPlaceHolderAW_bdmonth {
	margin: 0 20px 0 0;
    width: 30% !important;
}
#ctl00_ContentPlaceHolderAW_bdyear {
    border: 1px solid #ccc;
    color: #1a2a44;
    padding: 5px 10px;
    width: 30% !important;
}
#ctl00_ContentPlaceHolderAW_lblidentitypwdinfo4 {
  border: 1px solid #ff0060 !important;
  color: #fff;
  background-color: #ff0060 !important;
  padding: 5px 10px;
  width: 100% !important;
}

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
    vertical-align: middle;
}
input:focus, optgroup:focus, select:focus, textarea:focus {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.login.lopanel.locontener td {
  text-align: left;
  width: auto;
}
.products.nombre > input {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px 10px;
}
.products {
    vertical-align: middle !important;
}

.order.catalog, .order.nombre, .order.montant, .order.prix, .order.article {
    padding: 15px;
    text-align: center !important;
}
select.order.catalogdeliv.deliverylist {
  border: 1px solid #ccc;
  color: #1a2a44;
  margin: 10px 0 10px 10px;
  padding: 10px 10px !important;
  width: auto;
}
.order.tbottom.valueTotalNb, .order.tbottom.valueTotalAmount {
    color: #4087ff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.order.modifybutton, .order.kdo.btn, .order.cp.btn, .customerorder.btnBuyTickets, .customerorder.btnViewPanier, .customerorder.btnEditIdentity, .order.btnDetailReturn, .order.delbutton, .login.createbutton, .login.loginbutton, .identity.backbutton, .calendar.backbutton, .order.backbutton, .order.validbutton, .categories.validbutton, .categories.backbutton, .order.paybutton {
  background-color: transparent;
  color: #4087ff;
  cursor: pointer !important;
  display: inline-block;
  font-size: 1rem !important;
  font-weight: 800;
  height: auto;
  margin: 5px 0;
  min-width: auto;
  padding: 10px 20px !important;
  text-align: center;
  text-transform: uppercase;
  width: auto !important;
  border: 2px solid #4087ff;
  border-radius: 50px;
}

.order.modifybutton:hover, .order.kdo.btn:hover, .order.cp.btn:hover, .customerorder.btnBuyTickets:hover, .customerorder.btnViewPanier:hover, .customerorder.btnEditIdentity:hover, .order.btnDetailReturn:hover, .order.delbutton:hover, .login.createbutton:hover, .login.loginbutton:hover, .identity.backbutton:hover, .calendar.backbutton:hover, .order.backbutton:hover, .order.validbutton:hover, .categories.validbutton:hover, .categories.backbutton:hover, .order.paybutton:hover {
  background-color: #4087ff;
  color: #ffffff;
}
.order.catalogdeliv.applybutton {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
}
span.order.catalog.address {
    margin: 0 0 10px;
    padding: 0;
}
.order.tbody td {
    padding: 10px;
}
span.order.catalog.title {
    padding: 20px 0;
    text-align: left !important;
}
span.order.catalog.delivery {
    padding: 0;
}
.order.acceptcgv > input[type="checkbox"], input[type="radio"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    margin: 0 10px 0 0;
}
#aspnetForm.main table {
    width: 100%;
}
.customerorder.getdetailbutton{
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 30px;
    text-transform: uppercase;
    transition: inherit;
}
.catalog.buybutton:hover {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: inherit;
}
.order.catalog.delheader .order.delbutton {
    /*position: absolute;*/
    right: 20px;
}
#aspnetForm.main .identity.contener table {
  width: 100% !important;
  display: table;
}
.identity.validdiv td {
    border-top: 1px solid #ccc;
    margin: 0 20%;
    padding: 20px 0 0;
    text-align: center;
}
.identity.panel .identity.contener td .identity.idlabel {
  margin: 10px 0;
  width: 100% !important;
}

.login.lopanel.locontener td .login.lolabel {
    display: inline-block;
    margin: 0 5px 0 0;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#messageSL2 a {
    color: #4087ff;
    font-weight: bold !important;
    white-space: nowrap;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 {
    margin: 20px 0 0;
}
#messageSL2 span.categories.info.select {
    font-size: 14px;
    font-weight: bold;
}
#aspnetForm div#messageSL {
    border: 0 none;
    color: #1a2a44;
    height: auto;
    margin: 0 0 30px;
    padding: 10px;
}
#aspnetForm div#legende {
    margin: 0 0 20px !important;
}
.customerorder.catalog.date {
    color: #4087ff;
    font-weight: lighter;
    font-size: 12px;
}
.customerorder.catalog.ordertitle {
    color: #373737;
    font-size: 14px;
}
.customerorder.catalog.amount {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.customerorder.catalog.bottom {
    background: #F7F7F7;
}
.login.panel.contener span {
    margin: 0 20px 0 0;
    font-weight: lighter;
    font-size: 14px;
}

.login.panel legend {
  padding: 0;
  font-size: 22px;
  font-weight: 800;
}
.login.panel.contener input.login.loginbutton {
    border: none !important;
    width: auto !important;
    padding: 5px 20px;
}
.order.cp.lib {
    font-weight: bold;
    padding: 10px 0 !important;
    text-align: left;
    vertical-align: middle;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 15px 0;
    vertical-align: top;
}
.order.cp.btn {
    padding: 5px 20px !important;
    text-align: left !important;
    width: auto !important;
}
.order.kdo.table {
    display: inline-block;
    padding: 0 0 !important;
    width: 100% !important;
    background: #f2f2f2 !important;
}
.order.separate {
    border: none;
}
@media (max-width: 640px) {
.order.cp.divparent {
    margin: auto;
    padding: 5px;
    width: 100% !important;
}
.order.kdo.divparent {
    margin: 0 auto;
    padding: 5px;
    width: 100% !important;
}
} 

/* PERSONNALISATION MONTICKET.RE */
#mapContainer.aparteMapContainer {
    border: medium none !important;
}
#aspnetForm div#legende {
    background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
    border-bottom: 20px solid #333;
    margin: 0 !important;
    padding: 20px;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    border-top: 20px solid;
    margin: 0;
    padding: 20px;
}
#messageSL2 span.categories.info.select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
#ctl00_ContentPlaceHolderAW_delivery tr td {
    background: #ffffff none repeat scroll 0 0 !important;
}
#divRecapMap.recapMap {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	height: auto;
	margin: 0;
	max-width: 500px;
	min-width: 300px;
	opacity: 1;
	padding: 0;
	width: min-content;
	z-index: 1000 !important;				  
}
#divRecapMap.recapMap #ok {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    color: white !important;
    cursor: pointer;
    float: left;
    font-weight: lighter;
    height: auto;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
	font-weight: bold;			   
}
#divRecapMap.recapMap #ok:hover {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: white !important;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: auto;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
}
#divRecapMap.recapMap #cancel {
    background: #ececec none repeat scroll 0 0;
    border: medium none;
    color: white;
    cursor: pointer;
    float: none;
    height: auto;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto;
	font-weight: bold;			   
}
#divRecapMap.recapMap #cancel:hover {
    background: #d0d0d0 none repeat scroll 0 0;
    border: medium none;
    color: white;
    cursor: pointer;
    float: none;
    height: auto;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto;
}
#divRecapMap.recapMap #divButtons {
    bottom: inherit;
    display: none;
    height: 25px;
    margin: 20px;
    position: static;
    right: inherit;
    text-align: right;
    width: auto;
}
#divRecapMap.recapMap #divCC {
    background-color: #ffffff;
    border-bottom: 1px dotted gray;
    color: white;
    font-weight: bold;
    height: auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}
#divRecapMap.recapMap #divCC label {
    display: inline-block;
    font-family: open sans;
    font-weight: 100;
    margin-bottom: 5px;
    max-width: 100%;
}
#divRecapMap.recapMap #divCC label#nameSeance {
    font-size: 24px;
}
#divRecapMap.recapMap #divCC label#dateSeance {
    color: #4087ff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px;
}
#divRecapMap.recapMap #divDescription {
    border-bottom: 1px solid #ddd;
    color: black;
    height: auto;
    padding: 15px 0;
    width: 100%;
}
.recapMap #divRates #tableRates .radio {
    margin: 0px;
}
#divRecapMap.recapMap #divRates #tableRates .radio input[name="optradioRates"] {
    background: #fff000 none repeat scroll 0 0;
    display: inline-block;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart {
    background: #fff none repeat scroll 0 0;
    width: 100% !important;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table {
    border: medium none !important;
    width: 100% !important;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table th {
    border: 1px solid #ddd;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table td {
    border: 1px solid #ddd;
    padding: 10px;
}
.recapMap #divRates {
    background-color: white;
    border-bottom: 1px dotted gray;
    color: black;
    height: auto;
    max-height: 50%;
    padding: 20px;
    width: 100%;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#messageSL2 a {
    background: #4087ff none repeat scroll 0 0;
    color: #fefefe;
    display: inline-block;
    font-size: 13px;
    font-weight: bold !important;
    margin: 5px auto 0;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
#body {
	background: #ffffff url("") no-repeat scroll 50% 0;
    	/*background: #081118 url("https://www.monticket.re/assets/img/habillage-monticket-KDO-2016.jpg") no-repeat scroll 50% 0;*/
	/*background: no-repeat scroll 50% 0 !important;
	background-size: 1280px auto;*/
	cursor: auto !important;
	margin-top: 160px !important;
    	width: 1000px !important;
    	margin: 0px auto !important;
}
/* start abonnement*/

.abo.libelleform {
    display: block;
    font-size: 25px;
    font-weight: 100;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 legend {
    font-size: 20px;
    letter-spacing: 0;
    text-transform: inherit;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab select.abo.rates.nb {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 0 auto;
    padding: 5px;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab .abo.rates.row {
    border-bottom: 1px solid #ddd;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .categories.thead th, .order.thead th {
    background-color: #232323;
    background-image: none;
    border: medium none;
    color: #fff;
    font-weight: normal;
    height: auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table select.abo.labelcc {
    border: 1px solid #ccc;
    padding: 5px;
}
input[type="submit"]:not(.btn), button[type="submit"]:not(.btn) {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  padding: 0.6875rem 1.875rem;
  font-size: 1rem;
  line-height: 1.375;
  border-radius: 50rem;
  background-color: transparent;
  color: #1a2a44;
  border: 2px solid #1a2a44;
    border-top-color: rgb(26, 42, 68);
    border-right-color: rgb(26, 42, 68);
    border-bottom-color: rgb(26, 42, 68);
    border-left-color: rgb(26, 42, 68);
  display: inline-block;
  vertical-align: middle;
  font-weight: 800;
  text-align: center;
  margin: 0;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table .abo.btnseat {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto !important;
}
td.abo.cellcategories {
    vertical-align: middle;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table .abo.label {
    color: #1a2a44;
    font-size: 13px;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab .abo.rates.cell {
    padding: 10px 0;
}
.abo.rate.headerlib {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.abo.rate.headernb {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
 text-align:left;
}
.abo.cell.totalnblib {
    font-size: 14px;
    text-transform: uppercase;
}
.abo.cell.totalamountlib {
    font-size: 14px;
    text-transform: uppercase;
}
.order.tbottom.textTotalNb {
    font-weight: bold;
}
.abo.cell.totalnb {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
.order.tbottom {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}
.abo.cell.totalamount {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/* Tableau Catégorie Plan HTML5 */

#divlegend {
    background: #fff none repeat scroll 0 0;
    padding: 0;
}
.legendthcateg {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}
.legendthprice {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}
.legendtdname, .legendtdrate, .legendtdcolor {
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}
.legendtdcolor {
    padding: 10px;
    width: 5%;
}

/* Fin Tableau */

/* Gestion Abonnement */
.abo.rates.row::before {
    display: none !important;
    content: " ";
}

.row::before {
    display: none !important;
    content: " ";
}

.abo.rates.tab .abo.rates.row .abo.rates.cell {
    text-align: center;
}

#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab select.abo.rates.nb {
    float: left;
}

#ctl00_ContentPlaceHolderAW_IDlblloyalty {
   background: #dc1879;
   color: #fff;
   font-size: 15px;
   padding: 10px 20px 10px;
   margin: 0 10px 20px 0;
   display: block;
   text-transform: uppercase;
   font-weight: bold;
}
#ctl00_ContentPlaceHolderAW_IDtxtloyalty {

   color: #878787;
   background: #fff;
   border: 3px solid #dc1879;
   margin: -20px 10px 0 0px;
   display: block;
   padding: 7px 10px;
   width: 100%;
   font-size: 15px;

}

/* Bouton paiement */

#ctl00_SecondFormular > form > input
{
color:black;
background-color: #48FB47;
font-size:14px;
text-transform: uppercase;
padding:20px;
cursor: pointer;
text-align:center;
width:100%;
}
#page #banner .banner.image {
  width: 100%;
}

/* Correctif marge haute en responsive */
@media screen and (max-width: 990px) {
#body {
    	width: auto !important;
}
}

@media screen and (max-width: 990px) {
    #body {
        margin: -20px auto 0 !important;
    }
	.main {
  background-color: #ffffff;
  padding: 0 10px;
}
.identity.idtext, .identity.text {
  width: 92% !important;
}
}

/* Mon Compte */
#ctl00_ContentPlaceHolderAW_PanelNouveau.login.panel #ctl00_ContentPlaceHolderAW_UpdatePanel1 {
  background: transparent;
  border-top: 0;
  margin: 30px 0 0;
  padding: 0;
  position: relative;
  bottom: 60px;
  height: 23px;
}

.login.panel .login.lopanel.locontener p {
  padding: 20px 0 0;
}

#aspnetForm .categories.select {
  font-size: 1rem;
  padding: 10px 20px;
  width: auto !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
}
#aspnetForm .order.select {
  font-size: 1rem;
  padding: 10px 20px;
  width: auto !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
}
#aspnetForm input {
  padding: 10px 20px !important;
}
.order.catalogdeliv.header {
  padding: 20px !important;
  background: #e1e1e1;
}
.order.catalog.delheader {
  vertical-align: baseline;
}
.order.catalogdeliv.delivery {
  font-size: 14px !important;
}

select:not(.form-control):not(.custom-select) {
  padding: 10px !important;
}
#aspnetForm input#ctl00_ContentPlaceHolderAW_bdyear.identity {
  width: 33% !important;
}

@media screen and (max-width: 780px) {
.login-forms .style3 {
  width: 100%;
  float: left;
}
#main input[type="text"]:not(.form-control) {
  width: 100% !important;
}
.identity.panel {
  width: 100% !important;
  display: inline-block;
  padding: 15px;
}
.identity.contener td[style="width:30%;"] {
  text-align: left;
  width: 40% !important;
}
.identity.idtext, .identity.text {
  width: 90% !important;
}
}

@media screen and (max-width: 600px) {

.step li {
  width: 100%
}
.order.validdiv td {
  display: table;
  text-align: center;
  width: 100%;
}
.categories.tablecateg .categories.thead span {
  font-size: 3vw;
  padding: 10px 0;
}
.order.tablecateg .order.thead span {
  font-size: 3vw;
  padding: 10px 0;
}

.infocatalog td {
  display: grid;
}
.cat.validdiv td {
  display: grid;
  text-align: center !important;
}
.order.catalog.header {
  /* display: grid; */
}
.order.catalog.delheader {
  /* display: grid; */
}
#aspnetForm.main table {
  width: 100%;
  position: relative;

}
.login.lopanel.locontener td {
  text-align: left;
  width: auto;
  display: grid;
}
.calendar.table th {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 3vw;
  padding: 3px;
}
.calendar tbody h5 {
  height: 50px;
}
.identity.idtext, .identity.text {
  width: 85% !important;
}

}

@media screen and (max-width: 480px) {

.categories {
  font-size: 3vw !important;
  padding: 5px 0.5vw !important;
}
.order {
  font-size: 3vw !important;
  padding: 5px 0.5vw !important;
}
#aspnetForm .categories.select {
  font-size: 3vw !important;
  padding: 10px 5px !important;
}
#aspnetForm .order.select {
  font-size: 3vw !important;
  padding: 10px 5px !important;
}

#aspnetForm.main table {
  width: 100%;
  position: relative;
}
.order.catalog.delheader input {
  padding: 10px 20px !important;
  margin: 0px 0 0 !important;
}
span.order.catalog.title {
  padding: 20px 0;
  text-align: left !important;
  font-size: 5vw !important;
}
span.order.catalog.address {
  margin: 0 0 10px;
  padding: 0;
  font-size: 4vw !important;
}
.order.catalog.date {
  font-size: 13px !important;
  padding: 5px 5px !important;
}
span.order.catalog.delivery {
  padding: 0;
  font-size: 14px !important;
  display: grid;
  text-align: left !important;
}
#aspnetForm input#ctl00_ContentPlaceHolderAW_bdyear.identity {
  width: 60% !important;
}
.identity.idtext, .identity.text {
  width: 75% !important;
}

}

#header_main {
  border-color: #ff4a47 !important;
  padding: 10px 0;
}
#header_main {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 1;
	border-top: none !important;
}
#socket {
	background: #ff4a47 !important;
	border-color: #ff4a47 !important;
}
.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type="submit"], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside::before, .header_color .comment-count, .header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #ff4a47 !important;
	color: #ffffff;
	border-color: #c2aa9a;
}
header {
  width: 100% !important;
  position: fixed !important;
  left: 0;
  top: 0;
}
.form-inline {
  display: table-cell !important;
}
#canvasToolTip {
  display: none;
}
#mapContainer {
  overflow: hidden;
}
.recapMap #divDescription table tr td {
  width: 50%;
  text-align: center;
  height: 20px;
  color: #000 !important;
  font-size: 16px !important;
}








.unselectSeat {
    opacity: 0.98;
    z-index: 150;
    height: 50px;
    width: 50px;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-image: url('data:image/png;base64,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');
    background-position: center;
    background-repeat: no-repeat;
    background-color: black !important;
    display: none;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-color: black !important;
    box-shadow: rgba(0,0,144,0.2) 2px 2px;
    font-size: 11pt;
    display: none;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 1px;
}

input[name=optradioRates] {
    left: 2px;
    margin: 5px;
    position: inherit;
}

.radio {
    margin: 2px;
    font-size: 14px !important;
    font-family: Tahoma,Verdana;
    padding: 0px 0px 0px 10px;
}

.recapMap {
    z-index: 150;
    height: 230px;
    width: 300px;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-color: #1F1F1F;
    color: black !important;
    font-size: 14pt !important;
    display: none;
    float: right;
    font-family: Arial;
    margin: 0;
    padding: 0;
    box-shadow: 9px 14px 14px 9px rgba(0, 0, 0, 0.7);
    border-radius: 10px 10px 10px 10px;
}

.loyaltylib {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: transparent;
}

.loyaltylibdiv {
	text-align: center;
	margin: 0px 0 -10px;
}

.recapMap #divCC {
    /*background-color: #0E1D41;*/
    background-color: #0f0f0f;
    color: black !important;
    font-weight: normal;
    height: auto;
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted gray;
    border-radius: 10px 10px 0px 0px;
}

.recapMap #divCC table {
    width: 100%;
    text-align: center;
}

.recapMap #divCC table tr th td {
    width: 100%;
    text-align: center;
}


.RateSelected {
  color: #00e100 !important;
  font-weight: 900;
}


.recapMap #divDescription {
    color: black !important;
    width: 100%;
    height: auto;
}


.recapMap #divDescription table {
    width: 100%;
    text-align: left;
}

#tableDesc {
    width: 100%;
    font-size: 13px;
    font-family: Verdana;
    border-collapse: collapse;
}

#divlibrate {
    background-color: grey;
}

#tablelibrate {
    width: 100%;
    padding: 0px;
}

#tdlibrate {
    font-size: 13px;
    font-family: Verdana;
    background-color: black !important;
    color: black !important;
    text-align: left;
    height: 25px;
    padding-left: 5px;
}

.recapMap #divDescription table tr td {
    width: 50%;
    text-align: center;
    height: 20px;
    color: #000;
}

.recapMap #divDescription table th {
    width: 50%;
    text-align: center;
}


.csscateg {
    font-weight: 300;
}

.recapMap #divRates {
	background: #f2f2f2 !important;
	border-bottom: 1px dotted gray;
	color: black !important;
	width: 100%;
	height: auto;
	border-radius: 5px 5px 5px 5px;
	padding: 10px !important;
	max-height: inherit !important;
	overflow-y: inherit !important;
}


#tableRates {
	width: 100%;
	border-collapse: collapse;
	color: black !important;
	position: relative;
}

    #tableRates table tr td {
        height: 30px;
    }

.tableratetd {
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

#tableRates tbody tr:nth-child(odd) {
    background-color: #06065C;
}

#tableRates tbody tr:nth-child(2n) {
  background-color: #FFF !important;
}

#divRates span {
  font-size: 12px !important;
  font-family: Verdana;
  color: black !important;
  line-height: 16px !important;
  display: inline-block;
  text-align: justify;
}

.miniplan {
    background-color: black !important;
    border-color: gray;
}

#divButtons {
    height: 36px;
    bottom: 0;
    right: 0;
    width: 100%;
    position: relative;
    text-align: right;
    display: table-footer-group;
    font-size: 11px;
}

#ok {
    color: black !important;
    background: #014401;
    cursor: pointer;
    border: none;
    width: 40%;
    float: left;
    height: 30px;
    margin: 5px;
    font-weight: 100;
    line-height: normal;
    border-radius: 15px;
}

#cancel {
    color: black !important;
    background: #570100;
    cursor: pointer;
    border: none;
    width: 40%;
    float: right;
    height: 30px;
    margin: 5px;
    font-weight: 100;
    line-height: normal;
    border-radius: 15px;
}

#ok:hover {
    color: black !important;
    background: #018F01;
}


#cancel:hover {
    color: black !important;
    background: rgb(205, 60, 60);
}


.toolBox {
    background-color: black !important;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    width: 30px;
    height: 100px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 10px;
    padding: 3px;
    position: fixed;
}

    .toolBox span {
        cursor: help;
    }

    .toolBox table {
        width: 100%;
    }

.toolTip {
    color: black !important;
    position: fixed;
    z-index: 9999;
    width: 250px;
    padding: 5px;
    display: none;
    background-color: floralwhite;
    border: 3px double gray;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#spinnerContainer {
    background-color: black !important;
    opacity: 0.2;
    z-index: 6;
}



.sk-cube-grid {
    width: 60px;
    height: 60px;
    top: 30%;
    position: relative;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 32%;
        height: 32%;
        background-color: black !important;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
#tableRates tbody tr:nth-child(2n+1) {
  background-color: #FFF !important;
}
#idloyaltycard {
  margin: 10px auto;
  width: 90% !important;
  display: block;
  border-radius: 10px;
  border: solid 1px #cacaca;
}
#aspnetForm input#idloyaltycard {
	margin: 10px auto;
	width: 90% !important;
	display: block;
	border-radius: 10px;
	border: solid 1px #cacaca;
	padding: 5px 20px !important;
}
#canvasMiniPlan {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 99 !important;
}
#canvasMovePlan {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 100 !important;
}
#canvasMiniPlanEvents {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 100 !important;
}
.recapMap #divRates #tableRates .radio .glyphicon.glyphicon-pushpin {
  display: none;
}
.recapMap #divRates #tableRates .RateSelected .radio .glyphicon.glyphicon-pushpin {
  display: block;
  font-weight: lighter;
}
.recapMap #divRates #tableRates td[colspan="2"] {
  display: none;
}
.recapMap #divRates #tableRates:hover td[colspan="2"] {
  display: block;
}
#tableRates td[colspan="2"] {
	background: #fff;
	position: absolute;
	top: -88px;
	left: -20px;
	box-shadow: 1px 1px 10px #0000005e;
	border-radius: 10px;
	width: 320px;
	border: solid 5px #4087ff;
}
#mapContainer.aparteMapContainer #canvasMiniPlanEvents,
#mapContainer.aparteMapContainer #canvasMiniPlan,
#mapContainer.aparteMapContainer #canvasMovePlan
{
  display: none;
}
#mapContainer.aparteMapContainer:hover #canvasMiniPlanEvents,
#mapContainer.aparteMapContainer:hover #canvasMiniPlan,
#mapContainer.aparteMapContainer:hover #canvasMovePlan
{
  display: block;
}
#mapContainer {
  overflow: hidden;
  height: 650px !important;
}
.recapMap #divRates #tableRates div {
  text-align: left !important;
  padding: 0 10px 0;
}
.recapMap #divRates #tableRates div.loyaltylibdiv {
	text-align: center !important;
}
.search-drop {
	background: transparent;
	display: none;
}

/*Gestion Moteur Recherche */
.form-inline {
  display: flex !important;
    margin: 20px 0 0
}
 
table.form-search td {
  width: 100%;
  display: table-header-group;
}
#main .form-search input[type="text"]:not(.form-control) {
    margin:10px;
    background: #E8F0FF;
  }
@media screen and (max-width: 780px) {
    #main .form-search input[type="text"]:not(.form-control) {
    width: 50% !important;
  }
}
@media screen and (max-width: 480px) {
#aspnetForm.main table tr {
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0;
}
#aspnetForm.main table .catalog.cell {
    display: table;
    background: #fff;
    min-width: 100%;
    border: none;
}
  #aspnetForm.main table .catalog.cellbtn {
   display: table;
   background: #fff;
   text-align: left;
   border-bottom: 1px solid #dbdbdb !important;
   min-width: 100%;
   border: none;
  }
#aspnetForm.main table .catalog.cellbtn input {
    margin: 0 0 20px;
}
     .catalog.cell img {
    width: 100%;
  }
}
 
/* Gestion titre event */
#ctl00_ContentPlaceHolderAW_catalog .catalog.cell span.catalog.event br {
  display: none;
}

.form-search .catalog.title::before {
  content: "LE CATALOGUE";
  border-bottom: 2px solid #4087ff;
  color: #1a2a44;
  font-size: 18px;
  font-weight: lighter;
  padding: 0 0 10px;
  text-align: left;
  display: inline-block;
  visibility: visible;
}
.form-search .catalog.title {
  font-size: 0px;
  visibility: hidden;
}

.catalog.title {
  display: inline-block;
}

/* Gestion mois calendrier */
.calendar.month a {
	background-color: #ffffff;
	border-color: #4087ff;
	border-style: solid;
	border-width: 3px;
	color: #4087ff !important;
	display: inline-block;
	font-weight: bold !important;
	margin: 0 0px 10px 10px !important;
	padding: 0 20px !important;
	transition: all 0.3s ease 0s;
	width: auto !important;
	border-radius: 20px;
	font-size: 16px !important;
	text-transform: uppercase;
}
.calendar.month.selected {
  background-color: #ffffff;
  border-color: #1a2a44;
  border-style: solid;
  border-width: 3px;
  color: #1a2a44 !important;
  display: inline-block;
  font-weight: bold;
  margin: 0 0px 10px 10px !important;
  padding: 0 20px;
  transition: all 0.3s ease 0s;
  width: auto;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.calendar.month a:hover {
  background: #4087ff;
  color: #fff !important;
}
/* BLOCK */
.block {}
.block table {width:80%; border-collapse: separate;  }
.block.thead {background-color:#FFFFFF; border-color:#1a2a44; color:#1a2a44;}
.block.thead {color:#FFF;}
.block.thead th {background-image:url("./calendartop.png");height: 30px;padding:0px 0px 0px 0px;  background-color:#FFFFFF;text-align: center;  }
.block tbody { background-color: #FFFFFF;}
.block.categ {border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #1a2a44; text-align:left; color:#1a2a44;   font-size: 14px; font-weight:bold;	height:45px;}
.block.tarif {background-image:url("./calendartop.png"); border-bottom-style: inset; border-bottom-width:0px;border-bottom-color: #C0C0C0;text-align:center; color:#FFFFFF;   font-size: 14px; font-weight:bold;height:20px;	}
.block.montant {border-bottom-style: inset; border-bottom-width:0px;border-bottom-color:#C0C0C0;text-align:right;  color:#1a2a44; font-size: 14px; font-weight:bold;	}
.block.bloc {text-align:left; color:#1a2a44;   font-size: 14px; font-weight:bold;	}
.block.info {text-align:left; color:#1a2a44;   font-size: 14px; font-weight:normal;	}

/* Nouvelle mouture */
.categories.rowcateg { vertical-align:middle; text-align:center; color:#1a2a44;font-size:12px; font-weight:normal;	border-bottom-style: solid; border-bottom-width:2px;border-bottom-color:#c0c0c0 }
.categories.rowcateglib { vertical-align:middle; text-align:center; color:#1a2a44;font-size:16px; font-weight:bold;	border-bottom-style: solid; border-bottom-width:3px;border-bottom-color:#c0c0c0 }
.categories.rowcategcolor { vertical-align:middle; text-align:left; color:#1a2a44;font-size:12px; font-weight:normal;	border-bottom-style: solid; border-bottom-width:3px;border-bottom-color:#c0c0c0 }
.categories.commentrate {
    color: #777777 !important;
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    padding: 10px;
}
.categories.tabcategcolor {
  width: 0px;
  height: 80px;
}
.categories.tablerate {width:100%;}

#aspnetForm.main {
  padding: 0 20px;
}

.categories.info.select.basket { display:none; text-align:center;  font-size: 12px; font-weight: bold;}
.main {
  background-color: #ffffff;
  padding: 0 0px;
}
fieldset {
  border: none;
}
#messageSL2 .categories.info.select {
    border: medium none;
}
/* Nouvelles balises 04/2009 */
.login.lotext, .login.panel.contener input {
  border: 1px solid #ccc;
  display: inline-block;
  margin: 10px 0;
  padding: 5px;
  width: 100% !important;
}
.identity.cnil.text {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #444444;
    font-size: 12px;
    margin: auto;
    padding: inherit;
}
.identity.select { font-size: 12px; }
.identity.property { font-size: 12px;  color:#444444;}
.catalog.searchlabel {
    color: #1a2a44;
    font-size: 14px;
    text-align: left;
}
.catalog.searchtext {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 14px;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
}
.order.acceptcgv {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  display: inline;
}
.order.boxconfirm .order.acceptcgv {
  display: inline;
}
.order.boxconfirm label {
  display: inline;
}
.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 {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    font-size: 12px;
    padding: 5px;
    text-align: left;
}
.categories.info.select {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}
.catalog.searchbutton {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding: 7px 10px;
    text-align: left;
    vertical-align: middle;
}

/* Page */
#page {
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: auto;
}
#body {
    background: #dedede url("/images/fondbg.jpg") repeat-x scroll 0 0;
    margin: 0 15%;
}
@media (max-width: 1600px) {
#body {
    margin: 0 10%;
}
} 
@media (max-width: 1400px) {
#body {
    margin: 0 5%;
}
} 
@media (max-width: 1200px) {
#body {
    margin: 0 0%;
}
} 
.main{background-color:#FFFFFF;}

#viewvenuepage {text-align:left; position:relative; width: 680px;margin:0 auto 0 auto;font-family:open sans;font-size:12px }
#viewvenuebody {background-color:#FFFFFF;}
.viewvenue.info { text-align:center;  color:#666666; font-size: 14px; font-weight: bold;}


.order.delseatbutton {cursor:pointer;height:16px;background:url('../../Default/delete.png') no-repeat top left;border:0px;width:16px;font-size:0px;}
.top.menu {
    background-color: #efefef;
    color: #1a2a44;
    height: auto;
    padding: 0 5px;
    text-align: center;
}
/* 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{background-image:url("./calendartop.png");height: 18px;padding:2px 2px 2px 2px; background-color:#FFFFFF;text-align: center;color:#FFFFFF;  }
.top.menu ul {
    display: inline-block;
    height: auto !important;
    margin: 0;
    padding: 10px;
    text-align: right;
    width: 100%;
}
.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: #1a2a44;
    font-size: 13px;
    margin: 0 5px;
    text-align: right;
    text-transform: uppercase;
}
/* Menu bas */
.bottom.menu{width:990px;text-align: center;color:#1a2a44;  }
.bottom.menu{background-color:#ffffff;border-color:#ffffff;color:#1a2a44;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:#1a2a44;text-align: right;font-size:13px;}

/* NEW TOP MENU */
.top.menu{background-color:#efefef; border-color:#efefef;color:#1a2a44;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: #1a2a44; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.top.menu a:hover {
  background-color: #4087ff;
  color: white;
}
.top.menu a.active {background-color: #c2211c; color: white; }
 
/* NEW BOTTOM MENU */
.bottom.menu{background-color:#1a2a44; border-color:#FFFFFF;color:#FFFFFF;overflow: hidden;}
.bottom.menu a{float: left; color: #FFFFFF; text-align: center; padding: 10px 8px; text-decoration: none; font-size: 15px;}
.bottom.menu span{float: right; color: #f2f2f2; 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: #4CAF50; color: white; }

/* Etapes */
.step {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: auto;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.step ul {
  background: #e8f0ff none repeat scroll 0 0 !important;
  display: inline-block;
  height: auto;
  margin: 20px 0 10px;
  padding: 0;
  text-align: left;
  width: 100%;
  border-radius: 5px;
}
.actualstep .step.li.label {
    color: #fff;
}
.step li {
  background-position: center top;
  background-repeat: no-repeat;
  border-color: #1a2a44;
  color: #1a2a44;
  display: block;
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: center;
}
.step li.actualstep > span#triongle {
    border-color: transparent transparent transparent #fff;
}
.step.li.label {
  color: #1a2a44;
  cursor: default;
  display: inline-block;
  font-size: 1rem;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  text-decoration: none;
  width: auto;
}a
.step li > span#triongle {
    border-color: transparent transparent transparent #4087ff;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    display: inline-block;
    height: 0;
    line-height: 0;
    margin: 0 10px 0 0;
}
.step li.actualstep {background-image:url("");background-repeat:repeat-x; font-weight:bold;background-color:#4087ff;color:#FFF; }
#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:#1a2a44; font-size: 9px; font-weight: normal;}
.catalog.title {
    border-bottom: 2px solid #4087ff;
    color: #1a2a44;
    font-size: 18px;
    font-weight: lighter;
    padding: 0 0 10px;
    text-align: left;
}
.catalog.event {
    color: #4087ff;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 5px !important;
    text-align: left;
}
.catalog.event:hover{
    color: #1a2a44;

}
.catalog.eventinfo {
    color: #1a2a44;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}
.catalog.eventinfo2 { text-align:left;  color:#666666; font-size: 12px; font-weight: normal;}
.catalog.eventalert { text-align:left;  color:#003366; font-size: 16px; font-weight: normal;}
.catalog {}
.catalog table {
    border-collapse: separate;
    width: 100%;
}
//.catalog.thead {color:#1a2a44}
//.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 tbody {background-color: #FFFFFF;}


.catalog.cell {text-align:left; color:#444444;   font-size: 12px; font-weight:normal; padding-left:10px;	}
.catalog.cell img {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #eee;
    height: auto;
    padding: 5px;
    width: 15vw;
}
@media (max-width: 1280px) {
.catalog.cell img {
    width: 30vw;
}
}
@media (max-width: 720px) {
.catalog.cell img {
    width: 40vw;
}
}
@media (max-width: 640px) {
.catalog.cell img {
    width: 30vw;
}
}
//.catalog.buybutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.catalog.buybutton {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.catalog.buybutton:hover {
    background: #4087ff none repeat scroll 0 0;
}
/* Calendrier liste des mois */
/* background-image:url("http://www.aparteweb.com/awconfig/PR08/theme/tab.png"); */
.calendar.month.selected {
  background-color: #ffffff;
  border-color: #1a2a44;
  border-style: solid;
  border-width: 3px;
  color: #1a2a44;
  display: inline-block;
  font-weight: bold;
  margin: 0 0 10px !important;
  padding: 0 20px;
  transition: all 0.3s ease 0s;
  width: auto;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.calendar.month.selected:hover {
    background-color: #4087ff;
    border-color: #4087ff;
    border-style: solid;
    border-width: 3px;
    color: #ffffff;
}
.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: #1a2a44;}

/* Calendrier */
.calendar table {width:100%; border-collapse: separate;}
.calendar.thead {background-color:#FFFFFF;border-color:#1a2a44;color:#1a2a44;}
.calendar thead {color:#FFF;}
.calendar thead th {padding:2px 2px 2px 2px;  background-color:#1a2a44;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 {
    background-color: #eee;
    border-bottom: 1px solid #c0c0c0;
    color: #909090;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 10px 5px;
    width: 100%;
}
.calendar tbody .seance h5 { color:#1a2a44; }
.calendar .seance div {
    color: #999;
    font-size: 11px;
    font-weight: normal;
    margin: 5px 0;
    text-decoration:line-through;
}
.calendar .seance div a {
  background: #1a2a44 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-family: open sans;
  font-size: 12px;
  font-weight: normal;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  width: 100%;
  border-radius: 20pc;
  font-weight: bold;
}
.calendar .seance div a {
    background: #1a2a44 none repeat scroll 0 0;
    transition: all 0.3s ease 0s;
}
.calendar .seance div a:hover {
    background: #4087ff none repeat scroll 0 0;
}
.calendar .seance select {
	color:#1a2a44;
}
.calendar .seance input 
{
	color:#1a2a44;
}
.calendar.info{ text-align:left;  color:#1a2a44555;   font-size: 14px; font-weight: normal;}
.calendar.infodiv {
    text-align: left;
    width: 100%;
}
.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 {
  background-color: #efefef;
  color: #1a2a44;
  font-size: 14px;
  font-weight: bold;
  padding: 20px;
  text-align: left;
  width: auto !important;
  margin: 0;
}
.login.lopanel.locontener {
  color: #1a2a44;
  font-size: 1rem !important;
  font-weight: normal;
  padding: 0;
  text-align: justify;
}
.login.error { text-align:right; color:#FF0060;  font-family:open sans;font-size:11px }

/* Identity */
.identity.panel {
  background-color: #fff;
  color: #1a2a44;
  font-family: open sans;
  font-size: 14px;
  font-weight: bold;
  margin: 0 auto;
  position: relative;
  text-align: left;
  width: 100%;
  padding: 15px;
}
.identity.validbutton {
  background: #4087ff;
  border: medium none;
  color: #ffffff;
  font-size: 14px;
  font-weight: normal;
  height: auto;
  margin: 0;
  padding: 10px 20px;
  text-align: center;
  border-radius: 20px;
}
.identity.backbutton { color:#990000;   font-size: 10px;    font-weight: bold;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.identity.contener {
    color: #1a2a44;
    font-size: 11px;
    font-weight: normal;
    padding: 0;
}
.identity.idlabel { font-size: 14px;  color:#1a2a44;}
.identity.idtext, .identity.text {
  background-color: #ffffff;
  border: 1px solid #ccc;
  color: #1a2a44;
  font-size: 14px;
  margin: 10px 0;
  padding: 5px 10px;
  width: 100% !important;
}
/*.identity.contener tr:hover {
    background: #f5f5f5 none repeat scroll 0 0;
	padding:10px;
}*/
.identity.validdiv {text-align:right; position:relative; width: 60%;margin:0 auto 0 auto;font-family:open sans;font-size:12px }
.identity.cnildiv {
  font-family: open sans;
  font-size: 12px;
  margin: 20px auto;
  position: relative;
  text-align: center;
  width: 90%;
}
a.identity.cnil.text {
    color: #4087ff;
}
.properties.chkprop > label {
    display: inline;
    padding: 10px;
    vertical-align: middle;
}
.identity.error { text-align:left; color:#FF0060;  font-family:open sans;font-size:10px }
.identity.property { text-align:left; color:#550000;  font-family:open sans;font-size:12px }

/* Info catalog */
.infocatalog {
    margin: 0 0 5px;
    text-align: left;
    width: 60%;
}
#ctl00_ContentPlaceHolderAW_LblCoord, #ctl00_ContentPlaceHolderAW_LabelIdentifiants, #ctl00_ContentPlaceHolderAW_lblpwdinfo1 {
    background: #f2f2f2 none repeat scroll 0 0;
    color: #1a2a44;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal !important;
    padding: 10px;
    text-transform: uppercase;
    width: 100%;
}
.infocatalog.catalog, .customerorder.yourorders {
  color: #1a2a44;
  display: inline-block;
  font-size: 25px;
  font-weight: 200 !important;
  margin-bottom: 15px;
  text-align: left;
}
.infocatalog.seance {
    background-color: #4087ff;
    color: #fff;
    display: inline-block;
    font-family: open sans;
    font-size: 16px;
    font-weight: normal;
    padding: 5px 20px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
.infocatalog.link{ color:#1a2a44; font-family:open sans;font-size:12px }

/* Catégories */
.categories {}
.delivery.table {
    border-collapse: separate;
    margin: 0;
    width: 100%;
}
.categories.thead {background-color:#FFFFFF; border-color:#1a2a44; color:#1a2a44;}
.categories.thead {color:#FFF;}
//.categories.thead th {padding:2px 2px 2px 2px;   background-color:#1a2a44; text-align: center;}
.categories.thead th, .order.thead th {
    background-color: #232323;
    background-image: url("");
    border-bottom: 1px dotted #fff;
    color: #fff;
    font-weight: normal;
    height: auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
.categories tbody { background-color: #FFF;}
.categories.info {
  color: #1a2a44;
  font-size: 14px !important;
  font-weight: bold;
  text-align: left;
}
.categories.infodiv {
    text-align: left;
    width: 100%;
}
.categories.categ {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color: #C0C0C0; text-align:left; color:#1a2a44;   font-size: 12px; font-weight:bold; vertical-align:middle;	}
.categories.tarif {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#1a2a44;   font-size: 12px; font-weight:bold; padding:5px;	}
.categories.montant {border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color:#C0C0C0;text-align:center; padding:5px; 	}
.categories.nombre { text-align:center; border-bottom-style: dotted; border-bottom-width:1px;border-bottom-color:#C0C0C0; padding:5px;}
.categories.prix {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.categories.frais{color:#777777;   font-size: 11px; font-weight:normal;	}
.cat.validdiv {
    font-family: Montserrat,sans-serif;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}

.categories.validdiv tbody { background-color:#EEEEEE; }
/*
.categories.validbutton { color:#FFF; font-family:open sans;font-size:16px;font-weight:normal;width:300px; vertical-align:middle; display:inline-block; text-align:center;background-color:#4087ff;  }
//.categories.validbutton { cursor: pointer; border : solid 1px #e6e6e6;	border-radius : 3px;	moz-border-radius : 3px;	font-size : 15px;	color : #1a2a44;	padding : 1px 17px;	background : #009bca;	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bca), color-stop(100%,#005a75));	background : -moz-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -webkit-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -o-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -ms-linear-gradient(top, #009bca 0%, #005a75 100%);	background : linear-gradient(top, #009bca 0%, #005a75 100%);	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bca', endColorstr='#005a75',GradientType=0 );}
//.categories.backbutton {  color:#1a2a44555;   font-size: 14px;    font-weight: normal;    height: 22px;    margin:  0 0 0 5px;    padding: 0;    text-align: center;}
.categories.backbutton { cursor: pointer; border : solid 1px #e6e6e6;	border-radius : 3px;	moz-border-radius : 3px;	font-size : 15px;	color : #1a2a44;	padding : 1px 17px;	background : #009bca;	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009bca), color-stop(100%,#005a75));	background : -moz-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -webkit-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -o-linear-gradient(top, #009bca 0%, #005a75 100%);	background : -ms-linear-gradient(top, #009bca 0%, #005a75 100%);	background : linear-gradient(top, #009bca 0%, #005a75 100%);	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009bca', endColorstr='#005a75',GradientType=0 );}
*/
.categories.error { text-align:left; color:#FF0060;  font-family:open sans;font-size:13px;font-weight:bold; }

.retrait.info { text-align:left;  color:#1a2a44555;   font-size: 11px; font-weight: normal;}
.retrait.checkbox { text-align:left;  color:#990000;   font-size: 12px; font-weight: bold;}

/* delivery */
.delivery.table {
    border-collapse: separate;
    width: 100%;
}
.delivery.thead {background-color:#efefef;border-color:#1a2a44;color:#fff;}
/*.delivery.thead {background-image:url("");height: 19px;padding:2px 2px 2px 2px;  background-color:#232323;text-align: center; color:#FFF;  }*/
.delivery.tbottom {padding:8px 8px 2px 2px;   text-align: right; }
.delivery.tbottom.text {color:#1a2a44;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 {
  background-color: #4087ff;
  border: medium none;
  padding: 10px 20px;
  text-align: left;
  font-size: 14px;
}
.delivery.tbody {padding:2px 4px 2px 2px; background-color: #efefef;text-align: left; }
.delivery.row {
    background-color: #f4f4f4 !important;
    padding: 10px 5px 10px 20px;
    text-align: left;
}
.delivery.info {
  text-align: left;
  color: #4087ff;
  font-size: 11px;
  font-weight: normal;
}
.delivery.checkbox { text-align:left;  color:#1a2a44;   font-size: 14px; font-weight: bold;}
.delivery.thead > span {
    font-weight: normal;
    text-transform: uppercase;
}

/* Order */
.order.table {
    border-collapse: separate;
    width: 100%;
}
.order.thead {background-color:#FFFFFF;border-color:#1a2a44;color:#1a2a44;color:#FFF;}
.order.tbottom {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}
.order.tbottom.text {color:#1a2a44;text-align:right;font-size: 14px; font-weight:bold; 	}
.order.tbottom.value {color:#F96E1D;text-align:right;font-size: 16px; font-weight:bold; background-color: #FFFFFF;border-style: solid ; border-width:1px;border-color: #999999;	}

.order.thead th {
    background-color: #232323;
    background-image: url("");
    border: 1px solid #333;
    font-size: 15px;
    height: auto;
    padding: 10px;
    text-align: center;
}
.order.tbody {
    background-color: #ffffff;
    padding: 2px 4px 2px 2px;
}
.order.info {
  color: #1a2a44;
  font-size: 25px;
  font-weight: 200 !important;
  text-align: left;
  text-transform: uppercase;
}
.order.infodiv {
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    text-align: left;
    width: 100%;
}
.order.empty {padding:8px 8px 8px 8px; border-bottom-style: inset; border-bottom-width:1px;border-bottom-color: #C0C0C0;text-align:center; color:#1a2a44; font-size: 16px; font-weight:bold;}
.order.catalog {
    color: #1a2a44;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}
.order.catalog.title {
  color: #1a2a44;
  display: inline-block;
  font-size: 20px;
  font-weight: 200;
  margin: 0 0 20px !important;
  text-align: right;
}
/*.order.catalog.date {text-align:right; color:#4087ff; font-size: 14px; font-weight:normal;}*/
.order.catalog.date {
    background-color: #232323;
    color: #fff;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    margin: 0 0 20px;
    padding: 2px 10px;
    text-align: left !important;
    vertical-align: middle;
    width: auto;
}
/*.order.catalog.address {text-align:right; color:#4087ff; font-size: 14px; font-weight:normal;}*/
.order.catalog.address {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #1a2a44;
    display: inline-block;
    font-family: open sans;
    font-size: 14px;
    font-weight: normal;
    text-align: left !important;
    vertical-align: middle;
    width: auto;
}
.order.catalog.delivery {text-align:right; color:#1a2a44; font-size: 14px; font-weight:normal;}
.order.catalog.header {
    background-color: #ffffff;
    border-bottom: 1px inset #c0c0c0;
    border-top: 1px inset #c0c0c0;
    color: #111111;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    text-align: left !important;
}
.order.catalog.delheader {
    background-color: #ffffff;
    border-bottom: 1px inset #c0c0c0;
    border-top: 1px inset #c0c0c0;
    color: #444444;
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    text-align: right;
    vertical-align: middle;
}
.order.article {text-align:center; color:#4087ff; 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:#1a2a44;   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: 10px 0 0 5px;
    padding: 0;
    text-align: center;
}
.order.boxconfirm {
  margin: 0 0 20px;
}
.order.error {
  color: #ff0060;
  display: block;
  font-family: open sans;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
}
.order.validdiv {
    font-family: open sans;
    font-size: 12px;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
#ctl00_SecondFormular > form {
    margin: 10px 0;
    text-align: left !important;
}
.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.paybutton { cursor:pointer;border:0px;display:block;color:#FFFFFF;font-size:14px; font-weight:normal;background-color:#C00000;padding-top:10px; padding-bottom:10px; margin-bottom:100px;text-align:center;min-width:200px;height:35px;}
//.order.paybutton:before{visibility:visible; content:'Accéder au paiement sécurisé';}

//.order.delbutton,.login.createbutton ,.login.loginbutton ,.identity.validbutton {cursor:pointer;height:auto;border:0px;display:block;color:#FFFFFF;font-size:11px;font-weight:bold;background:url(./boutonOrMini.png) no-repeat top left;padding:6px 0px 4px 0px;text-align:center;width:141px;height:25px;}
//.order.modifybutton, .order.delbutton,.login.createbutton ,.login.loginbutton ,.identity.validbutton {cursor:pointer;border:0px;display:block;color:#FFFFFF;font-size:11px;font-weight:bold;background-color:rgb(55, 182, 211);padding:6px 0px 4px 0px;text-align:center;min-width:200px;height:25px;}
.order.delbutton, .login.createbutton, .login.loginbutton, .identity.backbutton, .calendar.backbutton, .order.backbutton, .order.validbutton, .categories.validbutton, .categories.backbutton {
    background-color: #4087ff;
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: normal;
    height: auto;
    min-width: 200px;
    padding: 5px 20px;
    text-align: center;
}
/* Catalogue */
.catalog.cell {color:#FFFFFF;border-bottom:none; url(./separateurPointille.png) repeat-x bottom left;padding:10px 0px 10px 0px}
.catalog.thead th {background-color:transparent}
.catalog table {
    width: 100%;
}
.catalog.cell {
    padding: 20px 10px 20px 0;
}
.catalog.thead.th {display:none}

/*Carte */
.categories.AW_IDlblloyalty { background-color:@efefef; width:350px; height:50px; }

/* code promo */
.order.cp.table { width:100%; }
.order.cp.img {
    text-align: center;
    width: 0 !important;
}
.order.cp.code {
    padding: 7px 0 !important;
    width: 100% !important;
}
.order.cp.lib { padding:3px; text-align:left; vertical-align:middle; font-weight:bold;  }
.order.cp.inputtext, .order.kdo.inputtext {
    border: 1px solid #ccc;
    margin: 5px 0 !important;
    padding: 5px 10px !important;
    width: 100% !important;
    min-width: 100px;
}
.order.cp.div {
    background-color: #efefef;
    border: none!important;
    border-radius: 10px;
    width: 100% !important;
}
.order.cp.divparent {
    padding: 5px;
    width: 60% !important;
    margin: 0 auto;
}
.order.cp.inputtext { width:100%; }
.order.cp.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.cp.tderror{text-align:center;}

/* cheque kdo */
.order.kdo.table { width:100%; padding:5px; }
.order.kdo.img { width: 20%; text-align:center;}
.order.kdo.code { width:55%; padding:10px; }
.order.kdo.lib { padding:10px; text-align:center; vertical-align:middle; font-weight:bold;  }
.order.kdo.btn {
    padding: 5px 20px !important;
    text-align: left;
    width: 100%;
}
.order.kdo.div {
    border: medium none !important;
    border-radius: 10px;
    width: 100% !important;
    background: #f2f2f2 !important;
}
.order.kdo.divparent {
    padding: 5px;
    width: 60% !important;
    margin: 0 auto;
}
.order.kdo.inputtext { width:50%; }
.order.kdo.error{ color:#990000;   font-size: 12px; font-weight: bold; }
.order.kdo.tderror{text-align:center;}

.identity.infostitle { display:none; }
 
/* Properties */
.properties.tdcontener {
    background-color: #ffffff;
    border-color: #4087ff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin: 0 0 20px;
    padding: 10px;
    width: 100%;
}
.properties.thpropertie {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.properties.chkprop {}
.properties tdlabel {font-size:14px; margin-right:10px;}
.properties.tabpropertie {font-size:14px;}
.properties.txtpropertie {font-size:14px; margin-left:10px;}

/* ABONNEMENTS OUVERTS */
.abo.rates.tab {width:400px;}
.abo.rate.headerlib {}
.abo.rate.headernb {}
.abo.rates.row {
  display: table-row !important;
}
.abo.rates.cell {}
.abo.rates.nb {}
.abo.rates.comment {}
.abo.panelgroup {}
.abo.categories.table {}
.abo.categories.thead th {
  vertical-align: middle;
  font-size: 16px;
}
.abo.categories thead {}
.abo.cellcategories {}
.abo.label {}
.abo.labelcc {}
.abo.ranksite{}
.abo.amount {}
.abo.garbageimg {}
.abo.garbagebtn {}
.abo.btnseat {}
.abo.paneltotal {}
.abo.table.total {}
.abo.row.total {
  display: table-row;
}
.abo.cell.totalnblib {}
.abo.cell.totalnb {}
.abo.cell.totalspace {}
.abo.cell.totalamountlib {}
.abo.cell.totalamount {}

/* Products */
.products.nombre {text-align:center;}
.products.montant {text-align:center;}
.products.libelle {text-align:center;}

.catalog.cellbtn {
    padding: 20px 0;
    text-align: right;
}
.catalog.eventinfo2 strong {
    display: inline-block;
    font-weight: normal;
    padding: 5px;
}
.catalog.eventinfo2 span {
    display: inline-block;
}
#aspnetForm div#messageSL {
    border: 1px solid #4087ff;
    color: #1a2a44;
    height: auto;
    margin: 0 0 30px;
    padding: 10px;
}
#silverlightControlHost {
    background: #1a2a44 none repeat scroll 0 0;
    margin: 20px auto;
    padding: 20px;
}
.categories.info > b {
    color: #4087ff;
    font-weight: bold;
    text-transform: uppercase;
}
#messageSL2 span {
    padding: 0 20px 0 0;
}
.categories.backbutton, .categories.validbutton, .calendar.backbutton {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid;
    color: #1a2a44;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    height: auto;
    margin: 0 0 20px;
    padding: 10px !important;
}
.categories.validbutton {
    background: rgba(0, 0, 0, 1) none repeat scroll 0 0;
    border: 1px solid;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: lighter;
    height: auto;
    margin: 0 0 20px;
    padding: 10px !important;
    transition: all 0.3s ease 0s;
}
.categories.validbutton:hover {
    background: #4087ff none repeat scroll 0 0;
}
.delivery.row a.delivery.info {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 5px 10px;
    text-transform: uppercase;
}
.infocatalog .infocatalog.link {
  background: transparent;
  border: 1px solid #4087ff;
  color: #4087ff;
  display: inline;
  font-size: 14px;
  font-weight: 800;
  height: auto;
  margin: 10px 0 20px;
  padding: 10px 20px !important;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  white-space: nowrap;
  border-radius: 50px;
}
.infocatalog .infocatalog.link:hover {
  color: #000;
  border: 1px solid #000;
}
.categories.tablecateg {
    margin: 10px 0 30px;
}
.calendar.table th {
    font-weight: normal;
    text-transform: uppercase;
}
.panel {
  background-color: #fff !important;
  border: 1px solid #d8d8d8 !important;
  border-radius: 10px;
  box-shadow: inherit;
  margin-bottom: 20px;
  margin: 10px;
}
legend {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: -moz-use-text-color -moz-use-text-color #e5e5e5;
  border-image: none;
  border-style: none none solid;
  border-width: 0 0 0px;
  color: #1a2a44;
  display: inline-block;
  font-family: inherit;
  font-size: 21px;
  font-weight: lighter;
  line-height: inherit;
  margin-bottom: 0;
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
}
.properties.tabcontener {
    width: 100%;
}
.identity.validdiv {
    font-family: open sans;
    font-size: 12px;
    position: relative;
    text-align: center;
    width: 90%;
}
label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}
.identity.contener td[width="30%"] {
    text-align: left;
    width: 40%;
}
.identity.contener td[style="width:30%;"] {
    text-align: left;
}
.identity.panel select {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #1a2a44;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    padding: 5px;
    width: 100% !important;
}
.identity.contener td .identity.idlabel {
  display: inline-block;
  font-size: 1rem;
  height: 100%;
  margin: 10px 10px 0 0;
}
#ctl00_ContentPlaceHolderAW_bdday {
    margin: 0 20px 0 0;
    width: 20% !important;
}
#ctl00_ContentPlaceHolderAW_bdmonth {
	margin: 0 20px 0 0;
    width: 30% !important;
}
#ctl00_ContentPlaceHolderAW_bdyear {
    border: 1px solid #ccc;
    color: #1a2a44;
    padding: 5px 10px;
    width: 30% !important;
}
#ctl00_ContentPlaceHolderAW_lblidentitypwdinfo4 {
  border: 1px solid #ff0060 !important;
  color: #fff;
  background-color: #ff0060 !important;
  padding: 5px 10px;
  width: 100% !important;
}

input[type="checkbox"], input[type="radio"] {
    line-height: normal;
    margin: 4px 0 0;
    vertical-align: middle;
}
input:focus, optgroup:focus, select:focus, textarea:focus {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.login.lopanel.locontener td {
  text-align: left;
  width: auto;
}
.products.nombre > input {
    border: 1px solid #ccc;
    margin: 5px;
    padding: 5px 10px;
}
.products {
    vertical-align: middle !important;
}

.order.catalog, .order.nombre, .order.montant, .order.prix, .order.article {
    padding: 15px;
    text-align: center !important;
}
select.order.catalogdeliv.deliverylist {
  border: 1px solid #ccc;
  color: #1a2a44;
  margin: 10px 0 10px 10px;
  padding: 10px 10px !important;
  width: auto;
}
.order.tbottom.valueTotalNb, .order.tbottom.valueTotalAmount {
    color: #4087ff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}
.order.modifybutton, .order.kdo.btn, .order.cp.btn, .customerorder.btnBuyTickets, .customerorder.btnViewPanier, .customerorder.btnEditIdentity, .order.btnDetailReturn, .order.delbutton, .login.createbutton, .login.loginbutton, .identity.backbutton, .calendar.backbutton, .order.backbutton, .order.validbutton, .categories.validbutton, .categories.backbutton, .order.paybutton {
  background-color: transparent;
  color: #4087ff;
  cursor: pointer !important;
  display: inline-block;
  font-size: 1rem !important;
  font-weight: 800;
  height: auto;
  margin: 5px 0;
  min-width: auto;
  padding: 10px 20px !important;
  text-align: center;
  text-transform: uppercase;
  width: auto !important;
  border: 2px solid #4087ff;
  border-radius: 50px;
}

.order.modifybutton:hover, .order.kdo.btn:hover, .order.cp.btn:hover, .customerorder.btnBuyTickets:hover, .customerorder.btnViewPanier:hover, .customerorder.btnEditIdentity:hover, .order.btnDetailReturn:hover, .order.delbutton:hover, .login.createbutton:hover, .login.loginbutton:hover, .identity.backbutton:hover, .calendar.backbutton:hover, .order.backbutton:hover, .order.validbutton:hover, .categories.validbutton:hover, .categories.backbutton:hover, .order.paybutton:hover {
  background-color: #4087ff;
  color: #ffffff;
}
.order.catalogdeliv.applybutton {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 10px;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
}
span.order.catalog.address {
    margin: 0 0 10px;
    padding: 0;
}
.order.tbody td {
    padding: 10px;
}
span.order.catalog.title {
    padding: 20px 0;
    text-align: left !important;
}
span.order.catalog.delivery {
    padding: 0;
}
.order.acceptcgv > input[type="checkbox"], input[type="radio"] {
    background: #fff none repeat scroll 0 0;
    border: 1px solid;
    margin: 0 10px 0 0;
}
#aspnetForm.main table {
  width: 100%;
  border-collapse: collapse;
}
.customerorder.getdetailbutton{
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 5px 30px;
    text-transform: uppercase;
    transition: inherit;
}
.catalog.buybutton:hover {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    font-size: 15px;
    padding: 10px 30px;
    text-transform: uppercase;
    transition: inherit;
}
.order.catalog.delheader .order.delbutton {
    /*position: absolute;*/
    right: 20px;
}
#aspnetForm.main .identity.contener table {
  width: 100% !important;
  display: table;
}
.identity.validdiv td {
    border-top: 1px solid #ccc;
    margin: 0 20%;
    padding: 20px 0 0;
    text-align: center;
}
.identity.panel .identity.contener td .identity.idlabel {
  margin: 10px 0;
  width: 100% !important;
}

.login.lopanel.locontener td .login.lolabel {
    display: inline-block;
    margin: 0 5px 0 0;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#messageSL2 a {
    color: #4087ff;
    font-weight: bold !important;
    white-space: nowrap;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 {
    margin: 20px 0 0;
}
#messageSL2 span.categories.info.select {
    font-size: 14px;
    font-weight: bold;
}
#aspnetForm div#messageSL {
    border: 0 none;
    color: #1a2a44;
    height: auto;
    margin: 0 0 30px;
    padding: 10px;
}
#aspnetForm div#legende {
    margin: 0 0 20px !important;
}
.customerorder.catalog.date {
    color: #4087ff;
    font-weight: lighter;
    font-size: 12px;
}
.customerorder.catalog.ordertitle {
    color: #373737;
    font-size: 14px;
}
.customerorder.catalog.amount {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
}
.customerorder.catalog.bottom {
    background: #F7F7F7;
}
.login.panel.contener span {
    margin: 0 20px 0 0;
    font-weight: lighter;
    font-size: 14px;
}

.login.panel legend {
  padding: 0;
  font-size: 22px;
  font-weight: 800;
}
.login.panel.contener input.login.loginbutton {
    border: none !important;
    width: auto !important;
    padding: 5px 20px;
}
.order.cp.lib {
    font-weight: bold;
    padding: 10px 0 !important;
    text-align: left;
    vertical-align: middle;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 15px 0;
    vertical-align: top;
}
.order.cp.btn {
    padding: 5px 20px !important;
    text-align: left !important;
    width: auto !important;
}
.order.kdo.table {
    display: inline-block;
    padding: 0 0 !important;
    width: 100% !important;
    background: #f2f2f2 !important;
}
.order.separate {
    border: none;
}
@media (max-width: 640px) {
.order.cp.divparent {
    margin: auto;
    padding: 5px;
    width: 100% !important;
}
.order.kdo.divparent {
    margin: 0 auto;
    padding: 5px;
    width: 100% !important;
}
} 

/* PERSONNALISATION MONTICKET.RE */
#mapContainer.aparteMapContainer {
    border: medium none !important;
}
#aspnetForm div#legende {
    background: rgba(0, 0, 0, 0.04) none repeat scroll 0 0;
    border-bottom: 20px solid #333;
    margin: 0 !important;
    padding: 20px;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 {
    background: rgba(0, 0, 0, 0.05) none repeat scroll 0 0;
    border-top: 20px solid;
    margin: 0;
    padding: 20px;
}
#messageSL2 span.categories.info.select {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
#ctl00_ContentPlaceHolderAW_delivery tr td {
    background: #ffffff none repeat scroll 0 0 !important;
}
#divRecapMap.recapMap {
	background: #fff none repeat scroll 0 0;
	border: medium none;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
	height: auto;
	margin: 0;
	max-width: 500px;
	min-width: 300px;
	opacity: 1;
	padding: 0;
	width: min-content;
	z-index: 1000 !important;				  
}
#divRecapMap.recapMap #ok {
    background: #4087ff none repeat scroll 0 0;
    border: medium none;
    color: white !important;
    cursor: pointer;
    float: left;
    font-weight: lighter;
    height: auto;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
	font-weight: bold;			   
}
#divRecapMap.recapMap #ok:hover {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: white !important;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: auto;
    padding: 5px 20px;
    text-shadow: none;
    text-transform: uppercase;
    width: auto;
}
#divRecapMap.recapMap #cancel {
    background: #ececec none repeat scroll 0 0;
    border: medium none;
    color: white;
    cursor: pointer;
    float: none;
    height: auto;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto;
	font-weight: bold;			   
}
#divRecapMap.recapMap #cancel:hover {
    background: #d0d0d0 none repeat scroll 0 0;
    border: medium none;
    color: white;
    cursor: pointer;
    float: none;
    height: auto;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto;
}
#divRecapMap.recapMap #divButtons {
    bottom: inherit;
    display: none;
    height: 25px;
    margin: 20px;
    position: static;
    right: inherit;
    text-align: right;
    width: auto;
}
#divRecapMap.recapMap #divCC {
    background-color: #ffffff;
    border-bottom: 1px dotted gray;
    color: white;
    font-weight: bold;
    height: auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}
#divRecapMap.recapMap #divCC label {
    display: inline-block;
    font-family: open sans;
    font-weight: 100;
    margin-bottom: 5px;
    max-width: 100%;
}
#divRecapMap.recapMap #divCC label#nameSeance {
    font-size: 24px;
}
#divRecapMap.recapMap #divCC label#dateSeance {
    color: #4087ff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px;
}
#divRecapMap.recapMap #divDescription {
    border-bottom: 1px solid #ddd;
    color: black;
    height: auto;
    padding: 15px 0;
    width: 100%;
}
.recapMap #divRates #tableRates .radio {
    margin: 0px;
}
#divRecapMap.recapMap #divRates #tableRates .radio input[name="optradioRates"] {
    background: #fff000 none repeat scroll 0 0;
    display: inline-block;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart {
    background: #fff none repeat scroll 0 0;
    width: 100% !important;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table {
    border: medium none !important;
    width: 100% !important;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table th {
    border: 1px solid #ddd;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#cart table td {
    border: 1px solid #ddd;
    padding: 10px;
}
.recapMap #divRates {
    background-color: white;
    border-bottom: 1px dotted gray;
    color: black;
    height: auto;
    max-height: 50%;
    padding: 20px;
    width: 100%;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 div#messageSL2 a {
    background: #4087ff none repeat scroll 0 0;
    color: #fefefe;
    display: inline-block;
    font-size: 13px;
    font-weight: bold !important;
    margin: 5px auto 0;
    padding: 5px 15px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
}
#body {
	background: #ffffff url("") no-repeat scroll 50% 0;
    	/*background: #081118 url("https://www.monticket.re/assets/img/habillage-monticket-KDO-2016.jpg") no-repeat scroll 50% 0;*/
	/*background: no-repeat scroll 50% 0 !important;
	background-size: 1280px auto;*/
	cursor: auto !important;
	margin-top: 160px !important;
    	width: 1000px !important;
    	margin: 0px auto !important;
}
/* start abonnement*/

.abo.libelleform {
    display: block;
    font-size: 25px;
    font-weight: 100;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 legend {
    font-size: 20px;
    letter-spacing: 0;
    text-transform: inherit;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab select.abo.rates.nb {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    display: block;
    margin: 0 0 0 auto;
    padding: 5px;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab .abo.rates.row {
    border-bottom: 1px solid #ddd;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .categories.thead th, .order.thead th {
    background-color: #232323;
    background-image: none;
    border: medium none;
    color: #fff;
    font-weight: normal;
    height: auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table select.abo.labelcc {
    border: 1px solid #ccc;
    padding: 5px;
}
input[type="submit"]:not(.btn), button[type="submit"]:not(.btn) {
  transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
  padding: 0.6875rem 1.875rem;
  font-size: 1rem;
  line-height: 1.375;
  border-radius: 50rem;
  background-color: transparent;
  color: #1a2a44;
  border: 2px solid #1a2a44;
    border-top-color: rgb(26, 42, 68);
    border-right-color: rgb(26, 42, 68);
    border-bottom-color: rgb(26, 42, 68);
    border-left-color: rgb(26, 42, 68);
  display: inline-block;
  vertical-align: middle;
  font-weight: 800;
  text-align: center;
  margin: 0;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table .abo.btnseat {
    background: #1a2a44 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    padding: 5px 20px;
    text-transform: uppercase;
    width: auto !important;
}
td.abo.cellcategories {
	vertical-align: middle;
	text-align: center;
	padding: 10px;
	font-weight: bold;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.categories.table .abo.label {
	color: #1a2a44;
	font-size: 18px;
	font-weight: bold;
}
#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab .abo.rates.cell {
	padding: 10px 0;
	width: 50%;
}
.abo.rate.headerlib {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 5px;
    text-align: center;
    text-transform: uppercase;
}
.abo.rate.headernb {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 5px 0;
    text-transform: uppercase;
 text-align:left;
}
.abo.cell.totalnblib {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 10px;
}
.abo.cell.totalamountlib {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 10px;
}
.order.tbottom.textTotalNb {
    font-weight: bold;
}
.abo.cell.totalnb {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}
.order.tbottom {
    background: #f2f2f2 none repeat scroll 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    text-align: left;
}
.abo.cell.totalamount {
    color: #4087ff;
    font-size: 14px;
    font-weight: bold;
    text-align: right;
}

/* Tableau Catégorie Plan HTML5 */

#divlegend {
    background: #fff none repeat scroll 0 0;
    padding: 0;
}
.legendthcateg {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}
.legendthprice {
    background: #4087ff none repeat scroll 0 0;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;
}
.legendtdname, .legendtdrate, .legendtdcolor {
    border-bottom: 1px solid #eee;
    padding: 10px 20px;
}
.legendtdcolor {
    padding: 10px;
    width: 5%;
}

/* Fin Tableau */

/* Gestion Abonnement */
.abo.rates.row::before {
    display: none !important;
    content: " ";
}

.row::before {
    display: none !important;
    content: " ";
}

.abo.rates.tab .abo.rates.row .abo.rates.cell {
    text-align: center;
}

#ctl00_ContentPlaceHolderAW_UpdatePanel1 #ctl00_ContentPlaceHolderAW_SubForm .abo.rates.tab select.abo.rates.nb {
	float: left;
	width: 50%;
}

#ctl00_ContentPlaceHolderAW_IDlblloyalty {
   background: #dc1879;
   color: #fff;
   font-size: 15px;
   padding: 10px 20px 10px;
   margin: 0 10px 20px 0;
   display: block;
   text-transform: uppercase;
   font-weight: bold;
}
#ctl00_ContentPlaceHolderAW_IDtxtloyalty {

   color: #878787;
   background: #fff;
   border: 3px solid #dc1879;
   margin: -20px 10px 0 0px;
   display: block;
   padding: 7px 10px;
   width: 100%;
   font-size: 15px;

}

/* Bouton paiement */

#ctl00_SecondFormular > form > input
{
color:black;
background-color: #48FB47;
font-size:14px;
text-transform: uppercase;
padding:20px;
cursor: pointer;
text-align:center;
width:100%;
}
#page #banner .banner.image {
  width: 100%;
}

/* Correctif marge haute en responsive */
@media screen and (max-width: 990px) {
#body {
    	width: auto !important;
}
}

@media screen and (max-width: 990px) {
    #body {
        margin: -20px auto 0 !important;
    }
	.main {
  background-color: #ffffff;
  padding: 0 10px;
}
.identity.idtext, .identity.text {
  width: 92% !important;
}
}

/* Mon Compte */
#ctl00_ContentPlaceHolderAW_PanelNouveau.login.panel #ctl00_ContentPlaceHolderAW_UpdatePanel1 {
  background: transparent;
  border-top: 0;
  margin: 30px 0 0;
  padding: 0;
  position: relative;
  bottom: 60px;
  height: 23px;
}

.login.panel .login.lopanel.locontener p {
  padding: 20px 0 0;
}

#aspnetForm .categories.select {
  font-size: 1rem;
  padding: 10px 20px;
  width: auto !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
}
#aspnetForm .order.select {
  font-size: 1rem;
  padding: 10px 20px;
  width: auto !important;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.05);
}
#aspnetForm input {
  padding: 10px 20px !important;
}
.order.catalogdeliv.header {
  padding: 20px !important;
  background: #e1e1e1;
}
.order.catalog.delheader {
  vertical-align: baseline;
}
.order.catalogdeliv.delivery {
  font-size: 14px !important;
}

select:not(.form-control):not(.custom-select) {
  padding: 10px !important;
}
#aspnetForm input#ctl00_ContentPlaceHolderAW_bdyear.identity {
  width: 33% !important;
}

@media screen and (max-width: 780px) {
.login-forms .style3 {
  width: 100%;
  float: left;
}
#main input[type="text"]:not(.form-control) {
  width: 100% !important;
}
.identity.panel {
  width: 100% !important;
  display: inline-block;
  padding: 15px;
}
.identity.contener td[style="width:30%;"] {
  text-align: left;
  width: 40% !important;
}
.identity.idtext, .identity.text {
  width: 90% !important;
}
}

@media screen and (max-width: 600px) {

.step li {
  width: 100%
}
.order.validdiv td {
  display: table;
  text-align: center;
  width: 100%;
}
.categories.tablecateg .categories.thead span {
  font-size: 3vw;
  padding: 10px 0;
}
.order.tablecateg .order.thead span {
  font-size: 3vw;
  padding: 10px 0;
}

.infocatalog td {
  display: grid;
}
.cat.validdiv td {
  display: grid;
  text-align: center !important;
}
.order.catalog.header {
  /* display: grid; */
}
.order.catalog.delheader {
  /* display: grid; */
}
#aspnetForm.main table {
  width: 100%;
  position: relative;

}
.login.lopanel.locontener td {
  text-align: left;
  width: auto;
  display: grid;
}
.calendar.table th {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 3vw;
  padding: 3px;
}
.calendar tbody h5 {
  height: 50px;
}
.identity.idtext, .identity.text {
  width: 85% !important;
}

}

@media screen and (max-width: 480px) {

.categories {
  font-size: 3vw !important;
  padding: 5px 0.5vw !important;
}
.order {
  font-size: 3vw !important;
  padding: 5px 0.5vw !important;
}
#aspnetForm .categories.select {
  font-size: 3vw !important;
  padding: 10px 5px !important;
}
#aspnetForm .order.select {
  font-size: 3vw !important;
  padding: 10px 5px !important;
}

#aspnetForm.main table {
  width: 100%;
  position: relative;
}
.order.catalog.delheader input {
  padding: 10px 20px !important;
  margin: 0px 0 0 !important;
}
span.order.catalog.title {
  padding: 20px 0;
  text-align: left !important;
  font-size: 5vw !important;
}
span.order.catalog.address {
  margin: 0 0 10px;
  padding: 0;
  font-size: 4vw !important;
}
.order.catalog.date {
  font-size: 13px !important;
  padding: 5px 5px !important;
}
span.order.catalog.delivery {
  padding: 0;
  font-size: 14px !important;
  display: grid;
  text-align: left !important;
}
#aspnetForm input#ctl00_ContentPlaceHolderAW_bdyear.identity {
  width: 60% !important;
}
.identity.idtext, .identity.text {
  width: 75% !important;
}

}

#header_main {
  border-color: #ff4a47 !important;
  padding: 10px 0;
}
#header_main {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	z-index: 1;
	border-top: none !important;
}
#socket {
	background: #ff4a47 !important;
	border-color: #ff4a47 !important;
}
.header_color .primary-background, .header_color .primary-background a, div .header_color .button, .header_color #submit, .header_color input[type="submit"], .header_color .small-preview:hover, .header_color .avia-menu-fx, .header_color .avia-menu-fx .avia-arrow, .header_color.iconbox_top .iconbox_icon, .header_color .iconbox_top a.iconbox_icon:hover, .header_color .avia-data-table th.avia-highlight-col, .header_color .avia-color-theme-color, .header_color .avia-color-theme-color:hover, .header_color .image-overlay .image-overlay-inside::before, .header_color .comment-count, .header_color .av_dropcap2, #top #wrap_all .header_color .av-menu-button-colored > a .avia-menu-text, .header_color .av-colored-style .av-countdown-cell-inner, .responsive #top .header_color .av-open-submenu.av-subnav-menu > li > a:hover, #top .header_color .av-open-submenu.av-subnav-menu li > ul a:hover {
	background-color: #ff4a47 !important;
	color: #ffffff;
	border-color: #c2aa9a;
}
header {
  width: 100% !important;
  position: fixed !important;
  left: 0;
  top: 0;
}
.form-inline {
  display: table-cell !important;
}
#canvasToolTip {
  display: none;
}
#mapContainer {
  overflow: hidden;
}
.recapMap #divDescription table tr td {
  width: 50%;
  text-align: center;
  height: 20px;
  color: #000 !important;
  font-size: 16px !important;
}








.unselectSeat {
    opacity: 0.98;
    z-index: 150;
    height: 50px;
    width: 50px;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-image: url('data:image/png;base64,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');
    background-position: center;
    background-repeat: no-repeat;
    background-color: black !important;
    display: none;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-color: black !important;
    box-shadow: rgba(0,0,144,0.2) 2px 2px;
    font-size: 11pt;
    display: none;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    border-radius: 1px;
}

input[name=optradioRates] {
    left: 2px;
    margin: 5px;
    position: inherit;
}

.radio {
    margin: 2px;
    font-size: 14px !important;
    font-family: Tahoma,Verdana;
    padding: 0px 0px 0px 10px;
}

.recapMap {
    z-index: 150;
    height: 230px;
    width: 300px;
    border: 1px solid rgba(0,0,144,0.2);
    position: fixed;
    background-color: #1F1F1F;
    color: black !important;
    font-size: 14pt !important;
    display: none;
    float: right;
    font-family: Arial;
    margin: 0;
    padding: 0;
    box-shadow: 9px 14px 14px 9px rgba(0, 0, 0, 0.7);
    border-radius: 10px 10px 10px 10px;
}

.loyaltylib {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    background-color: transparent;
}

.loyaltylibdiv {
	text-align: center;
	margin: 0px 0 -10px;
}

.recapMap #divCC {
    /*background-color: #0E1D41;*/
    background-color: #0f0f0f;
    color: black !important;
    font-weight: normal;
    height: auto;
    width: 100%;
    text-align: center;
    border-bottom: 1px dotted gray;
    border-radius: 10px 10px 0px 0px;
}

.recapMap #divCC table {
    width: 100%;
    text-align: center;
}

.recapMap #divCC table tr th td {
    width: 100%;
    text-align: center;
}


.RateSelected {
  color: #00e100 !important;
  font-weight: 900;
}


.recapMap #divDescription {
    color: black !important;
    width: 100%;
    height: auto;
}


.recapMap #divDescription table {
    width: 100%;
    text-align: left;
}

#tableDesc {
    width: 100%;
    font-size: 13px;
    font-family: Verdana;
    border-collapse: collapse;
}

#divlibrate {
    background-color: grey;
}

#tablelibrate {
    width: 100%;
    padding: 0px;
}

#tdlibrate {
    font-size: 13px;
    font-family: Verdana;
    background-color: black !important;
    color: black !important;
    text-align: left;
    height: 25px;
    padding-left: 5px;
}

.recapMap #divDescription table tr td {
    width: 50%;
    text-align: center;
    height: 20px;
    color: #000;
}

.recapMap #divDescription table th {
    width: 50%;
    text-align: center;
}


.csscateg {
    font-weight: 300;
}

.recapMap #divRates {
	background: #f2f2f2 !important;
	border-bottom: 1px dotted gray;
	color: black !important;
	width: 100%;
	height: auto;
	border-radius: 5px 5px 5px 5px;
	padding: 10px !important;
	max-height: inherit !important;
	overflow-y: inherit !important;
}


#tableRates {
	width: 100%;
	border-collapse: collapse;
	color: black !important;
	position: relative;
}

    #tableRates table tr td {
        height: 30px;
    }

.tableratetd {
    border-bottom-color: gray;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

#tableRates tbody tr:nth-child(odd) {
    background-color: #06065C;
}

#tableRates tbody tr:nth-child(2n) {
  background-color: #FFF !important;
}

#divRates span {
  font-size: 12px !important;
  font-family: Verdana;
  color: black !important;
  line-height: 16px !important;
  display: inline-block;
  text-align: justify;
}

.miniplan {
    background-color: black !important;
    border-color: gray;
}

#divButtons {
    height: 36px;
    bottom: 0;
    right: 0;
    width: 100%;
    position: relative;
    text-align: right;
    display: table-footer-group;
    font-size: 11px;
}

#ok {
    color: black !important;
    background: #014401;
    cursor: pointer;
    border: none;
    width: 40%;
    float: left;
    height: 30px;
    margin: 5px;
    font-weight: 100;
    line-height: normal;
    border-radius: 15px;
}

#cancel {
    color: black !important;
    background: #570100;
    cursor: pointer;
    border: none;
    width: 40%;
    float: right;
    height: 30px;
    margin: 5px;
    font-weight: 100;
    line-height: normal;
    border-radius: 15px;
}

#ok:hover {
    color: black !important;
    background: #018F01;
}


#cancel:hover {
    color: black !important;
    background: rgb(205, 60, 60);
}


.toolBox {
    background-color: black !important;
    border-right: 1px solid gray;
    border-bottom: 1px solid gray;
    border-top: 1px solid gray;
    width: 30px;
    height: 100px;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 10px;
    padding: 3px;
    position: fixed;
}

    .toolBox span {
        cursor: help;
    }

    .toolBox table {
        width: 100%;
    }

.toolTip {
    color: black !important;
    position: fixed;
    z-index: 9999;
    width: 250px;
    padding: 5px;
    display: none;
    background-color: floralwhite;
    border: 3px double gray;
    border-radius: 5px;
    font-size: 12px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

#spinnerContainer {
    background-color: black !important;
    opacity: 0.2;
    z-index: 6;
}



.sk-cube-grid {
    width: 60px;
    height: 60px;
    top: 30%;
    position: relative;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 32%;
        height: 32%;
        background-color: black !important;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}
#tableRates tbody tr:nth-child(2n+1) {
  background-color: #FFF !important;
}
#idloyaltycard {
  margin: 10px auto;
  width: 90% !important;
  display: block;
  border-radius: 10px;
  border: solid 1px #cacaca;
}
#aspnetForm input#idloyaltycard {
	margin: 10px auto;
	width: 90% !important;
	display: block;
	border-radius: 10px;
	border: solid 1px #cacaca;
	padding: 5px 20px !important;
}
#canvasMiniPlan {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 99 !important;
}
#canvasMovePlan {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 100 !important;
}
#canvasMiniPlanEvents {
	left: inherit !important;
	top: inherit !important;
	right: 0px !important;
	bottom: 100px !important;
	/* background: #ff0000; */
	position: fixed !important;
	z-index: 100 !important;
}
.recapMap #divRates #tableRates .radio .glyphicon.glyphicon-pushpin {
  display: none;
}
.recapMap #divRates #tableRates .RateSelected .radio .glyphicon.glyphicon-pushpin {
  display: block;
  font-weight: lighter;
}
.recapMap #divRates #tableRates td[colspan="2"] {
  display: none;
}
.recapMap #divRates #tableRates:hover td[colspan="2"] {
  display: block;
}
#tableRates td[colspan="2"] {
	background: #fff;
	position: absolute;
	top: -88px;
	left: -20px;
	box-shadow: 1px 1px 10px #0000005e;
	border-radius: 10px;
	width: 320px;
	border: solid 5px #4087ff;
}
#mapContainer.aparteMapContainer #canvasMiniPlanEvents,
#mapContainer.aparteMapContainer #canvasMiniPlan,
#mapContainer.aparteMapContainer #canvasMovePlan
{
  display: none;
}
#mapContainer.aparteMapContainer:hover #canvasMiniPlanEvents,
#mapContainer.aparteMapContainer:hover #canvasMiniPlan,
#mapContainer.aparteMapContainer:hover #canvasMovePlan
{
  display: block;
}
#mapContainer {
  overflow: hidden;
  height: 650px !important;
}
.recapMap #divRates #tableRates div {
  text-align: left !important;
  padding: 0 10px 0;
}
.recapMap #divRates #tableRates div.loyaltylibdiv {
	text-align: center !important;
}
.search-drop {
	background: transparent;
	display: none;
}

/*Gestion Moteur Recherche */
.form-inline {
  display: flex !important;
    margin: 20px 0 0
}
 
table.form-search td {
  width: 100%;
  display: table-header-group;
}
#main .form-search input[type="text"]:not(.form-control) {
    margin:10px;
    background: #E8F0FF;
  }
@media screen and (max-width: 780px) {
    #main .form-search input[type="text"]:not(.form-control) {
    width: 50% !important;
  }
}
@media screen and (max-width: 480px) {
#aspnetForm.main table tr {
    position: relative;
    display: table;
    width: 100%;
    margin: 20px 0;
}
#aspnetForm.main table .catalog.cell {
    display: table;
    background: #fff;
    min-width: 100%;
    border: none;
}
  #aspnetForm.main table .catalog.cellbtn {
   display: table;
   background: #fff;
   text-align: left;
   border-bottom: 1px solid #dbdbdb !important;
   min-width: 100%;
   border: none;
  }
#aspnetForm.main table .catalog.cellbtn input {
    margin: 0 0 20px;
}
     .catalog.cell img {
    width: 100%;
  }
}
 
/* Gestion titre event */
#ctl00_ContentPlaceHolderAW_catalog .catalog.cell span.catalog.event br {
  display: none;
}

.form-search .catalog.title::before {
  content: "LE CATALOGUE";
  border-bottom: 2px solid #4087ff;
  color: #1a2a44;
  font-size: 18px;
  font-weight: lighter;
  padding: 0 0 10px;
  text-align: left;
  display: inline-block;
  visibility: visible;
}
.form-search .catalog.title {
  font-size: 0px;
  visibility: hidden;
}

.catalog.title {
  display: inline-block;
}

/* Gestion mois calendrier */
.calendar.month a {
	background-color: #ffffff;
	border-color: #4087ff;
	border-style: solid;
	border-width: 3px;
	color: #4087ff !important;
	display: inline-block;
	font-weight: bold !important;
	margin: 0 0px 10px 10px !important;
	padding: 0 20px !important;
	transition: all 0.3s ease 0s;
	width: auto !important;
	border-radius: 20px;
	font-size: 16px !important;
	text-transform: uppercase;
}
.calendar.month.selected {
  background-color: #ffffff;
  border-color: #1a2a44;
  border-style: solid;
  border-width: 3px;
  color: #1a2a44 !important;
  display: inline-block;
  font-weight: bold;
  margin: 0 0px 10px 10px !important;
  padding: 0 20px;
  transition: all 0.3s ease 0s;
  width: auto;
  border-radius: 20px;
  font-size: 16px;
  text-transform: uppercase;
}
.calendar.month a:hover {
  background: #4087ff;
  color: #fff !important;
}


	
#canvas {
  display: none;
}
#ctl00_ContentPlaceHolderAW_TableBlock {
	position: relative;
	background: transparent;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  transform-origin: left;
}

#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 100%;
  } 

#ctl00_ContentPlaceHolderAW_TableBlock td {
  display: table;
    }
@media (min-width: 2000px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 160%;
    margin: 6vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 2000px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 160%;
    margin: 6vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 1800px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 140%;
    margin: 5vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 1600px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 130%;
    margin: 4vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 1400px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 120%;
    margin: 4vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 1200px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 110%;
    margin: 3vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}

@media (max-width: 1100px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 100%;
    margin: 3vw 0;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}

@media (max-width: 980px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 95%;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -20px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 0px !important;	
}
}
@media (max-width: 860px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 90%;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: 10px;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: 20px;	
}
}
@media (max-width: 780px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 85%;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -30px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -10px !important;	
}
}
@media (max-width: 700px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 80%;
  } 
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -40px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -20px !important;	
}
}
@media (max-width: 680px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 70%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -60px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -40px !important;	
}
}
@media (max-width: 580px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 60%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -80px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -60px !important;	
}

}
@media (max-width: 500px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 55%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -90px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -70px !important;	
}

}
@media (max-width: 460px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 50%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -100px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -80px !important;	
}
}
@media (max-width: 400px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 40%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -130px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -110px !important;	
}
}
@media (max-width: 340px) {
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_Stadium {
  scale: 35%;
  }
  #ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	top: -140px !important;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	top: -120px !important;	
}
}




#ctl00_ContentPlaceHolderAW_TableBlock td.block.tarif {
	background: transparent;
	color: #934dac;
	border: none;
	padding: 5px 10px;
	border-radius: 0;
}

select:not(.form-control):not(.custom-select) {
  display: inline-block !important;
  padding: 10px 34px 10px 10px !important;
}

/* Gestion présentation manifs avec blocs */

.infocatalog {
	margin: 0 0 5px;
	text-align: left;
	width: 100%;
}
 
.infocatalog.cell {
	width: 90vw;
	padding: 0 10px;
	border: none;
}
.infocatalog.cell img {
  max-width: 100%;
  max-height: 250px;
}
 
#ctl00_ContentPlaceHolderAW_TableBlock td {
	display: flex;
	width: auto;
	height: auto !important;
	margin: auto;
	padding: 10px 10px;
}


#canvas {
  display: block;
  top: -313px;
  position: relative;
  left: -162px;
  z-index: 1000;
  opacity: 0.3 !important;
}

@media (max-width: 980px) {
#canvas {
  display: none;
}
}

#aspnetForm.main table#tableRates.table-striped tr {
  margin: 0;
}

#ctl00_ContentPlaceHolderAW_UpdatePanel1 .categories.info > b {
  color: #fff;
}

div#canvasNoDispo {
	z-index: 1000;
	position: relative;
	display: none;
	top: 0;
	left: 0;
}
@media (max-width: 980px) {
div#canvasNoDispo {
  display: none;
}
}

#canvas {
  display: none;
  top: -326px;
  position: relative;
  left: -162px;
  z-index: 10;
  opacity: 0.3 !important;
}

@media screen and (max-width: 480px) {
#aspnetForm.main table tr {
    position: relative;
    display: table;
    width: 100%;
    margin: 0px 0;
}
}

.cat.validdiv {
	border-top: 1px solid #d5d5d5;
	margin: 20px 0;
	padding: 20px 0;
}
#ctl00_ContentPlaceHolderAW_TableBlock tr {
	background: #fff00000;
	display: block ruby;
	position: relative;
}
#ctl00_ContentPlaceHolderAW_TableBlock td.infocatalog.catalog {
  display: none;
}

#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 1;
	background: #ffffff;
	padding: 5px 20px;
	border-radius: 10px;
	border: 1px solid #b7b7b7;
	max-width: 200px;
	min-width: auto;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
	position: absolute;
	z-index: 10;
	top: 20px;
	width: auto;
	display: block;
	left: 0;
	background: #fff;
	box-shadow: 1px 1px 10px #0006;
	padding: 10px;
}

#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_TabRate {
  display: block;
}
#ctl00_ContentPlaceHolderAW_TableBlock #ctl00_ContentPlaceHolderAW_textBlock {
  display: block;
}


#ctl00_ContentPlaceHolderAW_TableBlock:hover #ctl00_ContentPlaceHolderAW_TabRate {
  display: none;
}
#ctl00_ContentPlaceHolderAW_TableBlock:hover #ctl00_ContentPlaceHolderAW_textBlock {
  display: none;
}


@media(hover: none) and (pointer: coarse){
#ctl00_ContentPlaceHolderAW_TableBlock:hover #ctl00_ContentPlaceHolderAW_TabRate {
  display: none;
}
#ctl00_ContentPlaceHolderAW_TableBlock:hover #ctl00_ContentPlaceHolderAW_textBlock {
  display: none;
}
.block.bloc #ctl00_ContentPlaceHolderAW_lblInfoBlock {
	display: block;
}
#ctl00_ContentPlaceHolderAW_SubForm .abo.panelgroup legend {
	font-size: 28px !important;
	font-weight: lighter;
	padding: 20px 0 0;
}
.abo.rates.row {
  display: table-row !important;
}