@charset "UTF-8";
/* CSS Document */

/* Structure */
html, body {
	min-height: 100%;
	height: auto!important;
	height: 100%;
	margin:0;
}
form{
	margin:0;
	padding:0;
}
input{
	border:1px solid #c4ccd5;
	margin:0;
	padding:2px;
	color:#999999;
	background-color:#FFF;
	font-size:12px;
}
ul, ol, dl, li, dt, dd {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
a, a:visited, a:hover{
	color:#C60A46;
}

img{
	border:0;
}
body {
	background: url('/files/plugin/resspect/images/bg_body.gif') left top repeat-x #faf8f7;
	color: #666;
	font-size: 12px;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	text-align: center;
}
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: left;

}
#left{
	width:700px;
	float:left;
}
/* Header */
#header{
	background: url('/files/plugin/resspect/images/bg_header.jpg') left top no-repeat;
	height:143px;
}
img#logo {
	margin:24px 0 18px 0;
}
/* Naviguation - Menu */
div#menu{
	float:left;
    width:100%;
    background:#DAE0D2 url('/files/plugin/resspect/images/bg_menu.gif') repeat-x bottom;
	padding-left:1px;
}
div#menu ul {
	margin:0;
	padding:0;
	list-style:none;
}
div#menu li{
	background: transparent url('/files/plugin/resspect/images/onglet_out_right.gif') right top no-repeat;
	float:left;
	padding-right:20px;
	margin-right:2px;
}
div#menu li a, div#menu li a:visited, div#menu li a:link {
	background: transparent url('/files/plugin/resspect/images/onglet_out_left.gif') left top no-repeat;
	float:left;
	display:block;
	padding-left:20px;
	height:35px;
	color:#666;
	font-size:16px;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase;
	line-height:39px!important;
	line-height:35px;
}
div#menu li a:hover{
	color:#c60a46;
}
div#menu li#selected{
	background: transparent url('/files/plugin/resspect/images/onglet_in_right.gif') right top no-repeat;
	float:left;
	padding-right:20px;
}
div#menu li#selected a, div#menu li#selected a:visited, div#menu li#selected a:link {
	float:left;
	background: transparent url('/files/plugin/resspect/images/onglet_in_left.gif') left top no-repeat;
	display:block;
	padding-left:20px;
	height:35px;
	color:#000;
}
/* Naviguation - SubMenu */
#submenu{
	float:left;
	background: url('/files/plugin/resspect/images/bg_submenu.gif') left top no-repeat #000;
	width:163px;
	min-height: 554px;
	height: auto!important;
	height:554px;
	padding:30px 15px 0 15px!important;
	padding:50px 15px 0 15px;
}
#submenu h1{
	color:#c60a46;
	font-size:18px;
	margin-bottom:7px;
!margin-top:50px;
}
#submenu p{
	color:#000;
	margin:0;
}
#submenu h2{
	color:#000;
	background: url('/files/plugin/resspect/images/h2_sub.gif') left bottom no-repeat;
	font-size:14px;
	padding-bottom:5px;
	clear:both;
}
#submenu input{
	color:#000;
	font-size:12px;
	border:1px solid  #c60a46;
	margin-top:5px;
	width:150px;
}
/* Naviguation - Submenu - caddy */
#caddy{
	margin:0;
	padding:0;
}
#caddy li{
	color:#c60a46;
	font-weight:bold;
	margin-bottom:2px;
}
#caddy li strong{
	color:#e9980c;
}
div.btnseecaddy{
	height:14px;
	background-color:#c60a46;
	float:left;
	margin:10px 0 10px 0;
}
div.btnseecaddy img{
float:left;
display:inline;
border:0px;
}
div.btnseecaddy a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:11px;
line-height:14px;
}
div.btnreserved{
height:14px;
background-color:#e9980c;
float:left;
margin:10px 0 10px 10px;
}
div.btnreserved img{
float:left;
display:inline;
border:0px;
}
div.btnreserved a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:11px;
line-height:14px;
}
/* Naviguation - Submenu - log */
input.login{
	width:153px;
}
div.btnconnexion{
	height:14px;
	background-color:#c60a46;
	float:left;
	margin:15px 0 10px 0;
}
div.btnconnexion img{
float:left;
display:inline;
border:0px;
}
div.btnconnexion a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:11px;
line-height:14px;
}
td div.btninscrir{
width:auto;
padding:0;
margin:0;

}
td div.btninscrir a, td div.btninscrir a:hover{
color:#fff;
}

