html { overflow-y: scroll; }
/* Enhancements */
* { margin: 0; padding: 0; }
/* Default Classes */
.skip { display: none; }
.clear { clear: both; display:block; height:5px; }
.t { cursor: pointer; }
/* Html Elements */
/*
body { font-family: arial; background: url('http://www.planetsushi.fr/project/planetsushi/fichiers/bg-redslim-dragon.jpg') no-repeat center top; margin-top: 5px; background-color: #fff; text-align: left; font-size: 0.8em; color: #000; }
body { font-family: arial; background: url('images/background-foot.jpg') no-repeat center top; margin-top: 5px; background-color: #fff; text-align: left; font-size: 0.8em; color: #000; }
*/
form { margin: 0 auto; }
h1 { font-weight: normal; position: absolute; top: 170px; right:30px; margin: 0 30px; text-align: left; color: #626469; z-index: 11; font-size: 12px; }
h2 { font-weight: normal; color: #666; font-size: 16px; text-transform: none; }
h3 { font-weight: normal; color: #666; font-size: 14px; }
h4 { font-weight: normal; font-size: 15px; }
a { color: #666; outline: 0; font-size: 12px; }
a:hover { text-decoration: underline; color: #e85997; outline: 0; }
a:active { color: #e85997; outline: 0; }
a img { border: none; }
input, input:focus, input:active { outline: 0; }
/* Components Styles
---------------------------------------------------------------------------------------------------- */
#content { position: relative; background-color:#fff; margin:0; display: block; min-height: 400px; height:auto !important; height:400px; }
#main { position:relative; text-align:left; }
/* Panel ----------------------------------------- */
.PanelA { background: url('images/components/PNL-C3-ExG.jpg') repeat-y top left; position: relative; display: block; margin: 5px; z-index: 5; }
.PanelA-head { background: url('images/components/PNL-C3-ExH.jpg') repeat-x 0 0; }
.PanelA-body { background: #fff url('images/components/PNL-C3-ExD.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; }
.PanelA-bottom { background: url('images/components/PNL-C3-ExB.jpg') repeat-x 0 0; }
.PanelA-rnd1 { background: url('images/components/PNL-C3-HG.jpg') no-repeat 0 0; display: block; height: 22px; width: 22px; float: left; }
.PanelA-rnd2 { background: url('images/components/PNL-C3-HD.jpg') no-repeat top right; display: block; height: 22px; }
.PanelA-rnd3 { background: url('images/components/PNL-C3-BG.jpg') no-repeat bottom left; display: block; height: 22px; width: 22px; float: left; }
.PanelA-rnd4 { background: url('images/components/PNL-C3-BD.jpg') no-repeat bottom right; display: block; height: 22px; }
.PanelB { background: url('images/components/PNL-C2-ExG.jpg') repeat-y top left; position: relative; display: block; margin: 5px; z-index: 5; }
.PanelB-head { background: url('images/components/PNL-C2-ExH.jpg') repeat-x 0 0; }
.PanelB-body { background: #F59FC5 url('images/components/PNL-C2-ExD.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 7px; }
.PanelB-bottom { background: url('images/components/PNL-C2-ExB.jpg') repeat-x 0 0; }
.PanelB-rnd1 { background: url('images/components/PNL-C2-HG.jpg') no-repeat 0 0; display: block; height: 22px; width: 22px; float: left; }
.PanelB-rnd2 { background: url('images/components/PNL-C2-HD.jpg') no-repeat top right; display: block; height: 22px; }
.PanelB-rnd3 { background: url('images/components/PNL-C2-BG.jpg') no-repeat bottom left; display: block; height: 22px; width: 22px; float: left; }
.PanelB-rnd4 { background: url('images/components/PNL-C2-BD.jpg') no-repeat bottom right; display: block; height: 22px; }
.PanelC { background: url('images/components/PNL-C1-ExG.jpg') repeat-y top left; position: relative; display: block; margin: 5px; z-index: 5; }
.PanelC-head { background: url('images/components/PNL-C1-ExH.jpg') repeat-x 0 0; height:0; }
.PanelC-body { background: #fff url('images/components/PNL-C1-ExD.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; height: 0; }
.PanelC-bottom { background: url('images/components/PNL-C1-ExB.jpg') repeat-x 0 0; height:0; }
.PanelC-rnd1 { background: url('images/components/PNL-C1-HG.jpg') no-repeat 0 0; display: block; height: 22px; width: 22px; float: left; }
.PanelC-rnd2 { background: url('images/components/PNL-C1-HD.jpg') no-repeat top right; display: block; height: 22px; }
.PanelC-rnd3 { background: url('images/components/PNL-C1-BG.jpg') no-repeat bottom left; display: block; height: 22px; width: 22px; float: left; }
.PanelC-rnd4 { background: url('images/components/PNL-C1-BD.jpg') no-repeat bottom right; display: block; height: 22px; }
.Basket-panel { background: url('images/components/PNL-GEx.jpg') repeat-y top left; position: relative; display: block; margin:0 5px; }
.Basket-panel-head { background: url('images/components/PNL-HEx.jpg') repeat-x 0 0; }
.Basket-panel-body { background: url('images/components/PNL-DEx.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; }
.Basket-panel-bottom { background: url('images/components/PNL-BEx.jpg') repeat-x 0 0; }
.Basket-panel-rnd1 { background: url('images/components/PNL-HG.jpg') no-repeat 0 0; display: block; height: 51px; width: 51px; float: left; }
.Basket-panel-rnd2 { background: url('images/components/PNL-HD.jpg') no-repeat top right; display: block; height: 51px; }
.Basket-panel-rnd3 { background: url('images/components/PNL-BG.jpg') no-repeat bottom left; display: block; height: 20px; width: 20px; float: left; }
.Basket-panel-rnd4 { background: url('images/components/PNL-BD.jpg') no-repeat bottom right; display: block; height: 20px; }
.Basket-panel-rnd2 h4 { display: block; position: relative; height: 25px; color: #666; font-size: 16px; font-weight: normal; padding: 15px 0 0 50px; background: transparent url('images/components/panier-31-C2.png') no-repeat 15px 10px; z-index: 2; }
.Button1-A { background: transparent url('images/components/BTN-H31-C1-D.png') no-repeat bottom right; color: #fff; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 10px; text-decoration: none; }
.Button1-A span { background: transparent url('images/components/BTN-H31-C1-G.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 10px; white-space: nowrap; cursor: pointer; }
.Button1-A:hover, a.Button1-A:active, a.Button1-B:focus { text-decoration:none; color:#fff; }
.Button1-B { background: transparent url('images/components/BTN-H31-C2-D.png') no-repeat bottom right; color: #fff; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 12px; text-decoration: none; }
.Button1-B span { background: transparent url('images/components/BTN-H31-C2-G.png') no-repeat bottom left; display: block; line-height: 14px; padding: 5px 0 5px 10px; white-space: nowrap; cursor: pointer; }
.Button1-B:hover, a.Button1-B:active, a.Button1-B:focus { text-decoration:none; color:#fff; }
.VButton1 { background: transparent url('images/components/BTN-H31-C1-D.png') no-repeat bottom right; color: #fff; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 10px; text-decoration: none; cursor:pointer; }
.VButton1 span { background: transparent url('images/components/BTN-H31-C1-G.png') no-repeat; display: block; line-height: 14px; padding: 5px 0 5px 10px; white-space: nowrap; cursor: pointer; }
.VButton1:hover, .VButton1:active, .VButton1:focus { text-decoration:none; color:#fff; }
.VButton2 { background: transparent url('images/components/BTN-H31-C1-D-big.png') no-repeat bottom right; color: #fff; display: block; float: left; height: 29px; margin-right: 6px; padding-right: 12px; padding-left:20px; text-decoration: none; cursor:pointer; }
.VButton2 span { background: transparent url('images/components/BTN-H31-C1-G-big.png') no-repeat bottom left; display: block; line-height: 29px; padding: 0px 20px 0 10px ; white-space: nowrap; height: 29px; cursor: pointer; font-size: 16px; cursor:pointer; }
.VButton2:hover, .VButton2:focus, .VButton2:active { text-decoration:none; color:#fff; }
/* TabContainer ---------------------------------- */
.TabContainer { margin: 47px 0 0 0; z-index: 5; }
.TabContainer .Tabs { position: absolute; top: -40px; left: 15px; }
.TabContainer .Tabs #Horaires { position: absolute; top: 0; left: 330px; display: block; height: 50px; width: 235px; font-size:8pt; white-space:nowrap; }
.TabContainer .Tabs #Horaires b { font-size:14px; color:#ff0000; display:block; line-height:14px; margin: 0 0 5px; font-weight:normal; }
.TabContainer .Tabs #Horaires select { font-size: 10px; width: 107px; position:relative; top:0; }
.TabContainer .Tabs #Horaires label { position:relative; left:3px; }
.TabContainer .Tabs #Horaires input { position:relative; top:2px; }
.TabContainer .Tabs a.return { position:relative; right:-130px; top:15px; font-size:14px; color:#ff0000; }
/* titlepanel -----------------------------------*/
.TitlePanel { background: transparent url('images/components/BTN-H44-C1-Ex.jpg') repeat-x top left; margin: 0; padding: 0; position: relative; display: block; width: inherit; height: 44px; }
.TitlePanel-l { background: transparent url('images/components/BTN-H44-C1-G.jpg') no-repeat left top; height: 44px; width: 25px; position: absolute; top: 0px; left: 0; z-index: 1; }
.TitlePanel-r { background: transparent url('images/components/BTN-H44-C1-D.jpg') no-repeat right top; width: 25px; height: 44px; position: absolute; top: 0px; right: 0; z-index: 1; }
.TitlePanel-c { display: block; top: 0; left: 0; position: relative; z-index: 10; padding: 0 15px; line-height: 40px; vertical-align: middle; }
/* TextBox --------------------------------------- */
.Textbox-A {
background:url('images/components/TXT-h25-C1-D.jpg') no-repeat left top;
height:30px;
padding-right:28px;
display:block;
}
.Textbox-A input {
border:0;
position:relative;
top:8px; left:0px;
overflow:hidden;
width:100%;
margin-left: 14px;
}
.Textbox-A b {
display:block;
position:absolute;
height:30px;
width:16px;
background:url('images/components/TXT-h25-C1-G.jpg') no-repeat left top;
}
.Textbox-B {
background:url('images/components/TXT-h25-C2-D.jpg') no-repeat left top;
height:30px;
padding-right:28px;
display:block;
}
.Textbox-B input {
border:0;
position:relative;
top:8px; left:0px;
overflow:hidden;
width:100%;
margin-left: 14px;
}
.Textbox-B b {
display:block;
position:absolute;
height:30px;
width:16px;
background:url('images/components/TXT-h25-C2-G.jpg') no-repeat left top;
}
/* Tabs ------------------------------------------ */
.Tab { display: block; height: 45px; width: 160px; float: left; z-index: 5; }
.Tab a, .Tab span { display: block; height: 45px; width: 160px; padding: 0; text-align: center; text-decoration: none; }
.Tab.on { background: url('images/components/NGL-C1.jpg') repeat-x 0 0; }
.Tab.on a, .Tab.on span { padding: 12px 0 0 0; }
.Tab.off { background: url('images/components/NGL-C3.jpg') repeat-x 0 0; }
.Tab.off a, .Tab.off span { padding: 20px 0 0 0; color: #000; }
/* Separator ------------------------------------- */
.separator { display: block; height: 2px; margin: 10px auto; }
.separator.sepa { width: 79px; background: url('images/Components/SPR-separatormenu-C1-79.png') no-repeat 0 0; }
.separator.sepb { width: 340px; background: url('images/Components/SPR-separatorpage-C1-340.jpg') no-repeat 0 0; }
/* Entete ---------------------------------------- */
.Entete1 { display: block; height: 26px; clear: both; margin: 10px 0 0 0; }
.Entete1 .Entete-content { height: 26px; background: url('images/components/PNL-H26-C1-Ex.jpg') repeat-x 0 0; float: left; padding: 5px 0; width: 94%; }
.Entete1 span.left { display: block; height: 26px; width: 14px; background: url('images/components/PNL-H26-C1-G.jpg') no-repeat 0 0; float: left; }
.Entete1 span.right { display: block; height: 26px; width: 14px; background: url('images/components/PNL-H26-C1-D.jpg') no-repeat 0 0; float: left; }
.Entete2 { display:block; height:42px; clear:both; margin:10px 0 0 0; }
.Entete2 .Entete-content { height:42px; background:url('images/components/PNL-H42-C1-Ex.jpg') repeat-x 0 0; float:left; padding:13px 0; width:94%; }
.Entete2 span.left { display:block; height:42px; width:18px; background:url('images/components/PNL-H42-C1-G.jpg') no-repeat 0 0; float:left; }
.Entete2 span.right { display:block; height:42px; width:18px; background:url('images/components/PNL-H42-C1-D.jpg') no-repeat 0 0; float:left; }
/* SidebarLabel ----------------------------------- */
.Sidebar-label { display: block; height: 25px; width: 167px; background: transparent url('images/components/BTN-listeresto-C1-187_effetnacre.jpg') no-repeat center top; margin: 0 auto; padding: 5px 0 0 0; }
.Sidebar-label a { display: block; text-align: center; }
/* Sidebar ---------------------------------------- */
.Sidebar { width: 185px; margin: 0 0px 0px 0; padding: 0; position: relative; background: url('images/components/SIDE-Ex.jpg') repeat-y top left; }
.Sidebar span.bottom { background: url('images/components/SIDE-B.jpg') no-repeat bottom left; display: block; height: 22px; width: 855px; margin: -5px 0px 0px 0px; z-index: 100; }
.Sidebar label { display: block; font-size: 17px; color: #000; text-align: center; margin: 0; line-height: 20px; padding-bottom: 5px; }
.Sidebar label.return { display: block; text-align: left; height: 40px; color: #000; background: transparent url(images/components/FLH-left-C2-22.png) no-repeat 130px 10px; padding: 5px 30px 0 15px; margin: 5px 0 0 0; }
.Sidebar label.return a { text-decoration: none; font-size: 14px; }
.Sidebar ul { padding: 0px 0px 0px 0px; }
.Sidebar li { font-size: 11px; margin: 0px 0; list-style: none; font-weight: normal; padding: 0px 0px 0px 0px; }
.Sidebar li a, .Sidebar li h4 a, .Sidebar li h3 a { padding: 0 0px; display: block; font-size: 11px; font-weight: normal; }
.Sidebar li a.active { color: #e85997; font-weight: bold; text-decoration: none; padding-left: 25px; }
.SidebarMenu { width: 185px; margin: 0 0px 0px 0; padding: 0; position: relative; }
.SidebarMenu span.bottom { display: block; height: 22px; width: 185px; margin: -5px 0px 0px 0px; z-index: 100; }
.SidebarMenu label { display: block; font-size: 17px; color: #000; text-align: center; margin: 0 0px; line-height: 20px; }
.SidebarMenu label.return { display: block; text-align: left; height: 30px; color: #000; background: transparent url(images/components/FLH-left-C2-22.png) no-repeat scroll 130px 5px; padding: 5px 30px 0 15px; margin: 5px 0 0 0; }
.SidebarMenu label.return a { text-decoration: none; font-size: 14px; }
.SidebarMenu ul { padding: 0px 0px 0 0px; }
.SidebarMenu li { font-size: 12px; margin: 0; padding:0; line-height:22px; list-style: none; font-weight: normal; }
.SidebarMenu li a { padding-left: 10px; display: block; font-size: 14px; font-weight: normal; }
.SidebarMenu li a.active { color: #e85997; font-weight: bold; text-decoration: none; padding-left: 10px; }
.SidebarSeo { width: 185px; margin: 0 0px 0px 0; padding: 0; position: relative; background: url('images/components/SIDE-Ex.jpg') repeat-y top left; }
.SidebarSeo span.bottom { background: url('images/components/SIDE-B.jpg') no-repeat bottom left; display: block; height: 22px; width: 185px; margin: -5px 0px 0px 0px; z-index: 100; }
.SidebarSeo label { display: block; font-size: 17px; color: #000; text-align: center; margin: 0 0px; line-height: 20px; }
.SidebarSeo label.return { display: block; text-align: left; height: 40px; color: #000; background: transparent url(images/components/FLH-left-C2-22.png) no-repeat scroll 170px 10px; padding: 5px 30px 0 15px; margin: 5px 0 0 0; }
.SidebarSeo label.return a { text-decoration: none; font-size: 14px; }
.SidebarSeo ul { padding: 0px 0px 0 0px; }
.SidebarSeo li { font-size: 11px; margin: 0; padding: 2px 5px; list-style: none; line-height: 20px; font-weight: normal; }
.SidebarSeo li a, .SidebarSeo h4 { padding: 0 10px; display: block; font-size: 11px; font-weight: normal; }
.SidebarSeo li a.active { color: #e85997; font-weight: bold; text-decoration: none; padding-left: 25px; line-height: 20px; }
#menu-title {
display:block;
line-height:26px;
background-color:#e6e6e6;
margin:0 8px 7px;
color:#f29636;
font-weight:normal;
font-size:16px;
text-align:center;
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
}
/* Controls
---------------------------------------------------------------------------------------------------- */
/* Trace -------------------------------------------- */
#Trace { font-size: 10px; text-align: left; margin: 50px auto 10px auto; width: 900px; }
#Trace dl { margin: 10px 0; }
#Trace dt { font-weight: bold; }
#Trace dd { margin: 0 0 20px 0; }
#Trace table { margin: 10px 0; }
#Trace table tr { line-height: 30px; height: 30px; display: block; margin-bottom: 1px; }
#Trace table tr th { font-weight: bold; width: 150px; }
#Trace table tr td { text-align: right; }
#Trace table tr.alt td { text-align: center; }
/* Errors ---------------------------------------- */
.error-text { color: #cc3333; font-weight:bold; }
.error { display: block; margin:10px auto 0; list-style-position:inside; list-style-type:square; font-weight:bold; font-size:1em; width:450px; float:none; }
.error li { line-height: 25px; }
.error li.title { font-weight: bold; color:Red; list-style:none; }
.error li label { text-decoration: underline; color:#000; font-weight:normal; cursor:pointer; }
.error li a { text-decoration: none; }
.error li a b { font-weight: bold; }
/* Autocompleter ------------------------------------ */
ul.results {
position: absolute; top:72px; left:11px; width: 170px; overflow: hidden; border: solid 5px #e6e6e6; border-top: none; padding: 0 0 5px 0; background-color: #fff; z-index: 200;
border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px;
}
ul.results li { cursor: pointer; position: relative; height: 20px; line-height: 20px; width: 160px; padding: 5px 5px 0; background-color: #fff; overflow: hidden; font-size: 10px; z-index: 200; }
ul.results li b { font-weight: bold; color: #000; }
ul.results li span { text-align: right; }
ul.results li.item { }
ul.results li.hover { background-color: #e6e6e6; color: #000; }
ul.results li.hover b { color: #000; }
ul.results li.static { color: Gray; }
ul.results li.alt { color:Gray; display:none; }
ul.inline { position: absolute; top:29px; left:11px; width: 170px; overflow: hidden; }
ul.inline li { width: 170px; font-size: 12px; }
/* Astuces ----------------------------------------- */
.astuces { margin: 0 auto; text-align: center; background-color: #e6e6e6; width: 650px;
padding: 10px 10px 0 10px; line-height: 20px;
position:relative;
-moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.astuces p { padding: 0 0 5px 0; }
.astuces strong { display: block; }
.astuces a { display: block; color: #666; text-align: center; line-height: 20px; }
.astuces b { display:block; height:58px; width:58px; position:absolute; top:10px; left:10px; background:url('images/components/ICON-fid.png') no-repeat 0 0; }
/* ToolTip ------------------------------------------ */
.forma { text-decoration: none; margin: 5px; color: #666; font-weight: bold; }
p#tooltip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #e6e6e6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; }
/* Panels ------------------------------------------- */
.fav-on { text-indent: -9999px; display: block; height: 33px; width: 33px; margin: 0 auto; }
.fav-off { text-indent: -9999px; display: block; height: 33px; width: 33px; margin: 0 auto; }
.fav-off img, .fav-on img { width: 33px; height: 33px; display: block; }
div#iPanel { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; z-index: 9999; width: 250px; background-color: #e6e6e6; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#iPanel-label { display: block; cursor: pointer; font-size: 11px; margin: 2px 0 7px 0; font-weight: bold; }
#iPanel-input { margin: 0 auto 8px 0; height: 22px; width: 80%; padding: 7px 7px 0 7px; }
#iPanel-cancel { width: 40%; }
#iPanel-valid { width: 40%; }
/* Alert -------------------------------------------- */
#popup_overlay { background-color:#e9e9e9; }
#popup_container { font-size: 12px; width: 400px; background: #fff; border: solid 5px #e6e6e6; color: #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 1000; }
#popup_title { font-size: 16px; text-align: center; line-height: 2em; color: #666; cursor: default; position: relative; top: 10px; }
#popup_content { background: 16px 16px no-repeat url(images/components/info.gif); padding: 1em 1.75em; margin: 0em; }
#popup_content.alert { background-image: url(images/components/info.gif); }
#popup_content.confirm { background: url(images/components/confirm.jpg) no-repeat 5px 16px; }
#popup_content.prompt { background-image: url(images/components/help.gif); }
#popup_message { height: 120px; padding: 15px 0 0 110px; }
#popup_message p { margin: 0 0 5px 0; line-height: 22px; }
#popup_panel { text-align: center; margin: 1em auto 0em auto; width: 180px; position: relative; top: -30px; left: 50px; }
#popup_prompt { margin: .5em 0em; }
#popup_ok { display: block; height: 25px; width: 80px; border: 0; float: right; outline: 0; margin: 0 5px; cursor: pointer; font-size:16px; font-weight:bold; }
#popup_cancel { display: block; height: 25px; width: 80px; border: 0; float: left; outline: 0; margin: 0 5px; cursor: pointer; font-size:16px; font-weight:bold; }
/* Slideshow ---------------------------------------- */
.slideshow { position: relative; height: 475px; width: 955px; }
.slideshow img { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.0; }
.slideshow img.active { z-index: 3; opacity: 1.0; }
.slideshow img.last-active { z-index: 2; }
.slideshow-panel { z-index: 5; position: absolute; top: 50px; left: 50px; padding: 10px 15px; display: block; width: 300px; background: #e6e6e6; opacity: 0.7; -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px; color: #666; }
.slideshow-panel li { line-height: 22px; margin: 0 0 0 20px; list-style: none; }
.slideshow-panel li.last { margin: 0; line-height: 25px; }
/* Maps --------------------------------------------- */
#map_canvas { margin: 25px auto; width: 600px; height: 600px; border: solid 5px #e6e6e6; }
/* Pager ------------------------------------------- */
.Pager { text-align: center; padding: 10px; clear: left; }
.Pager input.pBprev { width: 22px; height: 22px; vertical-align: middle; padding-right: 5px; }
.Pager input.pBnext { width: 22px; height: 22px; vertical-align: middle; padding-left: 5px; }
.Pager span.dp-active { text-align: center; background-color: #f287b7; padding: 3px; font-weight: bold; color: Black; font-size: 14px; }
.Pager a { text-align: center; padding: 2px; color: #666; text-decoration: underline; }
/* LightBox ----------------------------------------- */
.modal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
background: #e9e9e9;
opacity: .45;
filter: alpha(opacity=45);
z-index: 101;
}
.modal-window {
position: fixed;
top: 50%;
left: 50%;
margin: 0;
padding: 0;
z-index: 102;
background: #fff;
border: solid 8px #E85997;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.close-window {
position: absolute;
width: 47px;
height: 47px;
right: -23px;
top: -23px;
background: transparent url(images/components/close-button.png) no-repeat scroll right top;
text-indent: -99999px;
overflow: hidden;
cursor: pointer;
}
/* MPaiements --------------------------------------- */
.paiements { position: relative; left: -150px; top: 30px; }
.paiements span.title { font-size: 11px; font-weight: bold; color: #000; display: block; }
.paiements img.A { margin: 15px 0 0 10px; }
.paiements img.C { margin: 10px 0 0 20px; }
.paiements img.E { margin: 15px 0 0 20px; }
.paiements img.T { margin: 5px 0 0 20px; }
.OnlinePaiements { margin: 10px auto; display: block; height: 120px; text-align: center; width:580px; }
.OnlinePaiements span { position: relative; display: block; float: left; height: 100px; width: 100px; margin: 10px 20px; border: solid 1px #e6e6e6; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; }
.OnlinePaiements span input[type="radio"] { position: absolute; top: 5px; right: 5px; }
.OnlinePaiements span label { display: block; height: 100px; width: 100px; text-indent: -9999px; cursor: pointer; }
.OnlinePaiements span.CB label { background: url('/images/paiement/cb.jpg') no-repeat center center; }
.OnlinePaiements span.VISA label { background: url('/images/paiement/visa.jpg') no-repeat center center; }
.OnlinePaiements span.EUROCARD_MASTERCARD label { background: url('/images/paiement/eurocard.jpg') no-repeat center center; }
.OnlinePaiements span.AMEX label { background: url('/images/paiement/amex.jpg') no-repeat center center; }
#reference-search { position: relative; margin: 10px 5px; }
#reference-search h4 { margin: 0 0 0 10px; color: #fff; font-weight: bold; font-size: 16px; }
.search-map { display: block; height: 120px; width: 40%; float: left; }
.search-map span { display: block; color: #fff; font-size: 12px; margin: 10px; font-weight: bold; }
.search-map a { background: transparent url('images/components/BTN-map-73.png'); display: block; height: 80px; text-indent: -9999px; width: 79px; outline: 0; border: 0; position: absolute; left: 50px; }
.search-input { position: relative; float: left; }
.search-input label { display: block; color: #fff; font-size: 12px; margin: 10px 0; font-weight: bold; cursor: pointer; }
.search-input .autocomplete { display: block; height: 33px; width: 176px; background: transparent url('images/components/TXT-H33-C3.png') no-repeat 0 0; padding: 8px 10px; border: none; }
.search-input ul.results { position: absolute; top: 67px; left: 5px; width: 155px; }
.search-input ul.results li { width: 125px; font-size: 11px; }
.search-input .dftButton { position: absolute; top: 30px; left: 185px; }
/* Forms -------------------------------------------- */
.login { }
.login .PanelA-body { }
.login table { margin: 0 auto; }
.login table tr { height: 25px; }
.login table th { width: 150px; height: 35px; text-align:left; }
.login .VButton1{ float:right }
.login p { padding: 5px 0; }
.login ol { width: 375px; margin: 5px auto; list-style-image: url('images/components/PUCE-C2-12.jpg'); }
.login ol li { height: 22px; }
.login .Textbox-A, .login .Textbox-B { width:170px; }
/* Register -------------------------------------------- */
#register { position: relative; left: 30px ; width:850px}
#register h2 { color: #fff; font-size: 14px; text-align:center; }
#register .Textbox-A, #register .Textbox-B { width:180px; }
#register .action { height:35px; }
table.Form { margin: 10px auto; }
table.Form tr { height: 35px; }
table.Form tr.alt { height: 30px; }
table.Form tr.alt label { padding: 0 0 0 10px; cursor: pointer; }
table.Form th { padding: 0 20px 0 0; text-align: left; font-weight: normal; vertical-align: middle; }
table.Form th label { display: block; cursor: pointer; font-weight:bold; }
table.Form .Textbox-A, table.Form .Textbox-B { width: 180px; }
table.Form tr.action td a { float:none; width:70px; }
/* Table -------------------------------------------- */
table.Grid { margin: 0 auto; }
table.Grid tr { height: 50px; }
table.Grid td { margin: 2px; }
table.Grid td.date { font-size: 10px; font-weight: bold; width: 80px; }
table.Grid td.logo { width: 50px; }
table.Grid td.name { width: 150px; }
table.Grid td.name a { color: #666; }
table.Grid td.name span { font-size: 10px; display: block; }
table.Grid td.price { width: 70px; }
table.Grid td.view { width: 120px; }
table.Grid td.order { width: 120px; }
table.List { margin: 0 auto; }
table.List tr { height: 40px; }
table.List td { margin: 3px; }
table.List td.name { width: 160px; font-weight: bold; }
table.List td.default { width: 130px; padding: 0 15px; }
table.List td.default a { font-size: 10px; text-align: center; }
table.List td.default span { font-size: 10px; text-align: center; }
/* Quantity ----------------------------------------- */
.Quantifier { position: relative; display: block; width: 50px; vertical-align: middle; }
.Quantifier a.Add { display: block; text-indent: -9999px; position: absolute; top: -10px; left: 30px; background: url('images/components/BTN-plus-18.jpg') no-repeat 0 0; height: 18px; width: 18px; }
.Quantifier a.Rem { display: block; text-indent: -9999px; position: absolute; top: -10px; left: 0px; background: url('images/components/BTN-moins-18.jpg') no-repeat 0 0; height: 18px; width: 18px; }
.Quantifier span { display: block; height: 24px; width: 20px; position: absolute; top: -9px; left: 14px; text-align: center; font-size: 11px; }
/* Star Rating -------------------------------------- */
.star-rating,
.star-rating .current-rating,
.rate-enable a:hover,
.rate-enable a:active,
.rate-enable a:focus
{
background: url('images/components/star-84.gif') left -1000px repeat-x;
}
.small-rate,
.small-rate .current-rating
{
background: url('images/components/star-43.gif') left -1000px repeat-x;
}
.star-rating {
position: relative;
width: 145px;
height: 29px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-position: left top;
}
.small-rate {
width: 75px;
height: 15px;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating {
position: absolute;
top: 0;
left: 0;
text-indent: -1000em;
height: 29px;
line-height: 29px;
outline: none;
overflow: hidden;
border: none;
}
.small-rate a,
.small-rate .current-rating {
height: 15px;
line-height: 15px;
}
.star-rating a:hover {
cursor: default;
}
.rate-enable a:hover,
.rate-enable a:active,
.rate-enable a:focus{
background-position: left center;
cursor: pointer;
}
.star-rating a.rate-1 {
width: 20%;
z-index: 6;
}
.star-rating a.rate-2 {
width: 40%;
z-index: 5;
}
.star-rating a.rate-3 {
width: 60%;
z-index: 4;
}
.star-rating a.rate-4 {
width: 80%;
z-index: 3;
}
.star-rating a.rate-5 {
width: 100%;
z-index: 2;
}
.star-rating .current-rating{
z-index: 1;
background-position: left bottom;
}
/* Comments ----------------------------------------- */
.comments { display: block; width: 450px; margin: 20px auto 10px auto; position: relative; z-index: 2; }
.comments b { display: block; background: url('images/components/ICON-stylo-C1-45.png') no-repeat 0 0; width: 45px; height: 52px; position: absolute; top: 3px; left: 0; margin: -20px 0 0 0; z-index: 2; }
.comments textarea { display: block; width: 400px; margin: 0 auto; background-color: #fff; border: solid 2px #e6e6e6; height: 110px; padding: 10px; cursor: text; font: 12px/15px Verdana, Helvetica, Arial, Sans-Serif; z-index: 1; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; }
/* Status ------------------------------------------- */
.closed { color: #666; }
.open60 { color: green; }
.openToday { color: Blue; }
.notOpen { color: black; }
/* MailPanel ---------------------------------------- */
.MailPanel { width: 400px; margin: 5px auto 0 auto; position: relative; }
.MailPanel label { cursor: pointer; display: block; font-weight: bold; }
.MailPanel .textbox { float: left; }
.MailPanel .textbox input { margin: 5px 0; height: 20px; width: 200px; padding: 3px 3px 0 3px; }
/* Elements
---------------------------------------------------------------------------------------------------- */
/* Branding ----------------------------------------- */
#Branding { display: block; height: 108px; margin: 0; padding: 0 28px; position: relative; z-index: 100; }
#Branding a.branding-logo { display:block; height:135px; width:635px; position:absolute; top:0; left:15px; overflow:hidden; }
#Branding blockquote { display: none; }
#Branding a.logopwd {position:absolute; top:90px; left:680px; }
/* Login -------------------------------------------- */
#Login { width: 292px; padding: 2px 5px 8px; position: absolute; right: 15px; top: -22px; z-index: 250; font-weight: bold; text-align: center; background:#e6e6e6; border: solid 2px #ccc; opacity:0.8; box-shadow: 1px 1px 6px #000; -moz-box-shadow: 1px 1px 6px #000; -webkit-box-shadow: 1px 1px 6px #000; }
#Login a { color: #000; }
#Login a:hover { color: #e85997 }
#Login li, #Login ul { list-style: none; }
#Login h3 { font: normal 16px Verdana; color: #000; text-align: center; padding: 0px 0 0 0; cursor: pointer; height: 16px; position:relative; text-decoration: underline; }
#Login h3:hover { text-decoration:none; color:#333; }
#Login h3.t b { display:none; height:10px; width:10px; position:absolute; top:5px; right:10px; }
#Login h3.active b { display:block; height:13px; width:13px; position:absolute; top:5px; right:10px; background:url('images/components/BT-supr.png') no-repeat 0 0; }
#Login .p { height: 135px; padding: 10px; z-index:200; }
#Login .p ul { display: block; z-index: 200; }
#Login .p ul li { display: block; z-index: 200; margin: 5px 10px; }
#Login .p ul li.text { background: url('images/components/TXT-H33-C3.png') no-repeat 0 0; height: 33px; width: 176px; background-color: transparent; z-index:250; }
#Login .p ul li input[type="text"] { border: 0; height: 30px; width: 152px; background: none; padding: 7px 10px 0 10px; z-index:99; }
#Login .p ul li input[type="password"] { height: 25px; border: 0; height: 30px; width: 155px; background: none; padding: 7px 10px 0 10px; z-index:99; }
#Login .p ul li input[type="checkbox"] { margin: 0 3px 0 0; z-index:250; }
#Login .p ul li label { font-size: 11px; padding-bottom: 3px; color:#fff; }
#Login .p ul li input[type="image"] { display: block; height: 41px; width: 41px; margin: -40px 0 0 200px; }
#Login .p ul li a { font-size: 11px; display: block; }
#Login .content { height: 35px; padding: 0 5px 4px; }
#Login .content span { display: block; }
#Login span.bg { height: 23px; width: 292px; display: none; }
#Login span.logout a { font-size: 11px; display: block; margin: 3px 0; }
#Login span a { font-size: 16px; }
/* Navigation --------------------------------------- */
#Navigation { background-color: #bbb; margin: 0 0px; height: 2px; z-index: 10; position: relative; }
#Navigation label { color: #fff; font-size: 38px; display: block; line-height: 40px; position: absolute; left: 10px; top: 3px; cursor: pointer; }
#Navigation div#Search { display: block; height: 63px; width: 346px; position: relative; margin: 0 0 0 450px; background: url('images/components/INPUT-nav-C1-346.png') no-repeat 0 0; font-size: 0; z-index: 1000; }
#Navigation div#Search input[type="text"] { background: none; font-size: 14px; border: 0; width: 180px; position: absolute; top: 17px; left: 20px; }
#Navigation div#Search input[type="image"] { display: block; cursor: pointer; position: absolute; top: 5px; left: 235px; font-size:0; }
#Navigation #Map { position: absolute; display: block; width: 100px; z-index: 100; top: -15px; left: 820px; }
#Navigation #Map a { background: url('images/components/BTN-map-73.png'); display: block; height: 80px; text-indent: -9999px; width: 79px; outline: 0; border: 0; z-index: 101; }
/* Ariane ------------------------------------------- */
ol#Ariane { padding: 0 0 0 5px; margin-left: 20px; font-size: 11px; height: 40px; }
ol#Ariane li { list-style: none; float: left; height: 30px; padding: 0 25px 0 0px; max-width: 150px; position: relative; text-align: center; }
ol#Ariane li.first { padding-left: 0; }
ol#Ariane li.ArianeOn { color: #666; }
ol#Ariane li a { display: block; font-size: 10px; text-decoration: none; }
ol#Ariane li a strong { display: block; text-decoration: underline; }
ol#Ariane.arianeoff span.separator { position: absolute; top: -10px; left: -25px; width: 20px; height: 30px; background-image: url(images/Components/ARN-separator-20.jpg); }
ol#Ariane.arianeoff { padding: 0 0 0 5px; font-size: 10px; height: 30px; }
ol#Ariane.arianeoff li { list-style: none; float: left; height: 20px; padding: 0 25px 0 0px; max-width: 150px; position: relative; text-align: center; }
ol#Ariane.arianeoff li.first { padding-left: 0; }
ol#Ariane.arianeoff li.ArianeOn a { color: #666; }
ol#Ariane.arianeoff li a { margin: 5px 0 0 0; display: block; font-size: 10px; text-decoration: none; }
ol#Ariane.arianeoff li a strong { display: block; text-decoration: underline; }
ol#Ariane.arianeoff span.separator { position: absolute; top: -10px; left: -25px; width: 20px; height: 30px; background-image: url(images/Components/ARN-separator-20.jpg); }
/* Informations -------------------------------------- */
#Informations { text-align: center; font-size: 85%; height: 60px; background: url('images/components/PIED-C3-983.jpg') no-repeat center bottom; padding-top: 35px; }
/* Referencement ------------------------------------- */
#Referencement { text-align: center; margin: 0 auto; padding-bottom: 10px; width: 1000px; background: #fff; overflow: hidden; }
#Referencement li, #Referencement li a { list-style: none; font-size: 9px; color: Gray; }
#Referencement li a { margin: 0 5px; }
/* Pubs ---------------------------------------------- */
.pub { margin: 0 auto 20px auto; text-align: center; }
.pub a { font-size: 11px; color: #000; }
.pub span { display: block; margin: 5px auto; }
/* Pages
---------------------------------------------------------------------------------------------------- */
/* Home Page ----------------------------------------- */
#Home-content { margin: 0 15px; }
#Home-content p { margin: 15px; }
#Home-content h3 { padding: 10px 0 0 70px; height: 25px; }
#Home-content ul { list-style-image: url('images/components/PUCE-C2-12.png'); margin: 0 20px 0 20px; padding: 0 0 0 20px; }
#Home-content ul li { height: 25px; line-height: 25px; }
#Home-content ul li a { height: 20px; }
#Home-content .home-panel div { float: left; width: 47%; padding: 10px; margin: 10px 0; }
#Home-content #i1 { background-color: #fff; border-right: solid 2px #e6e6e6; height: 195px; }
#Home-content #i2 { background-color: #fff; height: 195px; }
#Home-content #i3 { background-color: #d2de8c; border-right: solid 2px #fff; height: 225px; }
#Home-content #i4 { background-color: #d2de8c; height: 225px; }
#Home-content #i1 span.icon { background: transparent url('images/components/ICON-resto-55.png') no-repeat 0 0; width: 55px; height: 44px; float: left; }
#Home-content #i2 span.icon { background: transparent url('images/components/ICON-spe-54.png') no-repeat 0 0; width: 54px; height: 44px; float: left; }
#Home-content #i3 span.icon { background: transparent url('images/components/ICON-restoville-49.png') no-repeat 0 0; width: 49px; height: 51px; float: left; }
#Home-content #i4 .icon { float: left; }
/* Basket --------------------------------------------- */
#basket-header { position: relative; height: 120px; }
#basket-header h5 { position: absolute; top: -5px; left: 70px; }
#basket-header h5 a { color:#333; font-size: 13px; font-weight: normal; text-decoration: underline; cursor:default; }
#basket-header a.logo { position: absolute; top: -5px; left: -10px; background: url('images/components/FLOGO-65.jpg') no-repeat 0 0; height: 73px; width: 73px; cursor:default; }
#basket-header a.logo img { margin: 4px; }
#basket-header dl { position: absolute; top: 20px; left: 70px; font-size: 11px; }
#basket-header dl dd { font-weight: normal; }
#basket-header dl dd span { font-weight: bold; display:block; margin:0 0 5px; }
#basket-header #Horaires { position: absolute; top: 85px; left: -10px; display: block; height: 10px; margin: 0 auto; }
#basket-header #Horaires b { font-size:14px; color:#333; display:block; line-height:14px; margin: 0 5px 5px; font-size:9pt; font-weight:normal; }
#basket-header #Horaires select { font-size: 10px; font-weight: normal; float: left; margin: 0 5px 0; z-index:1; }
#basket-header #Horaires label { position: relative; top: -2px; left: 3px; font-size: 9px; }
#basket-content { position:relative; }
#basket-content { margin: 0 -14px 0 -19px; }
#basket-promo { display: block; font-size: 12px; }
#basket-promo label { cursor: pointer; margin: 2px 3px 0 0; font-size:11px; }
#basket-promo input[type="text"] { border: none; background-color: #e6e6e6; vertical-align: middle; font-size: 11px; height: 17px; padding: 2px 0 0 2px; width:55px; }
#basket-promo input[type="image"] { border: none; background: none; vertical-align: middle; padding-left: 2px; }
#basket-promo span { color: #ff0000; font-weight: bold; line-height: 18px; position:relative; top:5px; }
#basket-promo img { margin: 5px 0 0; }
#basket-content .basket-action { margin:0; }
.basket-action { display: block; text-align:center; }
.basket-action label { text-align: center; display: block; line-height: 22px; font-size: 11px; color: black; margin: 0 -14px 0 -19px;}
.basket-action .VButton1, .basket-action .VButton2 { float:none; margin:0 auto; }
.basket-action-1 {display: block; text-align:center; margin:0; }
.basket-action-1 label { text-align: center; display: block; line-height: 22px; font-size: 11px; color: black; }
.basket-action-1 .VButton1, .basket-action-1 .VButton2 { float:none; margin:0 auto; }
#basket-grid tr.product { height: 20px; margin: 0 0 5px 0; }
#basket-grid td.qte { width: 40px; white-space: nowrap; }
#basket-grid td.qte span { display: block; text-align: center; }
#basket-grid td.name { color: #000; width: 160px; padding: 0; vertical-align: top; font-size: 11px; text-align:left; }
#basket-grid td.name a { font-size: 11px; text-decoration: underline; color: #333;}
#basket-grid td.name a:hover { color:#e85997; }
#basket-grid td.price { font-size: 11px; text-align: right; width: 60px; vertical-align: top; }
#basket-grid td.delete { vertical-align: top; }
#basket-grid td.delete input { position:relative; top:-2px; }
#basket-grid tr.product td.name { color: #000; width: 160px; padding: 0; vertical-align: top; font-size: 12px; }
#basket-grid tr.option { height: 10px; margin: 0 0 5px 0; line-height: 10px; }
#basket-grid tr.option td.qte span { display: none; }
#basket-grid tr.option td.name { font-size: 11px; padding: 0 0 0 10px; vertical-align: top; }
#basket-grid tr.option td.price { font-size: 10px; text-align: right; width: 60px; vertical-align: top; }
#basket-grid tr.option td.delete input { display: none; }
#basket-grid tr.frais { font-size: 10px; }
#basket-grid tr.frais td.qte span { display: none; }
#basket-grid tr.frais td.name { width: 140px; }
#basket-grid tr.frais td.price { text-align: right; color: black; vertical-align: top; }
#basket-grid tr.frais td.delete * { display: none; vertical-align: top; }
#basket-grid tr.remise td.qte * { display: none; }
#basket-grid tr.remise td.name { font-size: 10px; padding: 0 0 0 0px; vertical-align: top; }
#basket-grid tr.remise td.delete * { display: none; vertical-align: top; }
#basket-grid tr.total { height: 22px; line-height:22px; }
#basket-grid tr.total td.name { font-size:12px; font-weight:bold; }
#basket-grid tr.total td.price { font-size: 11px; color: #e85997; font-weight: bold; text-align: right; white-space:nowrap; }
/* Lists Styles --------------------------------------- */
.list-villes { list-style: none; margin: 0 auto; width: 540px; }
.list-villes li { width: 43%; float: left; padding: 2px 5px; }
.list-villes li a { font-size: 10px; float: left; padding: 0 0 5px 0; color: Gray; }
.list-dept { margin: 5px; list-style: none; }
.list-dept li { margin: 0 0 5px 0; }
.list-dept li a { color: Gray; text-decoration: none; font-size: 11px; cursor: pointer; }
.list-dept li span { display: block; }
.list-dept li span a { color: #666; text-decoration: underline; font-size: 12px; }
.list-comments { clear: both; display: block; width: 90%; margin: 0 auto; }
.list-comments ul { list-style: none; }
.list-comments ul li.first { font-size: 10px; }
.list-comments ul li.first span { margin: 0 0 0 10px; font-size: 12px; padding: 0; }
.list-comments ul li { padding: 5px 5px 0 5px; }
.list-comments dt { display: block; width: 90px; float: left; }
.list-comments dd { display: block; float: left; }
.list-comments dd.text-comments { display: block; width: 100%; float: left; }
.list-comments .rating-1 { float: right; }
.list-restaurants { position: relative; width: 540px; margin: 0; }
.list-restaurants .Item { width: 240px; height: 50px; float: left; border: solid 2px #e6e6e6; margin: 5px; padding: 5px; position: relative; }
.list-restaurants .Item a.logo { position: absolute; top: 8px; left: 5px; width: 43px; height: 43px; background: transparent url('images/components/FLOGO-35.jpg') no-repeat 0 0; border: none; }
.list-restaurants .Item a.logo img { margin: 4px; }
.list-restaurants .Item h4 { position: absolute; top: 5px; left: 60px; font-weight: normal; }
.list-restaurants .Item h4 a { display: block; font-size: 10px; color: #666; }
.list-restaurants .Item ul { position: absolute; top: 35px; left: 60px; }
.list-chaines { position: relative; width: 180px; margin: 0; }
.list-chaines .Item { width: 180px; height: 50px; float: left; border: solid 2px #e6e6e6; margin: 5px; padding: 5px; position: relative; }
.list-chaines .Item a.logo { position: absolute; top: 8px; left: 5px; width: 43px; height: 43px; background: transparent url('images/components/FLOGO-35.jpg') no-repeat 0 0; border: none; }
.list-chaines .Item a.logo img { margin: 4px; }
.list-chaines .Item h4 { position: absolute; top: 5px; left: 60px; font-weight: normal; }
.list-chaines .Item h4 a { display: block; font-size: 10px; color: #666; }
.list-chaines .Item ul { position: absolute; top: 35px; left: 60px; }
/* Modal ----------------------------------------------- */
#lightbox #map_canvas { margin:5px auto 0 auto; border:solid 5px #ececec; }
#localite { margin:10px auto; height:285px; }
#localite h2 { text-align:center; }
#localite p { line-height:22px; margin:0 0 5px 0; }
#localite .search { background-color:#e6e6e6; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; padding:10px; position:relative; }
#localite .search h4 { text-align:center; }
#localite .search label { display:block; color:#333; font-size:12px; margin:20px 0 10px 0; font-weight:bold; cursor:pointer; text-align:center; }
#localite .search .autocomplete { display:block; height:33px; width:176px; background:url('images/components/TXT-H33-C3.png') no-repeat 0 0; padding:8px 10px; border:none; position:relative; top:10px; left:100px; }
#localite .search ul.results { position:absolute; top:112px; left:115px; width:155px; }
#localite .search ul.results li { width:125px; font-size:11px; }
#localite .search .dftButton { position:relative; top:-40px; left:295px; }
#Beta p { width: 340px; }
#Beta .MailPanel { width: 300px; margin: 0 auto; }
#Beta .MailPanel label { line-height: 22px; }
/* Corporate ------------------------------------------- */
#faq { width: 800px; margin: 5px auto; }
#faq fieldset { border: solid 1px #e6e6e6; margin: 10px; padding: 10px; }
#faq dl { margin: 10px; }
#faq dt { line-height: 25px; }
#faq dt a { font-size: 14px; text-decoration: none; font-weight: bold; }
#faq dd { line-height: 22px; margin-left: 10px; }
#faq h3 { margin: 20px 0 5px 0; line-height: 25px; }
#faq h4 { margin: 5px 10px; font-size: 13px; font-weight: bold; line-height: 22px; }
#faq .node-panel { margin: 5px 20px 20px 20px; font-size: 12px; }
#faq .node-panel a { color: #666; }
#faq .node-panel a.return { font-size: 10px; color: Gray; display: block; position: relative; bottom: -10px; }
#faq .node-panel p { line-height: 22px; }
#faq .node-panel label { line-height: 22px; }
#faq .node-panel ol { margin: 5px 20px; }
#faq .node-panel ol li { line-height: 22px; }
#corporate { margin: 0 15px; font: normal normal 11px verdana; }
#corporate h2 { margin: 15px 0; }
#corporate img { float: left; margin: 5px 10px 0 10px; }
#corporate .Entete1 { clear: both; }
#corporate p { line-height: 20px; margin: 10px; }
#corporate ul { margin: 0 35px; }
#corporate span { display: block; }
#corporate-header { float: left; width: 80%; }
#corporate-header a { font-size: 10px; }
#corporate .item { display: block; position: relative; height: 215px; width: 45%; }
#corporate .item h3 { font: normal bold 13px verdana; color: #000; }
#corporate .item h3 span { font-weight: normal; }
#corporate .item ul { list-style: none; float: left; font-weight: bold; }
#corporate .item ul li { font-weight: bold; margin-top: 5px; }
#corporate .item ul li span { font-weight: normal; }
#corporate .odd { border: solid 2px #e6e6e6; overflow: hidden; margin: 0 10px 20px 10px; float: left; }
#corporate .odd img { position: absolute; top: 5px; left: 15px; }
#corporate .odd h3 { position: absolute; top: 25px; left: 160px; }
#corporate .odd ul { position: absolute; top: 65px; left: 160px; margin: 0; }
#corporate .even { background-color: #E8F1B7; border: solid 2px #E8F1B7; overflow: hidden; margin: 0 10px 20px 10px; float: left; }
#corporate .even img { position: absolute; top: 5px; left: 15px; }
#corporate .even h3 { position: absolute; top: 25px; left: 160px; }
#corporate .even ul { position: absolute; top: 65px; left: 160px; margin: 0; }
#corporate .alt { background-color: #E8F1B7; border: solid 2px #E8F1B7; overflow: hidden; margin: 5px auto 20px auto; float: none; width: 75%; }
#corporate .alt img { position: absolute; top: 5px; left: 15px; }
#corporate .alt h3 { position: absolute; top: 50px; left: 285px; }
#corporate .alt ul { position: absolute; top: 85px; left: 250px; }
#corporate p.intro { float: left; width: 740px; padding-bottom: 10px; }
#corporate a.top { float: left; clear: both; font: normal normal 11px verdana; color: #666; text-decoration: underline; margin-bottom: 10px; }
#corporate ul.cgv-list { margin: 5px auto; list-style-type: decimal; width: 600px; height: 150px; }
#corporate ul.cgv-list li { float: left; width: 300px; }
#corporate ul.mentions { width: 700px; list-style: none; }
#corporate ul.mentions li { margin: 5px 0; line-height: 20px; }
#corporate ol.banques { display: block; clear: both; list-style: none; margin: 0 auto 10px auto; width: 955px; }
#corporate ol.banques li { float: left; width: 136px; margin: 0 auto; }
#corporate ol.cartes { display: block; clear: both; list-style: none; margin: 0 auto 10px auto; width: 900px; }
#corporate ol.cartes li { float: left; width: 300px; text-align: center; margin: 0 auto; }
#corporate ol.cartes li img { float: none; }
#corporate ol.moyens { display: block; clear: both; list-style: none; margin-bottom: 10px; width: 100%; }
#corporate ol.moyens li { float: left; width: 800px; }
#corporate ol.moyens li span { padding: 30px; }
#corporate ol.moyens img { vertical-align: middle; margin: 10px; }
.contact { display: block; position: relative; float: left; top: 0px; height: 200px; width: 450px; }
.contact h3 { display: none; }
.contact img { position: absolute; bottom: 0; right: 0; }
.viral img { position: absolute; bottom: -18px; right: 0; }
.viral #facebook { display: block; height: 60px; width: 110px; background: url('images/components/facebook.png') no-repeat 0 0; position: absolute; top: 100px; right: 200px; text-indent: -9999px; }
.viral #twitter { display: block; height: 60px; width: 110px; background: url('images/components/twitter.png') no-repeat 0 0; position: absolute; top: 100px; right: 75px; text-indent: -9999px; }
#PasswordRecovery { margin: 10px auto; width: 650px; }
#PasswordRecovery p { line-height: 22px; }
#PasswordRecovery p.return { text-align: center; }
#PasswordRecovery p.ch { margin: 10px 0; }
#PasswordRecovery .Form { margin: 0 0 5px 0; }
#formulaire { position: relative; width: 700px; margin: 20px auto 0 auto; }
#formulaire .Form { margin: 0 auto; }
#formulaire .Button1 { float: none; margin: 0 auto; width: 85px; text-align: center; }
#formulaire .astuces { margin: 0 auto; text-align: center; background-color: #e6e6e6; min-height: 70px; width: 620px; padding: 10px 10px 0 10px; line-height: 20px; -moz-border-radius: 10px; border-radius: 10px; -webkit-border-radius: 10px; }
.Tarea-1 { display: block; background: transparent url('images/components/TAREA_2x1.jpg') repeat-y left top; position:relative; }
.Tarea-1 b { display: block; background: url('images/components/ICON-stylo-C1-45.png') no-repeat 0 0; width: 45px; height: 52px; position: absolute; top: 3px; left: -10px; margin: -20px 0 0 0; z-index: 2; }
.Tarea-1-Top { position: relative; display: block; padding-right: 15px; background: transparent url('images/components/TAREA_1x2.jpg') no-repeat right top; }
.Tarea-1-Top span { position: relative; display: block; height: 15px; width: 15px; background: green url('images/components/TAREA_1x1.jpg'); }
.Tarea-1-Body { position: relative; left: 15px; margin-right: 0px; background: transparent url('images/components/TAREA_2x2.jpg') repeat-y right top; }
.Tarea-1 textarea { border: none; position: relative; padding-right: 10px; overflow: hidden; background-color: Transparent; font: 12px/15px Verdana, Helvetica, Arial, Sans-Serif; top: -5px; }
.Tarea-1-Bot { position: relative; background: url('images/components/TAREA_3x2.jpg') no-repeat right bottom; }
.Tarea-1-Bot span { position: relative; display: block; position: relative; height: 15px; width: 15px; background: transparent url('images/components/TAREA_3x1.jpg') no-repeat right bottom; }
.Tarea-2 { display: block; background: transparent url('images/components/TAREA2_2x1.jpg') repeat-y left top; position:relative; }
.Tarea-2 b { display: block; background: url('images/components/ICON-stylo-C1-45.png') no-repeat 0 0; width: 45px; height: 52px; position: absolute; top: 3px; left: -10px; margin: -20px 0 0 0; z-index: 2; }
.Tarea-2-Top { position: relative; display: block; padding-right: 15px; background: transparent url('images/components/TAREA2_1x2.jpg') no-repeat right top; }
.Tarea-2-Top span { position: relative; display: block; height: 15px; width: 15px; background: green url('images/components/TAREA2_1x1.jpg'); }
.Tarea-2-Body { position: relative; left: 15px; margin-right: 0px; background: transparent url('images/components/TAREA2_2x2.jpg') repeat-y right top; }
.Tarea-2 textarea { border: none; position: relative; padding-right: 10px; overflow: hidden; background-color: Transparent; font: 12px/15px Verdana, Helvetica, Arial, Sans-Serif; top: -5px; }
.Tarea-2-Bot { position: relative; background: url('images/components/TAREA2_3x2.jpg') no-repeat right bottom; }
.Tarea-2-Bot span { position: relative; display: block; position: relative; height: 15px; width: 15px; background: transparent url('images/components/TAREA2_3x1.jpg') no-repeat right bottom; }
span.help { font-size: 10px; color: Gray; padding: 0 10px; display: block; clear: both; }
.login { min-height: 300px; height: auto !important; height: 300px; }
.login .PanelA-body { }
.login table { margin: 0 auto; }
.login table tr { height: 25px; }
.login table th { width: 150px; height: 35px; text-align:left; }
.login .VButton1{ float:right }
.login p { padding: 5px 0; }
.login ol { width: 375px; margin: 5px auto; list-style-image: url('images/components/PUCE-C2-12.jpg'); }
.login ol li { height: 22px; }
.login .Textbox-A, .login .Textbox-B { width:180px; }
#account-adresses { margin: 0 auto; position: relative; width:95%; }
#account-address-accueil { margin: 5px auto; position: relative; background: url('images/components/ICON-home-C2-51.jpg') no-repeat 15px 5px; width: 500px; }
#account-address-accueil table { margin: 60px auto 10px auto; float:none; }
#account-address-accueil span { display: block; font-weight: bold; position: absolute; top: 5px; left: 80px; }
#account-address-accueil select { position: absolute; top: 35px; left: 80px; }
#account-address-select { margin: 5px; height: 60px; position: relative; background: url('images/components/ICON-home-C2-51.jpg') no-repeat 10px 0; }
#account-address-select label { display: block; margin: 12px; }
#account-address-select input { position: absolute; top: 15px; left: 510px; }
#account-adresses .Textbox-A, #account-adresses .Textbox-B { width:175px; }
.adrFrm0 { }
.adrFrm1 { width:370px; float:left; display:block; }
.adrFrm2 { width:370px; float:left; display:block; position:relative; }
.adrFrm3 { width:650px; margin:15px auto 0 auto; }
.adrFrm0 tr, .adrFrm1 tr, .adrFrm2 tr { height:40px; }
.adrFrm0 th, .adrFrm1 th, .adrFrm2 th { width:150px; font-weight:bold; text-align:left; }
.adrFrm2 th { width:130px; }
.adrFrm2 td { width:160px; }
.adrFrm0 .Tarea-1 textarea, .adrFrm1 .Tarea-1 textarea, .adrFrm2 .Tarea-1 textarea { width:160px; resize:none; max-width:160px; outline:0; }
.adrFrm0 .Tarea-2 textarea, .adrFrm1 .Tarea-2 textarea, .adrFrm2 .Tarea-2 textarea { width:160px; resize:none; max-width:160px; outline:0; }
.adrFrm3 textarea {resize:none; outline:0; width:610px; max-width:610px; width:610px;}
.adrFrm0 label, .adrFrm1 label, .adrFrm2 label { cursor:pointer; }
.adrFrm3 th, .adrForm3 th label { height:30px; display:block; }
.adrFrm3 tr.action div { margin:10px auto; width:200px; height:30px; }
/* Custom Stylesheet Planet Sushi */
.clogin table { }
.clogin table tr { height: 25px; }
.clogin table th { width: 150px; height: 35px; }
.clogin .Button1-A { float: right; }
.clogin p { padding: 5px 0; }
.clogin ol { width: 375px; margin: 5px auto; list-style-position: inside; list-style-image: url('images/components/PUCE-C2-12.jpg'); }
.clogin ol li { height: 22px; }
.clogin label { padding-left:5px; }
.clogin .Textbox-A, .clogin .Textbox-B { width:175px; }
#Home { height:450px; width: 730px; margin:0 auto; position:relative; }
#Home img { overflow:hidden; position:absolute; left: -1px; bottom:0; width: 900px; }
#Home #alternate { line-height:18px; padding:8px; border:solid 1px #ccc; color:magenta; font-size:14px; margin:5px auto; width:650px; }
#Home #panelA { position:absolute; top:80px; left:0; height:175px; width:280px; }
#Home #panelB { position:absolute; top:80px; left:340px; height:250px; width:350px; }
#Home #panelA .Textbox-A { position:relative; top:10px; }
#Home h2 { background-color:#a9a9a9; color:#fff; display:block; padding:2px 8px; margin-bottom:10px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#Home .content { padding:0 20px; }
#Home .dftButton { position:relative; top:5px;}
#div_texte_pied { position:relative; }
#backlink { color:Gray; font-size:l0px; position:absolute; right:60px; text-decoration:none; }
#cgvlink { color:Gray; font-size:10px; position:absolute; left:60px; text-decoration:none; }
/* Fiche --------------------------------------------- */
#Fiche { height:300px; margin:20px 0 0 0; position:relative; width:550px; }
#Fiche h2 { color:#ff0000; font-weight:normal; height:30px; line-height:30px; position:absolute; top:-5px; left:180px; }
#Fiche ul { list-style:none; margin:10px 0; }
#Fiche ul li { font-weight:bold; line-height:18px; font-size:11px; }
#Fiche ul li span { font-weight:normal; }
#Fiche ul li.first span { font-weight:bold; }
#Fiche ul li.text { font-weight:normal; }
#Fiche .logo { width:150px; height:190px; border:solid 2px #f287b7; position:absolute; top:0; left:0; }
#Fiche .logo div { height:118px; width:118px; background:transparent url('images/components/FLOGO-110.jpg') no-repeat 0 0; margin:10px auto 0 auto; }
#Fiche .logo div img { margin:4px; }
#Fiche .logo span { font-size:10px; display:block; margin:7px 5px; text-align:center; }
#Fiche .description { width:390px; position:absolute; top:25px; left:180px; }
#Fiche .description dt, #Fiche-header .description dd { font-size:10px; }
#Fiche .paiements { position:absolute; top:230px; left:20px; }
#Fiche .action { position:absolute; top:250px; left:300px; text-align:center; }
#Fiche .action .VButton1, #Fiche .action .VButton2 { float:left; width:120px; }
#stars { position:relative; left:20px; height:140px; width:530px; }
#stars .litem-first { list-style:none; margin:0; position:absolute; top:10px; left:290px; width:200px; line-height:22px; }
#stars .litem-first span { display:block; }
#stars .litem-meta { list-style:none; margin:0; position:absolute; top:80px; left:290px; width:200px; line-height:22px; }
#stars .litem-meta .nbnotes { font-weight:bold; }
#stars .note-1 { font-size:20px; font-weight:normal; position:relative; top:3px; left:3px; text-align:left; }
#stars .note-2 { color:Gray; font-weight:normal; text-align:center; }
#stars .litem-01 { position:relative; top:15px; font-size:11px; margin:0; padding-top:10px; height:50px; display:block; }
#stars .litem-01 label { display:block; font-weight:bold; color:Gray; line-height:30px; }
#stars .litem-02 { position:relative; top:10px; font-size:11px; margin:0; padding-top:10px; height:50px; display:block; }
#stars .litem-02 label {display:block; font-weight:bold; color:Gray; line-height:30px; }
#stars ul { position:absolute; top:0; left:60px; }
#stars ul.star-rating { margin:0; }
#stars ul.star-rating li { }
/* FicheA --------------------------------------------- */
#Fiche2 { height:300px; margin:20px 0 0 0; position:relative; }
#Fiche2 h2 { color:#ff0000; font-weight:normal; height:30px; line-height:30px; position:absolute; top:-5px; left:180px; }
#Fiche2 ul { list-style:none; margin:10px 0; }
#Fiche2 ul li { font-weight:bold; line-height:18px; font-size:11px; }
#Fiche2 ul li span { font-weight:normal; }
#Fiche2 ul li.first span { font-weight:bold; }
#Fiche2 ul li.text { font-weight:normal; }
#Fiche2 .logo { width:150px; height:190px; border:solid 2px #bed630; position:absolute; top:0; left:0; }
#Fiche2 .logo div { height:118px; width:118px; background:transparent url('images/components/FLOGO-110.jpg') no-repeat 0 0; margin:10px auto 0 auto; }
#Fiche2 .logo div img { margin:4px; }
#Fiche2 .logo span { font-size:10px; display:block; margin:7px 5px; text-align:center; }
#Fiche2 .description { width:390px; position:absolute; top:25px; left:180px; }
#Fiche2 .description dt, #Fiche2-header .description dd { font-size:10px; }
#Fiche2 .paiements { position:absolute; top:230px; left:20px; }
#Fiche2 .action { position:absolute; top:250px; left:300px; text-align:center; }
#Fiche2 .action .VButton1, #Fiche2 .action .VButton2 { float:left; width:120px; }
#stars2 { position:relative; left:20px; height:140px; width:530px; }
#stars2 .litem-first { list-style:none; margin:0; position:absolute; top:10px; left:290px; width:200px; line-height:22px; }
#stars2 .litem-first span { display:block; }
#stars2 .litem-meta { list-style:none; margin:0; position:absolute; top:80px; left:290px; width:200px; line-height:22px; }
#stars2 .litem-meta .nbnotes { font-weight:bold; }
#stars2 .note-1 { font-size:20px; font-weight:normal; position:relative; top:3px; left:3px; text-align:left; }
#stars2 .note-2 { color:Gray; font-weight:normal; text-align:center; }
#stars2 .litem-01 { position:relative; top:15px; font-size:11px; margin:0; padding-top:10px; height:50px; display:block; }
#stars2 .litem-01 label { display:block; font-weight:bold; color:Gray; line-height:30px; }
#stars2 .litem-02 { position:relative; top:10px; font-size:11px; margin:0; padding-top:10px; height:50px; display:block; }
#stars2 .litem-02 label {display:block; font-weight:bold; color:Gray; line-height:30px; }
#stars2 ul { position:absolute; top:0; left:60px; }
#stars2 ul.star-rating { margin:0; }
#stars2 ul.star-rating li { }
#HorairesA { display:block; height:55px; width:420px; background:url('images/components/SIDE-resto-barre.jpg') no-repeat 0 0;
line-height:35px; position:relative; top:2px; left:-7px; }
#HorairesA b { font-size:12px; color:#333; position:absolute; top:5px; left:20px; font-weight:normal; }
#HorairesA span { position:absolute; top:5px; left:150px; }
#HorairesA select { font-size:11px; }
#HorairesA select option { padding:0 3px;}
#HorairesA input { position: relative; top: 2px; } #HorairesA label { position: relative; top: 0; left: 3px; font-size: 11px; }
.SidebarMenuA { width: 217px; margin: 2px 5px 5px 0; padding: 0; position: relative; }
.SidebarMenuA span.bottom { background: url('images/components/SIDE-resto-B.jpg') no-repeat 0 0; display: block; height: 43px; width: 224px; margin: -5px 0px 0px 0px; z-index: 100; }
.SidebarMenuA label { display: block; font-size: 17px; color: #000; text-align: center; margin: 0; line-height: 20px; }
.SidebarMenuA label.return { display: block; height: 60px; width:218px; color: #000; background: transparent url(images/components/SIDE-resto-Hx.jpg) no-repeat 0 0; margin: 0; position:relative; }
.SidebarMenuA label.return a { text-decoration: underline; font-size: 11px; position:absolute; top:10px; left:15px; text-align:left; line-height:18px; width:205px; font-weight:bold; }
.SidebarMenuA label.return b { display:block; height:22px; width:22px; position:absolute; top:10px; right:15px; z-index:1000; background:transparent url('images/components/FLH-left-C2-22.png') no-repeat 0 0; }
.SidebarMenuA li { font-size: 11px; margin: 0; padding: 2px 5px; list-style: none; line-height: 20px; font-weight: normal; text-align:center; }
.SidebarMenuA li a { margin: 0 0 0 7px; display: block; font-size: 11px; line-height: 20px; font-weight: normal; }
.SidebarMenuA li a.active { color:#e85997; font-weight: bold; text-decoration: underline; background: transparent url('images/components/fleche.jpg') no-repeat -10px 50%; }
#fiche-header { margin:0; position:relative; background:url('images/components/SIDE-resto-HEx.jpg') repeat-y 0 0; }
#fiche-header h3 { color:#fff; font-size:20px; margin:0 0 5px; position:relative; top:-20px; left:15px; white-space:nowrap; width:190px; overflow: hidden; line-height: 20px; height: 20px; }
#fiche-header h4 { padding:5px 24px 0; position:relative; top:-2px;color:#fff;}
#fiche-header p { color:#fff; font-size:10px; margin:0 16px; position:relative; top:-16px; white-space:nowrap; width:190px; overflow: hidden; }
#fiche-header a.logo { position:absolute; top:25px; left:13px; background: url('images/components/FLOGO65B.jpg') no-repeat 0 0; height: 73px; width: 73px; }
#fiche-header a.logo img { margin:3px; }
#fiche-header dl { position:relative; top:-7px; left:93px; height:70px; width:120px; }
#fiche-header dt { font-size:11px; line-height:22px; padding-left:3px; }
#fiche-header dd { font-size:10px; margin:0 0 3px; position:relative; line-height:15px; }
#fiche-header dd a { font-size:10px; }
#fiche-header dl .star-rating { padding:0; display: none; }
#fiche-header dl .star-rating li { padding:0; }
#fiche-content { margin:0; position:relative; }
#fiche-content #fiche-content-top { display:block; height:20px; width:224px; background:url('images/components/SIDE-resto-milieu.jpg') no-repeat 0 0; }
#fiche-content ul { position:relative; background:url('images/components/SIDE-resto-milieuEx.jpg') repeat-y 0 0; }
#fiche-content ul li { position:relative; top:-10px; left:15px; width:170px; }
.datechange { color: #f00; margin: 0 0 15px; font-size: 14px; line-height: 20px; text-align:center; position:relative; top:-5px; }
#closed {
margin: 0 auto;
width: 600px;
}
#closed p {
line-height: 20px;
color: #000;
}
#closed a {
display: block;
margin: 7px 0 0;
}
.bigalert { display:block; margin: 10px 0 0; text-align:center; font-size: 14px; }