@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:#333;
	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:#b9272c;
}

img{
	border:0;
}
body {
	background: url('/files/plugin/resspect/images/bg_body.gif') left top repeat-x #fff;
	color: #333;
	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; /* on rétablit l'alignement normal du texte */
}
#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:35px 0 21px 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;
margin-top:49px;
}
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:#7f837f;
	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:#b9272b;
}
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:#282c28;
}
/* Naviguation - SubMenu */
#submenu{
	float:left;
	background: url('/files/plugin/resspect/images/bg_submenu.gif') left top no-repeat #F9F9F9 ;
	width:163px;
	min-height: 554px;
	height: auto!important;
	height:554px;
	padding:30px 15px 0 15px!important;
!padding:50px 15px 0 15px;
}

#submenu h1{
	color:#b9272b;
	font-size:24px;
	margin-bottom:7px;
!margin-top:50px;
}
#submenu p{
	color:#282c28;
	margin:0;
}
#submenu h2{
	color:#282c28;
	background: url('/files/plugin/resspect/images/h2_sub.gif') left bottom no-repeat;
	font-size:14px;
	padding-bottom:5px;
	clear:both;
}
#submenu input{
	color:#282c28;
	font-size:12px;
	border:1px solid #b9272b;
	margin-top:5px;
	width:150px;
}
/* Naviguation - Submenu - caddy */
#caddy{
	margin:0;
	padding:0;
}
#caddy li{
	color:#282c28;
	font-weight:bold;
	margin-bottom:2px;
}
#caddy li strong{
	color:#b9272b;
}

/* Naviguation - Submenu - log */
input.login{
	width:153px;
}
/* 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:#282c28;
	border-bottom:4px solid #282c28;
	margin-bottom:30px;
}
div#contenttext h2{
	clear:both;
	font-size:16px;
	font-weight:bold;
	color:#282c28;
	border-bottom:1px solid #282c28;
	margin:20px 0 20px 0;
}
div#contenttext h3{
	font-size:16px;
	color:#282c28;
	margin:20px 0 0 0;
	padding:0;
}
div#contenttext h4{
	font-size:14px;
	color:#b9272b;
	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{
	background: transparent url('/files/plugin/resspect/images/bg_abonnement_top.gif') left top no-repeat;
	float:right;
	margin-left:20px;
}
div.abonnementin{
	width:197px;
	margin-top:11px;
	min-height: 70px;
	height: auto!important;
	height: 69px;
	text-transform:uppercase;
	background: transparent url('/files/plugin/resspect/images/bg_abonnement_bottom.jpg') left bottom no-repeat;
	text-align:left;
	padding:10px;
	line-height:30px;
}
div.abonnementin a{
	color:#FFFFFF;
	font-size:36px;
	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:#b9272c;
	padding-top:5px;
}
div#contenttext .lastplaces .lastplace a:hover{
	color:#282c28;

}
div#contenttext .lastplaces a img{
	border:0px ;

}
/* Content - listing spectacles */
div#contenttext h3 img{
	float:left;
	margin-right:15px;
	border:3px solid #282c28;
}
div#contenttext form{
	clear:both;
	margin-top:10px;
	margin-bottom:10px;
}
div#contenttext form select{
	background-color:#fff;
	color:#282c28;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  font-size:11px;
  height:18px;
}
div#contenttext .apd{
	color:#b9272b;
	font-size:16px;
}
/* Content - listing spectacles & cart */
.affiche{
	float:left;
	margin-right:15px;
	border:0px;
	margin-bottom:20px;
}
#tblprice, #tblconfirm{
	width:100%;
	float:right;
	margin-bottom:20px;
}
#tblprice th{
	font-size:12px;
	color:#b9272b;
	border-bottom:1px solid #282c28;
	text-align:center;
	padding-bottom:5px;
}
#tblprice .th, #tblconfirm th {
	font-size:14px;
	color:#282c28;
	border-bottom:1px solid #282c28;
	padding:3px 0 3px 0;
	text-align:left;
	padding-right:5px
}
#tblprice input{
	width:30px;
}
#tblprice td, #tblconfirm td{
	font-size:14px;
	color:#0b1c2f;
	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 #282c28;
	text-align:right;
	padding:5px 0 5px 0;
	font-weight:bold;
}
#tblprice td.sum{
	text-align:center;
}
#tblprice td a{
	color:#b9272b;
	text-decoration:none;
}
#tblprice td a:hover{
	color:#282c28;
}
.tbl{
	width:100%;
	float:right;
	margin-bottom:20px;
}
.tbl th{
	font-size:12px;
	color:#B9272B;
	border-bottom:1px solid #282C28;
	text-align:center;
	padding-bottom:5px;
}
.tbl .th{
	font-size:14px;
	color:#0b1c2f;
	border-bottom:1px solid #ccc;
	padding:3px 0 3px 0;
	text-align:left;
}
.tbl input{
	width:30px;
}
.tbl td{
	font-size:14px;
	color:#0b1c2f;
	border-bottom:1px solid #ccc;
	padding:3px 0 3px 0;
	text-align:center;
}
.tbl td.description{
	width:150px;
}
.tbl td.total, #tblprice td.sum{
	border-bottom:1px solid #282c28;
	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:#b9272b;
	font-size:14px;
}
td.book {
  font-size:12px;
	color:#b9272b;
	border-bottom:1px solid #282c28;
	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:#b9272b;
	text-decoration:none;
	font-weight:bold;
}
div#contenttext .plus:hover{
	color:#282c28;
}
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:#b9272b;
	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:#bbb;
}

