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

/* Structure ------------------------------------------------------------------------- */
form{ margin:0; padding:0;}
ul, ol, dl, li, dt, dd { list-style-image:none; list-style-position:outside; list-style-type:none;}
/*
#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;}

Naviguation - Menu ---------------------------------------------------------------- 

div#menu{ float:left;    width:100%;    background:#fff url('/files/plugin/resspect/images/bg_menu.jpg') repeat-x bottom; padding-left:1px;margin-top:-8px;}
div#menu ul { margin:0; padding:0; list-style:none;}
div#menu li{ background: transparent url('/files/plugin/resspect/images/onglet_out_right.jpg') 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.jpg') left top no-repeat; float:left; display:block; padding-left:20px; height:35px; color:#000; 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:#000;}
div#menu li#selected{ background: transparent url('/files/plugin/resspect/images/onglet_in_right.jpg') 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.jpg') 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.jpg') 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:#000 ; font-size:24px; 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 #999 ; margin-top:5px; width:150px;}

/* Naviguation - Submenu - caddy ---------------------------------------------------- */

#caddy{ margin:0; padding:0;}
#caddy li{ color:#fff ; font-weight:bold; margin-bottom:2px;}
#caddy li strong{ color:#000;}
input.login{ width:153px;}

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


div.btnseecaddy{ height:14px; background-color:#fff ; 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:#fff ; 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:21px; background:#666666 url(/files/plugin/resspect/images/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:18px;} 
div.btnconnexion a:hover{color:#000;} 
div.btninscrir{width:auto;padding:0;margin:0;}
div.btninscrir{ height:14px; height:21px; background:#666666 url(/files/plugin/resspect/images/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:18px;}
div.btninscrir a:hover{color:#000;} 
div.btnreser{ height:22px; background-color:#666666 ; float:right; margin:0 0 0 5px;padding:0px;width:auto;}
div.btnreser img{float:left;border:0px;}
div.btnreser a{float:left;display:inline;color:#fff ;text-decoration:none;font-size:12px;line-height:22px;}
div.btnsalle{ height:22px; background-color:#666666 ; 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:#000 ;margin:0 0 0 5px;}
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:12px;line-height:22px;margin:0 10px}
div.btnprev{ height:22px; background-color:#666 ; margin:0 0 0 5px;}
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:12px;line-height:22px;margin:0 10px}


/* Naviguation - Submenu - caddy ------------------------------------------------------- */

.partenaire{ margin-bottom:10px;}

/* Content ----------------------------------------------------------------------------- */

div#content{ background: #fff ; min-height: 450px; height: auto!important; height: 450px;  padding-bottom:15px; padding-top:1px;}
/*div#contentapplic{ margin-left:30px; margin-top:20px; width:646px;}*/
div#contentapplic h1{ font-size:18px; color:#000 ; border-bottom:4px solid #333 ; margin-bottom:30px;}
div#contentapplic h2{ font-size:16px; font-weight:bold; color:#000 ; border-bottom:1px solid #333 ; margin:20px 0 20px 0;}
div#contentapplic h3{ font-size:16px; color:#000 ; margin:20px 0 0 0; padding:0;}
div#contentapplic h4{ font-size:14px; color:#000 ; margin:20px 0 10px 0; padding:0 0 5px 0;}
div#contentapplic hr{ color:#000  ; background-color:#fff ; height: 1px; border: 0;}
div#contentapplic 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:#fff ; font-size:36px; text-decoration:none;  }
div#contentapplic .lastplaces{ margin-bottom:20px; clear:both;}
div#contentapplic .lastplaces .lastplace{ float:left; margin-right:5px; width:159px; height:134px;}
div#contentapplic .lastplaces .lastplace a{ text-decoration:none; color:#fff ; padding-top:5px;}
div#contentapplic .lastplaces .lastplace a:hover{ color:#000 ;}
div#contentapplic .lastplaces a img{ border:0px ;width:145px;height:100px;border:1px solid #01758a;}

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

div#contentapplic form{ clear:both; margin-top:10px; margin-bottom:10px;}
div#contentapplic form select{ background-color:##e0e0e0; color:#000 ;  border-width: 1px;  border-style: solid;  border-color: ##e0e0e0 ;  font-size:11px;  height:18px;}
div#contentapplic .apd{ color:#fff ; font-size:16px;}
.spectacle {border-bottom:1px dotted #000;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:right;}
.prestige { float:right;font-size:1.4em;background-color:#000;color:#fff;font-weight:bold;padding:5px;}


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

.affiche{ border:0px;/* float:left; margin-right:15px; border:0px; margin-bottom:20px;*/}
#tblconfirm{ width:100%;  margin-bottom:20px;}
#tblprice th{ font-size:12px; color:#000 ; border-bottom:1px solid #333 ; text-align:center; padding-bottom:5px;}
#tblprice .th, #tblconfirm th { font-size:12px; color:#000 ; border-bottom:1px solid #333 ; padding:3px 0 3px 0; text-align:left; padding-right:5px}
#tblprice input{ width:50px;}
#tblprice td, #tblconfirm td{ font-size:12px; color:#000 ; border-bottom:1px solid #333 ; padding:5px 0 5px 0; text-align:center;}
#tblconfirm td p{ margin-bottom:10px; line-height:16px;}
#tblconfirm td{ font-size:12px;}
#tblprice td.description{ width:150px;}
#tblprice td.total, #tblprice td.sum{ border-bottom:1px solid #333 ; text-align:right; padding:5px 0 5px 0; font-weight:bold;}
#tblprice td.sum{ text-align:center;}
#tblprice td a{ color:#000 ; text-decoration:none;}
#tblprice td a:hover{ color:#000 ;}
.tbl{ width:100%;  margin-bottom:20px;}
.tbl th{ font-size:12px; color:#000 ; border-bottom:1px solid #e0e0e0 ; text-align:center; padding-bottom:5px;}
.tbl .th{ font-size:14px; color:#000 ; border-bottom:1px solid #e0e0e0 ; padding:3px 0 3px 0; text-align:left;}
.tbl input{ width:30px;}
.tbl td{ font-size:12px; color:#000 ; border-bottom:1px solid #e0e0e0 ; padding:3px 0 3px 0; text-align:center;}
.tbl td.description{ width:150px;}
.tbl td.total, #tblprice td.sum{ border-bottom:1px solid #e0e0e0 ; text-align:right; padding:5px 0 5px 0; font-weight:bold;}
.tbl td.sum{ text-align:center;}
.tbl td a{ color:#000 ; text-decoration:none;}
.tbl td a:hover{ color:#000 ;}
.tbl td strong{ color:#000 ; font-size:12px;}
td.book {  font-size:12px; color:#000 ; border-bottom:1px solid #333 ; text-align:center; padding-bottom:5px;  font-weight:bold;}
#perso{ padding:0; margin:0;}
#perso li{ font-size:12px;}
.td_chief {background-color:#e0e0e0}

/* Content - reservation form -------------------------------------------------------*/

.datespec, .nplaces{ color:#fff ; float:right; margin-left:10px;}
.datespec{ width:320px;}
.nplaces{ width:190px;}
.tarif{ width:125px;}
.cat{ width:135px;}
.place{ width:195px;}div#contentapplic .plus{ color:#fff ; text-decoration:none; font-weight:bold;}
div#contentapplic .plus:hover{ color:#000 ;}
div#contentapplic div.resplaces{ text-align:right;}
div#contentapplic div.resplaces span{ color:#fff  ; margin-left:20px;}
div#contentapplic div.resplaces ul{ margin:0; padding:10px 0 10px 0; float:right;}
div#contentapplic 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#contentapplic div.resplaces ul li select{ margin-left:20px;}

div#contentapplic ul#etapes{ height:80px; padding:20px 0 0 20px!important; padding:20px 0 0 0px; list-style:none;}
div#contentapplic ul#etapes li{ background:#666666 url('/files/plugin/resspect/images/bg_etape.gif') top center no-repeat; float:left; display:inline; color:#fff ; padding:10px; text-align:center; font-size:24px; width:45px; height:45px; margin-right:50px!important; margin-right:40px;}
div#contentapplic ul#etapes li#selected{ background:#666666 url('/files/plugin/resspect/images/bg_etape_selected.gif') top center no-repeat; color:#000;}
div#contentapplic ul#etapes li#selected span, div#contentapplic ul#etapes li span{ color:#000 ; float:left; margin-top:20px; font-size:12px; width:72px; text-align:center; margin-left:-15px!important; margin-left:-11px;}
div#contentapplic ul#etapes li span{ color:#000 ;}

.eticket{ width:650px; padding:0; margin:0;}
.eticket li{ height:30px; margin:10px 0 10px 0; font-size:12px;}
.eticket li select{ width:400px;}/* Bottom */
#bottom{ clear:both; text-align:center; padding-bottom:15px; font-size:10px; border-bottom:5px solid #333 ; border-left:1px solid #333 ;}
#bottom a{ color:#333 ; padding-bottom:20px;}
img.plan{ margin-left:10px;}
.icones{ float:left; margin-right:10px;}
.line{ margin: 15px 0 15px 0;}
div#logo { background:url('/files/plugin/resspect/images/logo.jpg') left top no-repeat; height:116px; width:248px;}

/* --------- formulaire --------------------------------------------------------*/
fieldset {    font-size: 12px;  border-color: #999 ;  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: #e0e0e0 ;border:1px solid #e0e0e0;}
fieldset b{   color:#fff ;}
legend {  font-family: arial, verdana, sans-serif;  font-size: 18px;  font-weight:normal;  color: #000 ;  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: 0;  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 #fff ;  background-color: #fff ;  color: #8f8f8f ;  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: #333 ;  color:#333 ;  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: 1px 5px;  margin: 0 0 2px 0;  text-align: left;}
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:#b7320e ;  padding: 3px 3px 5px 27px;  border: 1px solid #b7320e ;  margin: auto 100px;}form div.error {  background-color: #fff ;  background-image: url(required_bg.gif);  background-repeat: no-repeat;  background-position: top left;  color: #b7320e  ;  border: 1px solid #b7320e  ;}
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:  #b7320e ;}
form div input, form div textarea {  width: 200px;  padding: 1px 3px;  margin: 0 0 1px;}
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; }
form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {  background-color: #333 ;  color: #fff ;  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:#333 ; text-align:right;color:#fff}
.inputNoVisibleTotal{ border:0px; width:40px; background-color:#333  ; text-align:right; font-weight:bold;color:#fff}
#access{width:150px;clear:both;}
input#codepromo{ width:150px;}
input.submitbutton{ width:100px; background-color:#333  ; color:#fff;}
select{ background-color:##e0e0e0 ; color:#000 ;  border-width: 1px;  border-style: solid;  border-color: ##e0e0e0 ;  font-size:12px;}
.zonewhite,.zonewhite2,.zonewhite3{ background-color:#fff;border:1px solid #666;padding-3px;color:#666666;text-align:center}
#footer h2 {
	margin-top:0;padding-top:0;
}

.confirmprestige {border:0;width:121px;height:26px;}
.actionaccount { clear:right }
div#promocode {clear:none}

.impair{background-color:#eee;}