div.btninscrir{
height:14px;
background-color:#e9980c;
float:left;
margin:15px 0 10px 10px;
}
div.btninscrir img{
float:left;
display:inline;
border:0px;
}
div.btninscrir a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:11px;
line-height:14px;
}
/* Naviguation - Submenu - caddy */
.partenaire{
	margin-bottom:10px;
}
/* Content */


div#content{
	background: #fff;
	min-height: 450px;
	height: auto!important;
	height: 450px;
	border-left:1px solid #e5ebf1;
	padding-bottom:15px;
	padding-top:1px;
}
div#contenttext{
	margin-left:30px;
	margin-top:20px;
	width:646px;
}
div#contenttext h1{
	font-size:18px;
	color:#0b1c2f;
	border-bottom:4px solid #c60a46;
	margin-bottom:30px;
}
div#contenttext h2{
	clear:both;
	font-size:16px;
	font-weight:bold;
	color:#000;
	border-bottom:1px solid #C60A46;
	margin:20px 0 20px 0;
}
div#contenttext h3{
	font-size:16px;
	color:#C60A46;
	margin:20px 0 0 0;
	padding:0;
}
div#contenttext h4{
	font-size:14px;
	color:#C60A46;
	margin:20px 0 10px 0;
	padding:0 0 5px 0;
}
div#contenttext hr{
	color: #d6dbdd;
	background-color: #d6dbdd;
	height: 1px;
	border: 0;
}
div#contenttext p{
	font-size:12px;
	margin:0 0 7px 0;
}
/* Content - home */
div.abonnement{
	float:right;
	margin-left:20px;
}
div.abonnementin{
	width:217px;
	margin-top:11px;
	min-height: 69px;
	height: auto!important;
	height: 69px;
	background: transparent url('/files/plugin/resspect/images/bg_abonnement_bottom.jpg') left bottom no-repeat;
	text-align:center;
	padding-top:20px;
}
div.abonnementin a{
	color:#FFFFFF;
	font-size:24px;
	text-decoration:none;
		
}
div#contenttext .lastplaces{
	margin-bottom:20px;
	clear:both;
	

}
div#contenttext .lastplaces .lastplace{
	float:left;
	margin-right:5px;
	width:123px;

}
div#contenttext .lastplaces .lastplace a{
	text-decoration:none;
	color:#c60a46;
	padding-top:5px;
}
div#contenttext .lastplaces .lastplace a:hover{
	color:#000;

}
div#contenttext .lastplaces a img{
	/*border:3px solid #c60a46;*/

}
/* Content - listing spectacles */
div#contenttext h3 img{
	float:left;
	margin-right:15px;
	border:3px solid #C60A46;
}
div#contenttext form{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
div#contenttext form select{
	background-color:#fff;
	color:#666;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	font-size:11px;
	height:18px;
}
div#contenttext .apd{
	color:#dd8508;
	font-size:16px;
}
/* Content - listing spectacles & cart */
.affiche{
	float:left;
	margin-right:15px;
	border:0;
	margin-bottom:20px;
}
#tblprice, #tblconfirm{
	width:100%;
	float:right;
	margin-bottom:20px;
}
#tblprice th{
	font-size:12px;
	color:#C60A46;
	border-bottom:1px solid #C60A46;
	text-align:center;
	padding-bottom:5px;
}
#tblprice .th, #tblconfirm th {
	font-size:14px;
	color:#C60A46;
	border-bottom:1px solid #C60A46;
	padding:3px 0 3px 0;
	text-align:left;
	padding-right:5px
}
#tblprice input{
	width:40px;
}
#tblprice td, #tblconfirm td{
	font-size:14px;
	color:#000;
	border-bottom:1px solid #d6dbdd;
	padding:5px 0 5px 0;
	text-align:center;
}
#tblconfirm td p{
	margin-bottom:10px;
	line-height:16px;
}
#tblconfirm td{
	font-size:12px;
	color:#0b1c2f;
	border-bottom:1px solid #d6dbdd;
	padding:5px 0 5px 0;
	text-align:left;
}
#tblprice td.description{
	width:150px;
}
#tblprice td.total, #tblprice td.sum{
	border-bottom:1px solid #C60A46;
	text-align:right;
	padding:5px 0 5px 0;
	font-weight:bold;
}
#tblprice td.sum{
	text-align:center;
}
#tblprice td a{
	color:#C60A46;
	text-decoration:none;
}
#tblprice td a:hover{
	color:#000;
	
}
.tbl{
	width:100%;
	/*float:right;*/
	margin-bottom:20px;
}
.tbl th{
	font-size:12px;
	color:#c60a46;
	border-bottom:1px solid #c60a46;
	text-align:center;
	padding-bottom:5px;
}
.tbl .th{
	font-size:14px;
	color:#0b1c2f;
	border-bottom:1px solid #d6dbdd;
	padding:3px 0 3px 0;
	text-align:left;
}
.tbl input{
	width:30px;
}
.tbl td{
	font-size:14px;
	color:#000;
	border-bottom:1px solid #d6dbdd;
	padding:3px 0 3px 0;
	text-align:center;
}
.tbl td.description{
	width:150px;
}
.tbl td.total, #tblprice td.sum{
	border-bottom:1px solid #C60A46;
	text-align:right;
	padding:5px 0 5px 0;
	font-weight:bold;
}
.tbl td.sum{
	text-align:center;
}
.tbl td a{
	color:#3e88a2;
	text-decoration:none;
}
.tbl td a:hover{
	color:#e9980c;
}



