* { margin: 0; padding: 0; }
.skip { display: none; }
.clear { clear: both; }
.t { cursor: pointer; }
html { overflow-y: scroll; }
body { background: #fff url('images/components/body_bg.jpg') repeat-x 0 -15px; font: 12px/15px Verdana, Helvetica, Arial, Sans-Serif; text-align: center; }
form { background: transparent url('images/components/body_bg_extend.png') repeat-y center; margin: 0 auto; text-align: left; width: 985px; overflow: hidden; }
h1 { font-weight: bold; position: absolute; top: 137px; margin: 0 30px; text-align: left; color: White; z-index: 11; font-size: 12px; }
h2 { font-weight: normal; color: #cc3333; font-size: 16px; text-transform:none; }
h3 { font-weight: normal; color: #cc3333; font-size: 14px; }
h4 { font-weight: normal; font-size: 15px;}
a { color: #f29636; outline: 0; text-#decoration: underline; font-size: 12px; }
a:hover { text-decoration: none; color: #f29636; outline: 0; }
a:active { color: #ff0000; outline: 0; }
a img { border: none; }
input, input:focus, input:active { outline: 0; border:0; }
textarea { resize:none; }
input[type="image"] { position:static; }

/*  Components Styles
---------------------------------------------------------------------------------------------------- */
#Master { /* Custom Background */ }
#Content { position: relative; margin: 0 15px; display: block; min-height: 400px; }
#SubContent {overflow:hidden;}

/* 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; }
.PanelA-rnd2 label{ position:absolute; top: -4px; left:20px; font-weight:bold; background-color:White; padding:0 5px;}
.PanelB { background: url('images/components/PNL-C1-ExG.jpg') repeat-y top left; position: relative; display: block; margin: 5px; z-index: 5; }
.PanelB-head { background: url('images/components/PNL-C1-ExH.jpg') repeat-x 0 0; }
.PanelB-body { background: #cd3333 url('images/components/PNL-C1-ExD.jpg') repeat-y top right; padding: 0px 20px; margin: 0 0 0 20px; color:#fffffe; }
.PanelB-body a{color: #fffffe;}
.PanelB-bottom { background: url('images/components/PNL-C1-ExB.jpg') repeat-x 0 0; }
.PanelB-rnd1 { background: url('images/components/PNL-C1-HG.jpg') no-repeat 0 0; display: block; height: 22px; width: 22px; float: left; }
.PanelB-rnd2 { background: url('images/components/PNL-C1-HD.jpg') no-repeat top right; display: block; height: 22px; }
.PanelB-rnd3 { background: url('images/components/PNL-C1-BG.jpg') no-repeat bottom left; display: block; height: 22px; width: 22px; float: left; }
.PanelB-rnd4 { background: url('images/components/PNL-C1-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; }
.PanelC-body { background: #cd3333 url('images/components/PNL-C1-ExD.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; }
.PanelC-bottom { background: url('images/components/PNL-C1-ExB.jpg') repeat-x 0 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 0 0; position: relative; display: block; margin: 5px; }
.Basket-panel-head { background: url('images/Components/PNL-HEx.jpg') repeat-x 0 0; }
.Basket-panel-body { background:#fff url('images/Components/PNL-DEx.jpg') repeat-y 100% 0; padding: 0 10px; margin: 0 0 0 8px; }
.Basket-panel-bottom { background: url('images/Components/PNL-BEx.jpg') repeat-x 0 100%; height: 20px;  }
.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 100% 0; display: block; height: 51px; }
.Basket-panel-rnd3 { background: url('images/Components/PNL-BG.jpg') no-repeat 0 100%; display: block; height: 20px; width: 20px; float: left; }
.Basket-panel-rnd4 { background: url('images/Components/PNL-BD.jpg') no-repeat 100% 100%; display: block; height: 20px; }
.Basket-panel-rnd2 h4 {display: block; position:relative; top:10px; height: 25px; color: #fffffe; font-size: 16px; font-weight: normal; padding: 5px 0 0 50px; background:transparent url('images/components/panier-31-C2.png') no-repeat 10px 0px; z-index:2;}
.Basket-panel-rnd2 label { color: #fff; position:absolute; top:18px; left:25px; font-size:14px;}

/* 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; }

/* Button 1 A */
a.Button1-A { background: transparent url('images/components/BTN-H31-C1-D.png') no-repeat bottom right;
    color: #000; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 10px; text-decoration: none; }
a.Button1-A span { background: transparent url('images/components/BTN-H31-C1-G.png') no-repeat bottom left;
    display: block; line-height: 14px; padding: 5px 0 5px 10px; white-space:nowrap; cursor:pointer; }
a.Button1-A:hover { background-position: center right;
    color: #000; outline: none; }
a.Button1-A:active { background-position: top right;
    color: #000; outline: none; }
a.Button1-A:focus{ background-position: top right; 
    color: #000; outline: none; }
a.Button1-A:hover span{ background-position: center left;
    padding: 5px 0 5px 10px; } 
a.Button1-A:active span{ background-position: top left;
    padding: 5px 0 5px 10px; } 
a.Button1-A:focus span{ background-position: top left;
    padding: 5px 0 5px 10px; } 

/* Button 1 B */
a.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; }
a.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; } 
a.Button1-B:hover { background-position: center right;
    color: #fff; outline: none; }
a.Button1-B:active { background-position: top right;
    color: #fff; outline: none; }
a.Button1-B:focus{ background-position: top right;
    color: #fff; outline: none; }
a.Button1-B:hover span{ background-position: center left;
    padding: 5px 0 5px 10px; } 
a.Button1-B:active span{ background-position: top left;
    padding: 5px 0 5px 10px; } 
a.Button1-B:focus span{ background-position: top left;
    padding: 5px 0 5px 10px; } 

/* VButton */
a.VButton1{ background: transparent url('images/components/BTN-H31-C1-D-f.png') no-repeat bottom right;
    color: #000; display: block; float: left; height: 24px; margin-right: 6px; padding-right: 22px; text-decoration: none; }
a.VButton1 span { background: transparent url('images/components/BTN-H31-C1-G-f.png') no-repeat bottom left;
    display: block; line-height: 14px; padding: 5px 10px 5px 10px; white-space:nowrap; cursor:pointer; } 
a.VButton1:hover { background-position: center right;
    color: #000; outline: none; padding-right: 22px; }
a.VButton1:active { background-position: top right;
    color: #000; outline: none; padding-right: 22px; }
a.VButton1:focus { background-position: top right;
    color: #000; outline: none; padding-right: 22px; }
a.VButton1:hover span { background-position: center left;
    padding: 5px 10px 5px 10px;  } 
a.VButton1:active span { background-position: top left;
    padding: 5px 10px 5px 10px; } 
a.VButton1:focus span { background-position: top left;
    padding: 5px 10px 5px 10px; } 

a.VButton2{ background: transparent url('images/components/BTN-H31-C1-D-f-big.png') no-repeat bottom right;
    color: #000; display: block; float: left; height: 29px; margin-right: 6px; padding-right: 26px; text-decoration: none; }
a.VButton2 span { background: transparent url('images/components/BTN-H31-C1-G-f-big.png') no-repeat bottom left;
    display: block; line-height:29px; padding:0px 10px 0; white-space:nowrap; height:29px; cursor:pointer; font-size:16px; } 
a.VButton2:hover { background-position: center right;
    color: #000; outline: none; padding-right: 26px; }
a.VButton2:active { background-position: top right;
    color: #000; outline: none; padding-right: 26px; }
a.VButton2:focus { background-position: top right;
    color: #000; outline: none; padding-right: 26px; }
a.VButton2:hover span { background-position: center left;
    padding:0px 10px 0;  } 
a.VButton2:active span { background-position: top left;
    padding:0px 10px 0; } 
a.VButton2:focus span { background-position: top left;
    padding:0px 10px 0; } 

/* 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; color:#fffffe; }
.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%; color:#fff}
.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%; color:#fff; }
.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: 21px; background: url('images/components/PNL-H42-C1-D.jpg') no-repeat 0 0; float: left; }

/* SidebarLabel ----------------------------------- */

.Sidebar-label { display: block; height: 25px; width: 187px; 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; text-decoration:none; }

/* Sidebar ---------------------------------------- */

.Sidebar { width: 215px; margin: 0 5px 5px 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: 215px; 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 scroll 170px 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 5px 0px 0px; }
.Sidebar li { font-size: 11px; margin: 0px 0; list-style: none; line-height: 18px; font-weight: normal; padding: 0px 0px 5px 0px; }
.Sidebar li a, .Sidebar li h4 a, .Sidebar li h3 a { padding: 0 15px; display: block; font-size: 11px; line-height: 18px; font-weight: normal; }
.Sidebar li a.active { color: #ff0000; font-weight: bold; text-decoration: none; }

.SidebarMenu { width: 215px; margin: 0 5px 5px 0; padding: 0; position: relative; background: url('images/components/SIDE-Ex.jpg') repeat-y top center; }
.SidebarMenu span.bottom { background: url('images/components/SIDE-B.jpg') no-repeat bottom left; display: block; height: 22px; width: 215px; 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: 20px; color: #000; background: transparent url(images/components/FLH-left-C2-22.png) no-repeat scroll 170px 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 5px 0 0px; }
.SidebarMenu li { font-size: 11px; margin: 0; padding: 2px 5px; list-style: none; line-height: 20px; font-weight: normal; }
.SidebarMenu li a { padding: 0 10px; display: block; font-size: 11px; line-height: 20px; font-weight: normal; }
.SidebarMenu li a.active
{
    color: #cc3333;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 15px;
    margin-left:10px;
    background: transparent url('images/components/fleche.jpg') no-repeat left center;
}

#menu-title  
{
    display:block; 
    line-height:26px;
    margin:10px 8px 6px;
    color:#fff;
    font-size:16px;
    padding:0 8px 0;   
    background-color:#cc3333;
}

.SidebarSeo { width: 215px; margin: 0 5px 5px 0; padding: 0; position: relative; background: url('images/components/SIDE-Ex.jpg') repeat-y top center; }
.SidebarSeo span.bottom { background: url('images/components/SIDE-B.jpg') no-repeat bottom left; display: block; height: 22px; width: 215px; 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 5px 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; line-height: 20px; font-weight: normal; }
.SidebarSeo li a.active { color: #ff0000; font-weight: bold; text-decoration: none; }


/*  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; font-size:1em; }
.error { display: block;  margin:0 auto; list-style-position:inside; list-style-type:square; font-weight:bold; font-size:1em; width:450px; }
.error li { list-style-type:square; margin-left:10px; font-weight:normal; line-height:22px; }
.error li.title { color:Red; list-style-type:none; margin-left:0; font-size:14px; }
.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: 42px; left: 12px; width: 190px; border: solid 5px #cd3333; border-top: none; padding: 0 0 5px 0; background-color: #E8F1B7; 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 15px 0 15px; background-color: #FAEAC1; overflow: hidden; font-size: 12px; z-index: 200; }
ul.results li b { font-weight: bold; color: #cd3333; }
ul.results li span { text-align: right; }
ul.results li.item { }
ul.results li.hover { background-color: #cd3333; color: #fff; }
ul.results li.hover b { color: #fff; }
ul.results li.static { color: #333; }
ul.results li.alt { color:Gray; display:none; }
ul.inline { position: absolute; top: 29px; left: 20px; width: 140px; overflow:hidden; }
ul.inline li { width: 140px; font-size: 11px; }

/* Astuces ----------------------------------------- */

.astuces { margin: 0 auto; text-align: center; background-color: #e6e6e6; width: 650px; padding: 10px 10px 0 10px; line-height: 20px; -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: #cc3333; text-align: center; line-height: 20px; }

/* ToolTip ------------------------------------------ */

.forma { text-decoration:none; margin:5px; color:#ff0000; font-weight:bold; }
p#tooltip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: #cd3333; color:#fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; }
a.tooltip, img.tooltip { cursor:help; }

/* 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: #cd3333; 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_container { font-size: 12px; width:400px; background: #fff; border: solid 5px #cd3333; 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: #ff0000; cursor: default; position:relative; top:10px; margin-left:100px; }
#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.confirmAlt { background: url(images/components/confirm.jpg) no-repeat 5px 16px; padding-bottom:0; }
#popup_content.prompt { background-image: url(images/components/help.gif); }
#popup_message { height:95px; 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:190px; 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; }
#popup_overlay { background-color:#e9e9e9; }
#popup_ok_s { display:block; outline:0; margin:0 5px; cursor:pointer; color:#ff0000; font-size:14px; }
#popup_cancel_s { display:block; outline:0; margin:0 5px; cursor:pointer; color:#ff0000; font-size:14px; margin-top:12px; }

/* 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:15px 20px; display:block; width:419px; height:146px; background:transparent url('images/components/cadre-home.png') no-repeat 0 0; font-size:14px; }
.slideshow-panel li { line-height:22px; margin:0 0 0 20px; list-style:none; background:url('images/components/PUCE-C2-12.png') no-repeat 0 7px; padding:0 0 0 20px; }
.slideshow-panel li.last { text-align:left; line-height:25px; font-weight:bold; background:none; margin:0 0 0 10px; } 
.slideshow-panel li.last a { font-weight:normal; }

/* Maps --------------------------------------------- */

#map_canvas { margin:25px auto; width:600px; height:600px; border:solid 5px #cd3333;  }

/* Pager ------------------------------------------- */

.Pager { text-align:center; padding:10px; clear:left; }
.Pager input.pBprev { width:22px; height:22px; vertical-align:middle; padding-right:5px; position:static;  }
.Pager input.pBnext { width:22px; height:22px; vertical-align:middle; padding-left:5px; position:static; }
.Pager span.dp-active { text-align:center; background-color:#cd3333; padding:3px; font-weight:bold; color:Black; font-size:14px; }
.Pager a { text-align:center; padding:2px; color:Red; 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: #cd3333;
	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 #cd3333;
	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;
}

/* Home Page ----------------------------------------- */
#Home { width:100%; }
#Home img { position:relative;left:8px; margin-top:30px; border:solid 3px #e6e6e6; width:695px; height:90px; }
#Home #panelA { position:absolute; top:50px; left:25px; height:175px; width:280px; }
#Home #panelB { position:absolute; top:50px; left:360px; height:250px; width:350px; }
#Home h2 { background-color:#e9a3a3; 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: -8px; left: 10px;  }
#Home ul.inline { position: absolute; top: 68px; left: 20px; width: 140px; overflow:hidden; }
#Home li { list-style:none; }

#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; }

#Home .listeVilles { margin:0; padding:0; }
#Home .listeVilles ul { list-style:none; min-height:215px; height:auto !important; height:215px; margin:0 3px 0 0; max-height:440px; overflow:auto; }
#Home .listeVilles li { line-height:22px; padding:0 15px; }
#Home .listeVilles li:hover { background-color:#e6e6e6; 
    border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; padding:0 15px; }
#Home .listeVilles a { text-decoration:none; display:block; }

/* Merci --------------------------------------------- */

#merci { width:650px; margin:0 auto; }
#merci h2,#merci h3 { margin:0 0 15px 0; }
#merci p { margin:5px 0; line-height:22px; }
#merci ul { margin:5px 15px; list-style:none; } 
#merci ul li { line-height:22px; height:22px; }
#merci .VButton2 { width:90px; float:none; position:relative; left:40%; }

/* 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; width:580px; text-align: center; display:block;   }
.OnlinePaiements span { position: relative; display: block; float:left; height: 100px; width: 100px; margin: 10px 20px; border: solid 1px #cd3333; 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; }
#reference-search select {width:170px;}
.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-iput { 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:120px; left:188px; width:155px;  }
.search-input ul.results li { width:125px; font-size:11px; }
.search-input .dftButton { position:absolute; top:76px; right:15px; }


/* Forms -------------------------------------------- */

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 tr.action td a { float:none; width:60px; margin:0 auto;}
table.Form .Textbox-A, table.Form .Textbox-B { width: 180px; }

/* 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: #ff0000; }
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: 10px; }

/* 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 #cd3333; 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: #cc3333; }
.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 { background-color:#fff; display:block; height:135px; margin:0 15px; position:relative; z-index:100; }
#Branding a.branding-logo { display:block; height:137px; width:635px; position:absolute; top:0; left:15px; overflow:hidden; }
#Branding blockquote { display:none; }
#Branding a.logopwd {position:absolute; top:90px; left:680px; }

/* Navigation --------------------------------------- */
#Navigation { background-color:#cd3333; margin:0 0px; height:20px; z-index:10; position:relative; }
#Navigation h1 { position:absolute; top:5px; padding-left:25px; color:#fff; }
#Navigation label { color:#000; 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:16px; border:0; width:175px; position:absolute; top:15px; left:20px; }
#Navigation div#Search input[type="submit"] { display:block; height:39px; width:39px; background:transparent url('images/components/BTN-C1-ok41.png') no-repeat 0 0; text-indent:-9999px; font-size:0; cursor:pointer; border:none; position:absolute; top:5px; left:235px; }
#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; }

/* Login -------------------------------------------- */

#Login { width: 292px; padding: 0 0 18px 0; position: absolute; right: 25px; top: 0; }
#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; background: transparent url('images/components/PNL-C1-clt-Ex.png') repeat-y 0 0; position:relative; text-decoration: underline; }
#Login h3:hover { text-decoration:none; color:#ff0000; } 
#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; background: transparent url('images/components/PNL-C1-clt-Ex.png') repeat-y 0 0; padding: 10px; }
#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; }
#Login .p ul li input[type="text"] { border: 0; height: 30px; width: 152px; background: none; padding: 7px 10px 0 10px; }
#Login .p ul li input[type="password"] { height: 25px; border: 0; height: 30px; width: 155px; background: none; padding: 7px 10px 0 10px; }
#Login .p ul li input[type="checkbox"] { margin: 0 3px 0 0; }
#Login .p ul li label { font-size: 11px; padding-bottom: 3px; }
#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; background: transparent url('images/components/292-c1.png') repeat-y 0 0; padding: 15px 10px; }
#Login .content span { display: block; }
#Login span.bg { background: url('images/components/PNL-C1-clt-B.png') no-repeat bottom; height: 23px; width: 292px; display: block; }
#Login span.logout a { font-size: 11px; display: block; margin: 3px 0; }
#Login span a { font-size: 16px; }

.clogin td,.clogin th{ padding: 5px 0; text-align:left; }
.clogin a.Button1-A{ position:relative; left:190px;}
.clogin .Textbox-A, .clogin .Textbox-B { width:175px; }
/* Ariane ------------------------------------------- */

ol#Ariane { padding: 0 0 0 5px; margin:0 0 10px 20px; font-size: 11px; height: 30px; }
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: #cc3333; }
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: #cc3333; }
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; height: 60px; background: url('images/components/PIED-C3-983.jpg') no-repeat center bottom; padding-top: 35px; }
#Informations a { font-size: 85%; color:Gray; }

/* 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
---------------------------------------------------------------------------------------------------- */

#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:48%; float:left; }
.adrFrm2 { width:48%; float:left; 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; }
.adrFrm0 .Textbox input, .adrFrm1 .Textbox input, .adrFrm2 .Textbox input, .adrFrm0 .Tarea textarea, .adrFrm1 .Tarea textarea, .adrFrm2 .Tarea 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; }

/* Basket --------------------------------------------- */

#basket-header { position: relative; height: 110px; }
#basket-header h5 { position: absolute; top: -5px; left: 70px; }
#basket-header h5 a { color: #cc3333; font-size: 13px; font-weight: normal; text-decoration: underline; }
#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; }
#basket-header a.logo img { margin: 4px; }
#basket-header dl { position: absolute; top: 20px; left: 70px; font-size: 10px; }
#basket-header dl dd { font-weight: normal; }
#basket-header dl dd span { font-weight: bold; }

#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: 11px; }

#basket-content { position:relative; }
#basket-content { margin: 0 -14px 0 -19px; }

#basket-promo { display: block; font-size: 11px; padding-left: 8px; }
#basket-promo label { cursor: pointer; margin: 0 5px 0 0; }
#basket-promo input[type="text"] { border: none; background-color: #cd3333;color:#fffffe; vertical-align: middle; font-size: 12px; height: 17px; padding: 2px 0 0 5px; width:60px; }
#basket-promo input[type="image"] { border: none; background: none; vertical-align: middle; padding-left: 5px; }
#basket-promo span { color: #ff0000; font-weight: bold; line-height: 18px; position:relative; top:5px; }
#basket-promo img { margin: 5px 0 0 0; }

#basket-content .basket-action { margin:0; }

.basket-action { display: block; text-align:center; }
.basket-action label { background-color: #e6e6e6; 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; width: 110px; }
.basket-action .VButton1 span, .basket-action .VButton2 span { color:#000; }
.basket-action a { color:Red; }

.basket-action-1 {display: block; text-align:center; margin:0; }
.basket-action-1 label {background-color: #e6e6e6; 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; width: 110px; }
.basket-action-1 .VButton1 span, .basket-action-1 .VButton2 span { color:#000; }
.basket-action-1 a { color:Red; }


#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; }
#basket-grid td.name a { font-size: 11px; text-decoration: underline; color: #ff0000; }
#basket-grid td.price { font-size: 10px; text-align: right; width: 60px; vertical-align: top; }
#basket-grid td.delete { vertical-align: top; }
#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: 10px; 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: #ff0000; 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: #cc3333; text-decoration: underline; font-size: 12px; }

.list-comments { clear: both; display: block; width: 90%; margin: 0 auto; }
.list-comments ul { list-style: none; position:relative; }
.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 .star-rating { position:absolute; right:30px; top:5px; }
.list-comments .star-rating li { padding:0; }

.list-restaurants { position: relative; width: 540px; margin: 0; }
.list-restaurants .Item { width: 240px; height: 50px; float: left; border: solid 2px #cd3333; 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: #ff0000; }
.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 #cd3333; 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: #ff0000; }
.list-chaines .Item ul { position: absolute; top: 35px; left: 60px; }

/* Login ---------------------------------------------- */

.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:170px; }

/* Register -------------------------------------------- */

#register { position: relative; width:95%; margin: 0 auto; }
#register h2 { color: #fffffe; font-size: 14px; }
#register .Textbox-A, #register .Textbox-B { width:180px; }
/* Modal ----------------------------------------------- */

#lightbox #map_canvas { margin:5px auto 0 auto; border:solid 5px #ececec; }

#localite { margin:10px auto; height:275px; }
#localite h2 { text-align:center; }
#localite p { line-height:22px; margin:0 0 5px 0; }
#localite .search { background-color:#cd3333;  -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:#fff; 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:#ff0000; }
#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 #cd3333; 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: #ff0000; 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-A, #formulaire .Button1-B, #formulaire .Button2-A, #formulaire .Button2-B { float: none; margin: 0 auto; width: 85px; text-align: center; }

.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; }
.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; position:relative; }
.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; }
.astuces table { margin:0 auto; width:450px; }

#return { display:block; height:25px; margin:2px 10px 0 0; background:url('images/components/panier-31-C2.png') no-repeat 0 0; padding:5px 0 0 30px; position:absolute; left:800px; }
#return-anchor { display:block; height:25px; margin:2px 10px 0 0; background:url('images/components/panier-31-C2.png') no-repeat 0 0; padding:5px 0 0 30px; font-size:14px; color:#ff0000;  }
#home-link {position:absolute; top: 0px; left:40px; font-size:14px; padding:0 0 0 30px; line-height:25px; color:Gray; background:transparent url('images/components/picto-home.jpg') no-repeat 0 3px; }
.validmsg { margin:0 auto 20px; }
.validmsg li { line-height:22px; color:#ff0000; list-style:none; }
.validmsg li strong { font-weight:bold; color:#000; }

/* copie de master vente*/

/* Menu ----------------------------------------------- */

#menu-header { position: relative; }
#menu-header .menu-logo { position: relative; top: 0; left: 0; float: left; }
#menu-header img { position: relative; margin-right: 10px; height: 120px; }
#menu-header .menu-entete { position: relative; top: 5px; float: left; width: 275px; }
#menu-header .menu-entete-nologo { position: relative; top: 5px; float: left; width: 385px; }
#menu-header h2 { line-height: 25px; }
#menu-header p { color: Gray; margin: 0 0 15px 0; }
#menu-header strong { color: #cc3333; margin: 0 0 15px 0; }

#menu-content .Item {  position: relative; display: block; width: 420px; min-height:90px; overflow:visible;  }
#menu-content .Item input { background-color: #cd3333; color: #fffffe; height: 15px; font: normal normal 11px; text-align: center; border: none; }
#menu-content .Item h3 a { font-size: 70%; text-decoration: none; font-weight: normal; }
#menu-content .Item h3 a strong { display: block; font-size: 10pt; text-decoration: underline; color: #f00; font-weight: normal; }
#menu-content .Item .Description {position:relative;   margin-top: 5px; font-size: 90%;  overflow:visible; }
#menu-content .Item .action { position: absolute; top: 20px; left: 380px; width: 80px; display: block; color: #f00; }

#menu-content .Item .action a { position: absolute; top: 40px; left: -30px; }
/*
#menu-content .Item .action a:hover { 
        background:  url(images/Components/BTN-roll-ecrit.jpg) no-repeat 0px -42px; }
*/
#menu-content .Item .menuprice { font-size: 12px; color: #ff0000; position: absolute; top: 0px; left: 355px; width: 60px; white-space: nowrap; text-align: right; }

#menu-content .logo { }
#menu-content .Item .Description { width: 230px; }
#menu-content .logo img { position: absolute; margin: 4px; width: 90px; margin-right: 10px; }
#menu-content .logo .item-text { position: relative; left: 100px; top: 0px; width: 270px; }
#menu-content .logo .item-text h3 { display: inline; }
#menu-content .Item .menuprice { font-size: 12px; color: #ff0000; position: absolute; top: 0px; left: 355px; width: 60px; white-space: nowrap; text-align: right; }

#menu-content .nologo {}
#menu-content .nologo .Description { width: 330px; }
#menu-content .nologo img { display: none; }
#menu-content .nologo .item-text { position: relative; left: 0px; top: 0px; width: 270px; }
#menu-content .nologo .item-text h3 { display: inline; }

/* Plat ----------------------------------------------- */

/* Mode 1 - No logo */
#plat-header { top: 5px; position: relative; margin: 0 0 0 0; min-height: 100px; }
#plat-header h2 { position: relative; top: 5px; left: 10px; line-height: 25px; }
#plat-header h2 strong { display: block; color: #000; font-size: 10px; width: 300px; font-weight: normal; padding: 0; }
#plat-header p { color: Gray; margin: 15px 10px; line-height: 22px; }

/* Mode 2 - Image < 150px */
#plat-header-1 { top: 5px; position: relative; }
#plat-header-1 img { display: block; }
#plat-header-1 h2 { position: absolute; top: 5px; left: 160px; line-height: 25px; width: 260px; }
#plat-header-1 h2 strong { display: block; top: 0px; left: 160px; color: #000; font-size: 10px; width: 260px; font-weight: normal; padding: 0 0 30px 0; }
#plat-header-1 p { color: Gray; margin: 15px 0; line-height: 22px; }

/* Mode 3 - Image > 150px */
#plat-header-2 { top: 5px; position: relative; }
#plat-header-2 img { display: block; margin: 0 auto; max-width: 400px; }
#plat-header-2 h2 { position: relative; top: 5px; left: 15px; line-height: 25px; }
#plat-header-2 h2 strong { display: block; top: 5px; left: 15px; color: #000; font-size: 10px; width: 280px; font-weight: normal; padding: 0 0 30px 0; }
#plat-header-2 p { color: Gray; margin: 15px 0; line-height: 22px; }

#plat-content { margin: 0 auto; }
#plat-content span { font-size: 17px; display: block; margin: 10px 0; }
#plat-content select { display: block; width: 380px; border: none; font-size: 12px; color: Black; }
#plat-content ul { margin: 10px 0; list-style: none; }
#plat-content ul li { position: relative; display: block; line-height: 25px; height: 25px; width: 95%; clear: left; }
#plat-content ul li:hover { background-color: #cd3333; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#plat-content ul li label { display: block; height: 25px; width: 300px; float: left; margin: 0 5px; cursor: pointer; }
#plat-content ul li input { border: none; float: left; margin: 5px; }
#plat-content ul li span { color: #ff0000; font-size: 13px; margin: 5px; }

#plat-action { height: 70px; position: relative; text-align: center; color: #ff0000; margin: 20px 0; }
#plat-action span { display: inline; font-size: 15px; }
#plat-action .quantity { text-align: center; background-color: #cd3333; color:#fffffe; border: none; margin: 0 10px 0 0; }
#plat-action .Button1-B { position: absolute; top: 35px; left: 20%; float:none; width:80px; }
#plat-action .Button1-A, #plat-action .VButton1, #plat-action .VButton2 { position: absolute; top: 35px; left: 45%; width:80px; }
#plat-action .VButton1 span, #plat-action .VButton2 span,#plat-action .Button1-B span,#plat-action .Button1-A span { display: block; font-size: 12px; }

.mention { color:Gray; clear:both; margin:40px 5px 0; }




/* 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 #ffc001; 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: 215px; margin: 2px 0 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: #ff0000; background: transparent url(images/components/SIDE-resto-Hx.jpg) no-repeat 0 0; margin: 0; position:relative; }
.SidebarMenuA label.return a { text-decoration: underline; color: #000 ; 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; }
.SidebarMenuA li a { margin: 0 0 0 7px; display: block; font-size: 11px; line-height: 20px; font-weight: normal; }
.SidebarMenuA li a.active { color: #cc3333; font-weight: bold; text-decoration: underline; padding-left: 18px;  background: transparent url('images/components/fleche.jpg') no-repeat left center; }

#fiche-header { margin:0; position:relative; background:url('images/components/SIDE-resto-HEx.jpg') repeat-y 0 0; }
#fiche-header h3 { color:#333; 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:#333; 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; color:#000;}
#fiche-header dl .star-rating { padding:0; }
#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;  
    font-size: 14px; 
}
#closed p {
    line-height: 20px;
    color: #000;    
}
#closed a {
    display: block;    
    margin: 7px 0 0;
    font-size: inherit;
}