.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 #282c28;
	border-left:1px solid #e5ebf1;
}
#bottom a{
	color:#b9272c;
	padding-bottom:20px;
}
img.plan{
	margin-left:10px;
}



.icones{
	float:left;
	margin-right:10px;
}
.line{
	margin: 15px 0 15px 0;
}
div#logo {
position:relative;
top:30px;
	background:url('/files/plugin/resspect/images/logo.jpg') left top no-repeat;
	height:59px;
	width:248px;
}

/* Button -----------------------------------------------------------------------------*/


div.btnseecaddy{ height:14px; background-color:#000 ; float:left; margin:10px 0 10px 0;}
div.btnseecaddy img{float:left;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:#B9272C ; float:left; margin:10px 0 10px 10px;}
div.btnreserved img{float:left;border:0px;}
div.btnreserved a{float:left;display:inline;color:#fff;text-decoration:none;font-size:11px;line-height:14px;}
div.btnconnexion{ height:14px; background:#B9272B url(/files/plugin/resspect/btn_caddy_see_center.gif) repeat-x top left ; float:left; margin:15px 0 10px 0;}
div.btnconnexion img{float:left;border:0px;}
div.btnconnexion a,div.btnconnexion a:visited,div.btnconnexion a:hover{float:left;display:inline;color:#fff;text-decoration:none;font-size:11px;line-height:14px;} 
div.btnconnexion a:hover{color:#fff;} 

div.btninscrir{width:auto;padding:0;margin:0;}
div.btninscrir{ height:14px; background:#282C28 url(/files/plugin/resspect/btn_caddy_res_center.gif) repeat-x top left ; float:left; margin:15px 0 10px 10px;}
div.btninscrir img{float:left;border:0px;}
div.btninscrir a,div.btninscrir a:visited,div.btninscrir a:hover{float:left;display:inline;color:#fff;text-decoration:none;font-size:11px;line-height:14px;}
div.btninscrir a:hover{color:#fff;}

div.btnreser{ height:22px; background-color:#282C28 ; float:right; margin:0px 0 10px 0;padding:0px;width:auto;}
div.btnreser img{float:left;border:0px;}
div.btnreser a,div.btnreser a:visited,div.btnreser a:hover{float:left;display:inline;color:#fff ;text-decoration:none;font-size:12px;line-height:22px;}
div.btnsalle{ height:22px; background-color:#B9272B ; float:right; margin:0px 10px 10px 10px;}
div.btnsalle img{float:left;border:0px;}
div.btnsalle a,div.btnsalle a:visited,div.btnsalle a:hover{float:left;display:inline;color:#fff ;text-decoration:none;font-size:12px;line-height:22px;}

div.btnnext{ height:22px; background-color:#282C28 ;padding:0;margin:0;width:auto;display:inline;clear:none;white-space:nowrap;}
div.btnnext img{float:left;border:0px;}
div.btnnext a,div.btnnext a:visited,div.btnnext a:hover{float:left;display:inline;color:#fff ;text-decoration:none;font-size:14px;line-height:22px;background-color:#282C28 ;}

div.btnprev{ height:22px; background-color:#B9272B ; padding:0;margin:0;width:auto;display:inline;clear:none;white-space:nowrap;}
div.btnprev img{float:left;border:0px;}
div.btnprev a,div.btnprev a:visited,div.btnprev a:hover{float:left;display:inline;color:#fff;text-decoration:none;font-size:14px;line-height:22px;background-color:#B9272B ;}


/* --------- formulaire --------------------------------------------------------*/
fieldset {    font-size: 12px;  border-color: #666 ;  border-width: 1px 0px 0px 0px;  border-style: dotted none none none;  padding: 7px;  margin: 10px 0px 0px 0px;}
form fieldset legend {  line-height: 150%;background-color:#fff}
form input, form select, form textarea {  background-color: #fff ;border:1px solid #333;}
fieldset b{   color:#333 ;}
legend {  font-family: arial, verdana, sans-serif;  font-size: 18px;  font-weight:normal;  color: #B9272C ;  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;}
form fieldset div.notes {  float: right;  width: 163px;  height: auto;  margin: 0px 0px 10px 10px;  padding: 5px;  border: 1px solid #B9272C ;  background-color: #fff ;  color: #333 ;  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;}
div#contentapplic form fieldset div.notes h4 {  background-repeat: no-repeat;  background-position: top left;  border-width: 0px 0px 1px 0px;  border-style: solid;  border-color: #B9272C ;  color:#B9272C ;  font-size: 110%;}
form fieldset div.notes p {  margin: 0em 0em 1.2em 0em;  color: #333 ;}
form fieldset div.notes p.last {  margin: 0em;}
form div fieldset {  clear: none;  border-width: 1px;  border-style: solid;  border-color: #333 ;  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;}
p.error {  background-color: #fff ;  background-image: url(icon_error.gif);  background-repeat: no-repeat;  background-position: 3px 3px;  color:#B9272C ;  padding: 3px 3px 5px 27px;  border: 1px solid #B9272C ;  margin: auto 100px;}form div.error {  background-color: #fff ;  background-image: url(required_bg.gif);  background-repeat: no-repeat;  background-position: top left;  color: #B9272C  ;  border: 1px solid #B9272C  ;}
form div.error p.error {  background-image: url(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:  #B9272C ;}
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: #fff ;  color: #B9272C ;  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 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}
#formshop{margin-bottom:150px;}
.inputNoVisible { border:0px; width:40px; background-color:#fff ; text-align:right;color:#333}
.inputNoVisibleTotal{ border:0px; width:40px; background-color:#fff  ; text-align:right; font-weight:bold;color:#333}
#access{width:150px;clear:both;}
input#codepromo{ width:150px;}
input.submitbutton{ width:100px; background-color:#fff  ; color:#333;}
select{ background-color:#fff ; color:#333 ;  border-width: 1px;  border-style: solid;  border-color: #333 ;  font-size:12px;}
.zonewhite,.zonewhite2,.zonewhite3{ background-color:#fff;border:1px solid #666;padding-3px;}

/* Content - listing spectacles ---------------------------------------------------------*/

div#contentapplic form{ clear:both; margin-top:10px; margin-bottom:10px;}
div#contentapplic form select{ background-color:#fff; color:#333 ;  border-width: 1px;  border-style: solid;  border-color: #333 ;  font-size:11px;  height:18px;}
div#contentapplic .apd{ color:#333 ; font-size:16px;}
.spectacle {border-bottom:1px dotted #333;position:relative;margin:10px 0}
.spectacle h3 img{  border:0 solid #333;display:block;max-width:580px;}
.spectacle h3 a,.spectacle h3 a:visited,.spectacle h3 a:hover {text-decoration:none;}
.spectacle br.clearall {clear:both;}
.prestige { float:right;font-size:1.4em;background-color:#fff;color:#fff;font-weight:bold;padding:5px;}


/* Content - listing spectacles & cart ---------------------------------------------------*/

.affiche{ float:left; margin-right:15px; border:0px; margin-bottom:20px;width:350px;}

#perso{ padding:0; margin:0;}
#perso li{ font-size:12px;}
.td_chief {background-color:#fff}

.block_content {
width:150px;
}