.tbl td strong{
	color:#C60A46;
	font-size:14px;
}
td.book {
	font-size:12px;
	color:#c60a46;
	border-bottom:1px solid #c60a46;

	text-align:center;
	padding-bottom:5px;
	font-weight:bold;
}
#perso{
	padding:0;
	margin:0;
}
#perso li{
	font-size:14px;
}

/* Content - reservation form */
.datespec, .nplaces{
	color:#0b1c2f;
	float:right;
	margin-left:10px;
}
.datespec{
	width:320px;
}
.nplaces{
	width:190px;
}
.tarif{
	width:125px;
}
.cat{
	width:135px;
}
.place{
	width:195px;
}
div#contenttext .plus{
	color:#C60A46;
	text-decoration:none;
	font-weight:bold;
}
div#contenttext .plus:hover{
	color:#000;
}
div#contenttext div.resplaces{
	text-align:right;
}
div#contenttext div.resplaces span{
	color:#0b1c2f;
	margin-left:20px;
}
div#contenttext div.resplaces ul{
	margin:0;
	padding:10px 0 10px 0;
	float:right;
}
div#contenttext div.resplaces ul li{
	color:#fff;
	font-size:16px;
	margin-bottom:5px;
	padding-left:6px;
	background:url('/files/plugin/resspect/images/bg_ol.gif') left top no-repeat;
}
div#contenttext div.resplaces ul li select{
	margin-left:20px;
}
div#contenttext ul#etapes{
	height:80px;
	padding:20px 0 0 20px!important;
	padding:20px 0 0 0px;
	list-style:none;
}
div#contenttext ul#etapes li{
	background:url('/files/plugin/resspect/images/bg_etape.gif') top center no-repeat;
	float:left;
	display:inline;
	color:#FFFFFF;
	padding:10px;
	text-align:center;
	font-size:24px;
	width:45px;
	height:45px;
	margin-right:50px!important;
	margin-right:40px;
}
div#contenttext ul#etapes li#selected{
	background:url('/files/plugin/resspect/images/bg_etape_selected.gif') top center no-repeat;
}
div#contenttext ul#etapes li#selected span, div#contenttext ul#etapes li span{
	color:#c60a46;
	float:left;
	margin-top:20px;
	font-size:12px;
	width:72px;
	text-align:center;
	margin-left:-15px!important;
	margin-left:-11px;
}
div#contenttext ul#etapes li span{
	color:#E9980C;
}
div.btnreser{
	height:22px;
	background-color:#C60A46;
	float:right;
	margin:0px 0 10px 0;
padding:0px;
width:auto;
}
div.btnreser img{
float:left;
display:inline;
border:0px;
}
div.btnreser a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:14px;
line-height:22px;
}
div.btnsalle{
	height:22px;
	background-color:#e9980c;
	float:right;
	margin:0px 10px 10px 10px;
}
div.btnsalle2{
	height:22px;
	background-color:#e9980c;
	float:right;
	margin:0px 10px 10px 10px;
}
div.btnsalle img, div.btnsalle2 img{
float:left;
display:inline;
border:0px;
}
div.btnsalle a, div.btnsalle2 a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:14px;
line-height:22px;
}
.eticket{
	width:650px;
	padding:0;
	margin:0;
}
.eticket li{
	height:30px;
	margin:10px 0 10px 0;
	font-size:14px;
}
.eticket li select{
	width:400px;
}
/* Bottom */
#bottom{
	clear:both;
	text-align:center;
	padding-bottom:15px;
	font-size:10px;
	border-bottom:5px solid #c60a46;
	border-left:1px solid #e5ebf1;
}
#bottom a{
	color:#c60a46;
	padding-bottom:20px;
}
img.plan{
	margin-left:10px;
}

