/* Enhancements */

* { margin: 0; padding: 0; }

/* Default Classes */

.skip { display: none; }
.clear { clear: both; height:5px; }
.t { cursor: pointer; }

/* Html Elements */

html { overflow-y: scroll; }

body { background: #fff url('images/components/body_bg.jpg') repeat-x 0 0; font: 10pt/12pt Verdana, Helvetica, Arial, Sans-Serif; text-align: center; overflow:hidden; width:100%; }



form { background: transparent url('images/components/body_bg_extend.png') repeat-y top center; margin: 0 auto; text-align: left; width: 985px; }

h1 { font-weight: bold; position: absolute; top: 152px; margin: 0 30px; text-align: left; color: White; z-index: 11; font-size: 10pt; }
h2 { font-weight: normal; color: Red; font-size: 13pt; text-transform:none; }
h3 { font-weight: normal; color: Red; font-size: 12pt; }
h4 { font-weight: normal; font-size: 15px; }

a { color: #000; outline: 0; text-decoration: underline; font-size: 10pt; }
a:hover { text-decoration: none; color: #ff0000; outline: 0; }
a:active { color: #ff0000; outline: 0; }
a img { border: none; }

tr { vertical-align:top;}

input, input:focus, input:active { outline: 0; border:0; }
textarea { resize: none; }
input[type=image] { position:static; }

.object_container { margin:0; width:640px; }

/* habillage heure de livraison*/
.bigalert
{
    font-weight:bold;
    color:Red;
    font-size:11pt;
    line-height:20px;
    text-align:center;
    background-color:#fff;
    padding: 2px 8px;
    width:auto;
    max-width:380px;
    margin:  0 0 0 15px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}

/*  Components Styles
---------------------------------------------------------------------------------------------------- */

#Content { position: relative; margin: 0 15px; display: block; min-height: 350px; }
#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; }

.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: #bed630 url('images/components/PNL-C1-ExD.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; }
.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: #bed630 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 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:absolute; height: 25px; width:265px; left:0; color: #ff0000; font-size: 13pt; font-weight: normal; padding: 15px 0 0 50px; background:transparent url('images/components/panier-31-C2.png') no-repeat 15px 10px; z-index:2; }

/* 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:12pt; 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;
    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 right 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 right 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: 21px; 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: 30px; width: 187px; background: transparent url('images/components/BTN-listeresto-C1-187_effetnacre.jpg') no-repeat center top; margin: 5px auto; padding-top:5px;}
.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: 12px; color: #000; text-align:left; margin: 0px ; line-height: 45px;  }
.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; color:#f00; }
.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: red;
    font-weight: bold;
    text-decoration: underline;
    padding-left: 15px;
    margin-left:15px;
    background: transparent url('images/components/fleche.jpg') no-repeat left center;
}
.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: 3px 0px 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: red;
    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:#ff0000; font-size:16px; padding:0 8px 0; background-color:#bed630; }

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


/* SidebarLabel -- Habillage - des rubriques du menu-------------------------------- */

.sidebar-specialites{ background:transparent url('images/components/img-specialite.png') no-repeat center top;height:39px;padding:0px 0px 3px 15px;}
.sidebar-produits{ background:transparent url('images/components/img-produit.png') no-repeat center top;height:39px;padding:0px 0px 5px 15px;}
.sidebar-convictions{ background:transparent url('images/components/img-conviction.png') no-repeat center top;height:45px;padding:0px 0px 5px 15px;}
.sidebar-occasions{ background:transparent url('images/components/img-occasion.png') no-repeat center top;height:39px;padding:0px 0px 5px 15px;}

/*  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: Red; 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; }
.error li { line-height: 25px; width:400px; }
.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 { display: inline; text-decoration: none; }
.error li a b { font-weight: bold; }

/* Errors page 404--------------------- et Errors page 500------et page-mail--------------- */

#p404,#p500,#erreur-mail{background: none;}
#error{ margin-left: auto; margin-right: auto; width: 700px; } 
#p404 h1{ margin:20px 280px;position:absolute; top:0px; text-align:center;font-size: 21px; color:#000; }  		
#p404 #error-content{ position:absolute; left:370px; top:90px;}	
#p404 h2{ width:120px;line-height:14px; padding:6px 0px 0px;font-weight:bold;}	
#p404 p{ width:120px;line-height:14px; padding:4px 0px;font-size: 11px;}
#p404 .img{ width:300px; margin-top:50px;}		
#p404 ul, #p500 ul{ list-style-type:none;border:none;}		
#p404 li{ display:inline; padding:0px 100px; }	

#p500{margin-left: auto; margin-right: auto;}
#p500 h1{ margin:10px auto;position:absolute; top:0px;left:280px; text-align:center;font-size: 21px; color:#000; }  	
#p500 #error-content{ position:absolute;width:150px; left:355px; top:120px;}
#p500 h2{ width:140px;line-height:18px; padding:7px 0px 0px;font-weight:bold;}	
#p500 p{ width:119px;line-height:16px;font-size: 12px;padding:5px 3px;}	
#p500 .img{ width:300px;height:300px; margin-top:30px;}		
#p500 li{ display:inline; padding:10px 80px; }	
	

#erreur-mail h1{ margin:10px auto;position:absolute; top:5px;text-align:center;font-size: 18px; color:#000; }  	
#erreur-mail #error-content{ position:absolute;width:200px; left:250px; top:60px;}
#erreur-mail h3{ line-height:21px; padding:3px 0px ;font-weight:normal;}	
#erreur-mail p{ width:190px;font-size: 12px;line-height:18px;text-align:justify;padding-left:3px;}	
#erreur-mail .img{ width:250px;height:191px; margin:40px auto;}		
#erreur-mail li{ display:inline; padding:5px 30px; }	
	


/* Autocompleter ------------------------------------ */

ul.results { position: absolute; top: 42px; left: 12px; width: 190px; border: solid 5px #bed630; 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: #E8F1B7; overflow: hidden; font-size: 12px; z-index: 200; }
ul.results li b { font-weight: bold; color: #bed630; }
ul.results li span { text-align: right; }
ul.results li.item { }
ul.results li.hover { background-color: #bed630; color: #fff; }
ul.results li.hover b { color: #fff; }
ul.results li.static { color: Gray; }
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: Red; 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: #bed630; 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; }
#iPanel { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; z-index: 9999; width:250px; background-color: #bed630; 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:#bed630; }
#popup_container { font-size: 12px; width:400px; background: #fff; border: solid 5px #bed630; 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, #popup_cancel { color:#ff0000; cursor:pointer; }
#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: 350px; width: 955px; }
.slideshow img { position:absolute; top:0; left:0; z-index:1; }
.slideshow-panel { z-index:5; position:absolute; top:30px; left:30px; padding:15px 20px; display:block; width:419px; height:186px; background:transparent url('images/components/cadre-home.png') no-repeat 0 5px; font-size:14px; }
/*.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-halloween.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; }

 .slideshow-light { position:relative; height:300px; width:610px; border:solid 3px #e6e6e6; }
.slideshow-light div { position:absolute; top:0; left:0; z-index:8; }
.slideshow-light div.active { z-index:10; }
.slideshow-light div.last-active { z-index:9; }

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

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

/* 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:#bed630; 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: #bed630;
	opacity: 0.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 #bed630;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
.close-window {
	position: absolute;
	width: 47px;
	height: 47px;
	right: -21px;
	top: -21px;
	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; 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 #bed630; 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-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:82px; right:20px; }

/* 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:70px; 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: 0px; 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: 0px; 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: 1px; left: 14px; text-align: center; font-size: 10px; }

/* Star Rating -------------------------------------- 

.star-rating, .enable a:hover, .enable a:active, .enable a:focus, .star-rating .current-rating { background: url(images/components/star-84.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; }
.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; }
.enable a:hover, .enable a:active, .enable a:focus { background-position: left center; }
.star-rating a.s1 { width: 20%; z-index: 6; }
.star-rating a.s2 { width: 40%; z-index: 5; }
.star-rating a.s3 { width: 60%; z-index: 4; }
.star-rating a.s4 { width: 80%; z-index: 3; }
.star-rating a.s5 { width: 100%; z-index: 2; }
.star-rating .current-rating { z-index: 1; background-position: left bottom; }
.inline-rating { display: -moz-inline-block; display: -moz-inline-box; display: inline-block; vertical-align: middle; }
.small-star { width: 75px; height: 15px; }
.small-star, .small-star .current-rating { background-image: url(images/components/star-43.gif); line-height: 15px; height: 15px; }
*/


.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 #bed630; 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: Red; }
.open60 { color: green; }
.openToday { color: Blue; }
.notOpen { color: black; }

/* MailPanel ---------------------------------------- */

.MailPanel { width:260px; margin:5px auto 0 auto; position:relative; }
.MailPanel label { cursor:pointer; display:block; font-weight:bold; line-height:22px; }
.MailPanel .Button1-A { float:right; position:relative; top: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:60px; left:680px; }

/* 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:17px; width:17px; 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; }

/* Navigation --------------------------------------- */
h1.shortheader {position:absolute; display:block; top:112px;}
h1.longheader {position:absolute; display:block; top:152px;}

#Navigation { background-color: #bed630; padding: 0 15px; margin:0 15px; height: 63px; 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; 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; }

/* Ariane ------------------------------------------- */

#Ariane { padding: 0 0 0 5px; margin:0 0 5px 10px; font-size: 11px; height: 30px; }
#Ariane li { list-style: none; float: left; height: 30px; padding: 0 25px 0 0px; max-width: 150px; position: relative; text-align:center; }
#Ariane li.first { padding-left: 0; }
#Ariane li.ArianeOn { color: Red; }
#Ariane li a { display: block; font-size: 10px; text-decoration: none; }
#Ariane li a strong { display: block; text-decoration: underline; }

#Ariane .separator { position:absolute; top:-10px; left:-20px; width:20px;height:30px; background-image: url(images/Components/ARN-separator-20.jpg); }

#Ariane.arianeoff { padding: 0 0 0 5px; font-size: 10px; height: 30px; }
#Ariane.arianeoff li { list-style: none; float: left; height: 20px; padding: 0 25px 0 0px; max-width: 150px; position: relative; text-align:center; }
#Ariane.arianeoff li.first { padding-left: 0; }
#Ariane.arianeoff li.ArianeOn a { color: Red; }
#Ariane.arianeoff li a { margin: 5px 0 0 0; display: block; font-size: 10px; text-decoration: none; }
#Ariane.arianeoff li a strong { display: block; text-decoration: underline; }

/* Informations -------------------------------------- */

.Informations { text-align: center; font-size: 85%; min-height:20px; display:block; background: url('images/components/PIED-C3-983.jpg') no-repeat center bottom; width:90%; margin:5px auto 0 auto;  }
.Informations ul { display:block; height:60px; }
.Informations li { list-style:none; display:inline; margin:0 7px 0 0; position:relative; top:20px; }


/* Referencement ------------------------------------- */

#Referencement { text-align:center; margin:0 auto; padding-bottom:10px; width:955px; overflow:hidden; background:#fff; }
#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; padding: 0 0 0 5px; }
.pub a { font-size: 11px; color: #000; }
.pub span { display: block; margin: 5px auto; }

/*  Pages
---------------------------------------------------------------------------------------------------- */


#account-adresses { margin: 0 auto; position: relative; }
#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 { width:370px; position:relative; left:50px; }
.adrFrm0 th { width:150px; }
.adrFrm1 { width:370px; float:left; position:relative; left:50px; }
.adrFrm2 { width:370px; float:left; position:relative; left:75px;  }
.adrFrm3 { width:650px; margin: 0px auto 0 auto; top:0px; }
.adrFrm0 tr, .adrFrm1 tr, .adrFrm2 tr { height:40px; }
.adrFrm1 th, .adrFrm2 th { font-weight:bold; text-align:left; width:150px; }
.adrFrm2 th {  }
.adrFrm0 textarea, .adrFrm1 textarea, .adrFrm2 textarea { resize:none; outline:0; }
.adrFrm3 textarea {resize:none; outline:0; width:610px; max-width:610px; width:610px;}
.adrFrm0 label, .adrFrm1 label, .adrFrm2 label { cursor:pointer; display:block; }
.adrFrm3 th, .adrForm3 th label { height:30px; display:block; }
.adrFrm3 tr.action div { margin:10px auto; width:200px; height:30px; }

/* Home Page ----------------------------------------- */

#Home-content { margin: 0 auto; width:95%; }
#Home-content p { margin:0; color:Gray; font-size:11px; }
#Home-content p.intro { margin:7px 0 0; }
#Home-content h3 { color:#000; margin:7px 0 3px 0; font-size:12px; }
#Home-content ul { margin: 0; }
#Home-content ul li { display:inline; margin:0 4px 0 0;}
#Home-content a { color:Gray; font-size:11px; }

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

#basket-header { position: relative; height: 125px; }
#basket-header h5 { position: absolute; top: -5px; left: 70px; }
#basket-header h5 a { color: Red; 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: 100px; left: -10px; display: block; height: 10px; margin: 0 auto; }
#basket-header #Horaires b { font-size:14px; color:#ff0000; 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; padding-left: 8px;font-size:9px;text-align:center;  }
#basket-promo label { cursor: pointer; margin: 0 5px 0 0; }
#basket-promo input[type=text] { border: none; background-color: #bed630; 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;font-size:11px; 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: 20px; padding:7px 0; font-size: 12px; 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: 20px; padding:7px 0; font-size: 12px; 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: Red; 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 #bed630; 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; border: solid 2px #bed630; margin: 5px 5px 0px; 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: #000; 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:#bed630;  -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; }  

#search {  }
#search .astuces { height:100px; }

/* 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;}
#faq .node-panel .img { margin:15px 0px;
                       
                       }

#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 #bed630; overflow: hidden; margin: 0 10px 20px 10px; float: left; }
#corporate .odd img { position: absolute; top: 0; 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 .odd .hotline {left:-2px;top:9px;}
#corporate .odd .marge {margin-left:20px; font-size:13px;}
#corporate .odd .marge span {font-size:14px;}
#corporate .alt { background-color: #E8F1B7; overflow: hidden; margin: 5px auto 20px auto; float: none; width: 50%; }
#corporate .alt img { position: absolute; top: 5px; left: 15px; }
#corporate .alt h3 { position: absolute; top: 50px; left: 160px; }
#corporate .alt ul { position: absolute; top: 85px; left: 160px; margin:0; }


#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; }
#formulaire textarea { width:95%; }

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

#facebook_panel h3, #uservoices_panel h3 { margin-bottom: 7px; text-align:center; }
#facebook_panel p, #uservoices_panel p { line-height: 19px; }
#facebook_panel a { display:block; width:110px; height:60px; margin:0 auto; }
#uservoices_panel a { display:block; text-align:center; margin: 0 auto; }
#uservoices_panel a.VButton1 { position: absolute; bottom:25px; right:20px; }

/* 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 #bed630; 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; }
#Fiche .action .VButton1, #Fiche .action .VButton2 { float:left; width:132px; text-align:center; }
.BoosterFiche{color:#F00; margin-left:20px;display:block;}

#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:#f00; 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: 220px; 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; color:#f00; }
.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: red; 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:18px; margin:0 0 5px; position:relative; top:-20px; left:15px; white-space:nowrap; width:180px; overflow: hidden; height: 20px; line-height: 16px; }
#fiche-header h4 { padding:5px 24px 0; position:relative; top:-2px;}
#fiche-header p { color:#333; font-size:10px; margin:0 16px; position:relative; top:-16px; white-space:nowrap; width:180px; 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:4px 3px 3px 4px; }
#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; }
#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; }

#dotcom { margin:40px auto 0; width:300px; height:300px; position: relative; overflow:hidden; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; }
#dotcom img {  }
#dotcom label { position:absolute; top:90px; right:30px; height:80px; width:90px; font-weight:bold; line-height:22px; }
#dotcom .Button1-A { position:absolute; right:20px; bottom:30px; }

#error {
    position: relative;
}
#error-title {
    position: absolute;   
    top: 110px;
    right: 280px;
    font-size: 30px;
    color: #000;
}
#error-content {
    display: block;
    height: 240px;
    width: 320px;
    font-size: 14px;
    text-align: center;
    line-height: 25px;
    position: absolute;   
    top: 175px;
    right: 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: 700px;   
}
#closed p {
    line-height: 20px;
    color: #000;    
}
#closed a {
    display: block;    
    margin: 7px 0 0;
}


.social { position: absolute; top:0; right:-98px;}

.user-voice {margin-top:8px;}




/* prepa evenement noel*/
/*
*/
/*.slideshow-panel { z-index:5; position:absolute; top:20px; left:8px; padding:16px 8px 20px; display:block; width:419px; height:146px; background:transparent url('/images/evenements/Roland-garros/cdr-home.png') no-repeat 0 0; font-size:14px; }*/
  body {background: transparent url('images/events/back-home.png') no-repeat fixed center top; font: 12px/15px Verdana, Helvetica, Arial, Sans-Serif; text-align: center; }



 
 /*--Page mobile--*/

.button1 a,.button2 a,.button3 a { 
	
	font-size:16px;
	line-height:42px;
	text-decoration:none;
    -moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
			
.button1 a {
	padding:5px 58px ;
	border: 1px solid 		#01e7ff; 				
	background: 			#01c8fe;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px #333538;
	background-image: -moz-linear-gradient(top, 
							#97F2FC, 
							#01c8fe);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#97F2FC),
		color-stop(1, 		#01c8fe));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#97F2FC', EndColorStr='#01c8fe')";	
}

.button1 a:hover,.button1 a:active{
	border: 1px solid 		#38cdff;
	background: 			#01c8fe;
	font-weight: bold;
	color: 					#000;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#01c8fe, 
							#97F2FC);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#01c8fe),
		color-stop(1, 		#97F2FC));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#01c8fe', EndColorStr='#97F2FC')";
	
}
.button2 a {
	padding:5px 50px ;
	border: 1px solid 		#00549E; 				
	background: 			#4398E3;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px 	#3E4850;
	background-image: -moz-linear-gradient(top, 
							#4398E3, 
							#00549E);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#4398E3),
		color-stop(1, 		#00549E));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4398E3', EndColorStr='#00549E')";
}		
.button2 a:hover,.button2 a:active{
	border: 1px solid 		#00549E;
	background: 			#4398E3;
	font-weight: bold;
	color: 					#000;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#00549E, 
							#4398E3);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#00549E),
		color-stop(1, 		#4398E3));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00549E', EndColorStr='#4398E3')";
	
}
.button3 a {
	padding:5px 46px ;
	border: 1px solid 		#f64a05; 				
	background: 			#f67b14;
	font-weight: bold;
	color: 					#fff;
	text-shadow: 0 1px 1px 	#f64a05;
	background-image: -moz-linear-gradient(top, 
							#f67b14, 
							#f78d17);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#f67b14),
		color-stop(1, 		#f78d17));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f67b14', EndColorStr='#f78d17')";
}		
.button3 a:hover,.button3 a:active{
	border: 1px solid 		#f78d17;
	background: 			#f78d17;
	font-weight: bold;
	color: 					#000;
	text-shadow: 0 1px 1px 	#fff;
	background-image: -moz-linear-gradient(top, 
							#f78d17, 
							#f67b14);
	background-image: -webkit-gradient(linear,left top,left bottom,
		color-stop(0, 		#f78d17),
		color-stop(1, 		#f67b14));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f78d17', EndColorStr='#f67b14')";
	
}
#fiche .text
{
    margin-right:0;
}


.basket-fidelite .Basket-panel { background: url('images/fidelite/PNL-GEx.jpg') repeat-y top left; position: relative; display: block; margin:0 5px;}
.basket-fidelite .Basket-panel-head { background: url('images/fidelite/PNL-HEx.jpg') repeat-x 0 0; }
.basket-fidelite .Basket-panel-body { background: url('images/fidelite/PNL-DEx.jpg') repeat-y top right; padding: 0 20px; margin: 0 0 0 5px; }
.basket-fidelite .Basket-panel-bottom { background: url('images/fidelite/PNL-BEx.jpg') repeat-x 0 0; }
.basket-fidelite .Basket-panel-rnd1 { background: url('images/fidelite/PNL-HG.jpg') no-repeat 0 0; display: block; height: 51px; width: 51px; float: left; }
.basket-fidelite .Basket-panel-rnd2 { background: url('images/fidelite/PNL-HD.jpg') no-repeat top right; display: block; height: 51px; }
.basket-fidelite .Basket-panel-rnd3 { background: url('images/fidelite/PNL-BG.jpg') no-repeat bottom left; display: block; height: 20px; width: 20px; float: left; }
.basket-fidelite .Basket-panel-rnd4 { background: url('images/fidelite/PNL-BD.jpg') no-repeat bottom right; display: block; height: 20px; }
.basket-fidelite .Basket-panel-rnd2 h4 {display: block; position:absolute; height: 25px; width:265px; left:0; color: #ff0000; font-size: 13pt; font-weight: normal; padding: 15px 0 0 50px; background:transparent url('images/components/panier-31-C2.png') no-repeat 15px 10px; z-index:2; }
.basket-fidelite .Basket-panel-body{padding:5px;}
#bainfos p { ; padding:5px; margin-top:10px;}
#bainfosnotation {height:62px; background-color:#edefc2;}
#bamercinotation { background-color:#edefc2; padding:10px;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;}

.basket-promo {font-size:8pt; padding:5px; margin-top:-15px;}
.anoter td {padding-bottom:10px;}



/*
new *
*/
/* Pretty printing styles. Used with prettify.js. */
.str { color: #080; }
.kwd { color: #4a4cef; }
.com { color: #ccc; }
.typ { color: #606; }
.lit { color: #066; }
.pun { color: #5db0e6; }
.pln { color: #999; }
.tag { color: #5db0e6; }
.atn { color: #9f008d; }
.atv { color: #080; }
.dec { color: #606; }
pre.prettyprint {font-family:Monaco,DejaVu Sans,Courrier New,Sans-serif;font-size:10pt;}

@media print {
  .str { color: #060; }
  .kwd { color: #006; font-weight: bold; }
  .com { color: #600; font-style: italic; }
  .typ { color: #404; font-weight: bold; }
  .lit { color: #044; }
  .pun { color: #440; }
  .pln { color: #000; }
  .tag { color: #006; font-weight: bold; }
  .atn { color: #404; }
  .atv { color: #060; }
}



pre{margin:10px 0;padding:10px;background:#000;}
div.box-primary{display:inline;float:left;width:620px;}
div.box-secondary{display:inline;float:right;padding-left:15px;width:350px;}
div.box-inner{overflow:hidden;padding-bottom:15px;border-bottom:1px solid #2f2f2f;zoom:1;} 
#Content .js{overflow:hidden;zoom:1;}
#Content .carousel,
#Content .carousel .carousel-wrap{margin:0;border:0;zoom:1;}
#Content .js .carousel-wrap{display:inline-block;vertical-align:middle;width:540px;margin:0;border:1px solid #4f4f4f;background:#1a1a1a;}
.IE #Content .js .carousel-wrap{display:inline;}
#Content .carousel ul{margin:0;padding:0;zoom:1;}
#Content .js ul li{overflow:hidden;display:inline;float:left;width:540px;text-align:center;zoom:1;}
#Content .carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:40px;height:40px;cursor:pointer;line-height:999px;zoom:1;border:0;text-indent:-9999px;}
#Content .carousel .carousel-next{background:url(../images/buttons/next.png) 0 0 no-repeat;}
#Content .carousel .carousel-previous{background:url(../images/buttons/prev.png) 0 0 no-repeat;}
#Content .carousel .carousel-control:hover{-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70);}
#Content .carousel .disabled,#Content .carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#Content .carousel div{margin:0;padding:0;border:0;}
#Content .carousel ul{padding:0;list-style:none;}
#Content .carousel ul li{position:relative;width:100%;margin:0;}
#Content .carousel ul li cite{position:absolute;bottom:3px;right:10px;line-height:19px;font-size:11px;}
#Content .carousel ul li cite a img{vertical-align:middle;}
#Content .carousel ul li cite a{color:#fff;text-decoration:none;}

#Content .carousel-previous 
{
  border:none;
  position: absolute;
  width: 27px;
  height: 27px;
  margin-top:200px;
  margin-left:-40px;
  background: url(images/carousel/prev-active.png);
  z-index: 100;    
  cursor:pointer;
  text-indent:-10000px;
}        

#Content .carousel-previous_disabled {
  background: url(images/carousel/prev.png);
  cursor:default;
}

#Content .carousel-next 
{
  border:none;
  position: absolute;
  float:right;
  margin-top:200px;
  margin-left:10px;
  width: 27px;
  height: 27px;
  background: url(images/carousel/next-active.png);
  z-index: 100;
  cursor:pointer;
  text-indent:-10000px;
}   

#Content .carousel-next_disabled {
  background: url(images/carousel/next.png);
  cursor:default;
}

#Content div.center-wrap{overflow:hidden;clear:both;zoom:1;}
#Content div.center-wrap div{border:0;margin:0 0;}
#Content div.center-wrap a{margin:0 2px;padding:2px 5px;border:1px solid #4f4f4f;background:#333;cursor:pointer;color:#fff;-moz-border-radius:12px;webkit-border-radius:12px;border-radius:12px;}
#Content div.center-wrap a.active{font-weight:bold;color:#5db0e6;}

#myfidc {width:590px;height:500px; margin-left:50px; margin-right:40px;}
#myfidc .js .carousel-wrap{display:inline-block;vertical-align:middle;width:100%;height:100%;margin:0;border:none;background:#FFFFFF;}
#myfidc .js ul li{overflow:hidden;display:inline;float:left;width:590px;text-align:left;zoom:1;}



/* fin carousel */
#validation .errortext{padding:0; color:red;text-align:center;}
.basket-promo a,.basket-promo a:link {font-size:8pt;}

span.measpecialite
{
    display: block;
    position: relative;
    left: 270px;
    margin-top: -50px;
    height:50px;
    width:50px;
    z-index: 15;
    background-image: url('/Events/stvalentin/coeur.png');
    background-repeat: no-repeat;
}