hr.clearer {
	height:0;
	width:0;
	clear:both;
	padding:0;
	border:0;
	visibility:hidden;
	margin:0;
}


.icones{
	float:left;
	margin-right:10px;
}
.line{
	margin: 15px 0 15px 0;
}


fieldset b{
	color:#e9980c;
}

fieldset {
clear:both;
  font-size: 12px;
	border-color: #C60A46;
  border-width: 1px 0px 0px 0px;
  border-style: solid none none none;
  padding: 7px;
  margin: 10px 0px 0px 0px;
}
legend {
  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  font-weight:normal;
	color: #C60A46;
  margin: 0px 0px 0px 0px;
  padding: 0px 5px;
}

label {
  font-size: 12px;
}

label u {
  font-style: normal;
  text-decoration: underline;
}
form div {
  clear: left;
  display: block;
  /*width: 390px;*/
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
}
form div div{
  clear: none;
}
div.btnnext{
	height:22px;
	
}
div.btnnext img{
float:left;
display:inline;
border:0px;
}
div.btnnext a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:14px;
line-height:22px;
background-color:#c60a46;
}
form div.btnprev{
	height:22px;
	background-color:#e9980c;
	margin-right:30px;
}
div.btnprev img{
float:left;
display:inline;
border:0px;
}
div.btnprev a{
float:left;
display:inline;
color:#fff;
text-decoration:none;
font-size:14px;
line-height:22px;
}

form fieldset div.notes {
  float: right;
  width: 163px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #e8e2db;
  color: #666666;
  font-size: 88%;
}

form fieldset div.toto {
  float: left;
  width: 180px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
}

form fieldset div.toto2 {
  float: right;
  width: 180px;
  height: auto;
  margin: 0px 0px 10px 10px;
  padding: 5px;
}

form fieldset div.notes h4 {
  background-repeat: no-repeat;
  background-position: top left;
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 10px 0px 0px 152px;
  padding: 0px 5px 5px 5px;
  width: 207px;
}

form div fieldset legend {
  font-size: 12px;
  padding: 0px 3px 0px 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 150px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}
form div.optionalnews  {
  float:left;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  height: expression('1%');
  padding: 0px;
  margin: 0px 0px 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0px 0px 5px 0px;
  width: 170px;
}

/*form div img {
  border: 1px solid #000000;
}*/

p.error {
  background-color: #ff0000;
  background-image: url(images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #d7ffff;
  background-image: url(images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0px 0px 0px 118px;
  width: 200px;
  color: #ff0000;
}

form div input, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div select.birth {
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: 14px;
  width: 14px;
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
  margin: 0px 0px 0px 150px;
}

form div.submit {
  width: 400px;
  padding: 10px 0px 0px 170px;
  margin-bottom:0px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #ffffff;
  color: #000000;
  width: auto;
  padding: 0px 6px;
  margin: 0px;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: left;
  margin: 0px 0px 0px 5px;
}

form div small {
  display: block;
  margin: 0px 0px 5px 150px;
  padding: 1px 3px;
  font-size: 88%;
  height: expression('1%');
}
label img {
  behavior: url(/behaviors/label_img.htc);
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  height: expression('1%');
  padding: 4px 0px 0px 18px;
  text-indent: 0px;
  line-height: 120%;
}

form div input.inputradio2 {
  display: inline;
  width: auto;
  border:0;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0px 0px 0px 10px;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  margin: 0px 0px 0px 18px;
  margin: expression('0px 0px 0px -124px');
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0px 0px;
  text-indent: 0px;
  margin: 0px 0px 0px 0px;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0px;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0px 0px 5px 0px;
}

.inputNoVisible {
	border:0px;
	width:40px;
	background-color:#ffffff;
	text-align:right;
}
.inputNoVisibleTotal{
	border:0px;
	width:40px;
	background-color:#FFFFFF;
	text-align:right;
	font-weight:bold;
}
#access{
width:150px;
clear:both;
}
input#codepromo{
	width:150px;

}
input.submitbutton{
	width:100px;
	background-color:#f2dee4;
	color:#C60A46;
}
select{
	background-color:#fff;
	color:#3e88a2;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  font-size:11px;
  height:16px;
}
.clearall {
	clear:both;
}