/*** general styling */
.ui-page.ui-body-c{
/*background:url(images/bg.png);*/
box-shadow:  0px 0px 30px 5px rgba(107, 105, 105, 0.3) inset,
 0px 0px 0px 1px rgba(107, 105, 105, 0.4) inset;

}

.ui-icon.ui-icon-arrow-r {
background-color:rgb(152, 165, 5);
}
.ui-icon.ui-icon-arrow-l {
background-color:rgb(152, 165, 5);
}

#crumb .ui-icon.ui-icon-arrow-l {
background-color:rgb(147, 147, 147);
}
.ui-li-thumb,
.ui-corner-all, 
.ui-corner-top,
.ui-corner-bottom,
.ui-corner-tl,
.ui-corner-tr,
.ui-corner-bl,
.ui-header .ui-btn-corner-all,
.ui-listview-filter .ui-btn-corner-all,
#restau_infos .ui-btn-corner-all,
#contact_buttons .ui-btn-corner-all,
#notation .ui-btn-corner-all{
border-radius:0.2em;
}

.ui-btn-active {
background: #edf49c; /* Old browsers */
background: -moz-linear-gradient(top,  #eaf0a7 0%, #e3ec80 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5ee80), color-stop(100%,#e3ec80)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e5ee80 0%,#e3ec80 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e5ee80 0%,#e3ec80 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e5ee80 0%,#e3ec80 100%); /* IE10+ */
background: linear-gradient(top,  #e5ee80 0%,#e3ec80 100%); /* W3C */
/*color:#e5ee80 !important;*/
color:#000 !important;
}
.ui-content .choice_list  .ui-btn-active .ui-link-inherit,
.ui-btn-down-c a.ui-link-inherit,
#home .ui-btn-down-c a.ui-link-inherit{
color:#032f9f !important;
}

img{
max-width: 100%;/*����*/
height: auto; width: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
    width: 48%;
    padding:1%;
}





/* title bar */
.ui-header.ui-bar-a{
/*background:url(images/header_bg.png);*/
}
.ui-header .ui-title {
/*text-indent:-9999px;*/
/*font-size:0px;*/
/*background:url(images/header_logo.png) no-repeat 69% 5px ;*/
height:26px;
padding:6px 0px 4px 0px;
margin:0px;
font-size:16px;
font-weight:bold;
/*letter-spacing:0.1em;*/
}

.ui-header  .ui-btn-up-a  {
background:rgba(255, 255, 255, 0.1);
box-shadow:none;
}
.ui-header  .ui-btn-hover-a {
background:rgba(0, 0, 0, 0.3);
box-shadow:none;
}




/*** home **/

#branding{
background:url(images/logo.png) no-repeat;
width:322px;
height:165px;
text-indent:-999px;
font-size:0px;
margin:-10px auto 0 auto;
border-bottom:1px solid rgba(65, 38, 37, 0.6);
}

.choice_list h1{
margin-top:30px;
font-size:18px;
color:rgb(65, 38, 37);
font-weight:normal;
font-style:italic;
padding:5px 0 6px 50px;
background:url(images/pagination.png) no-repeat;
}

#home .choice_list h1{
background-position: 0 -16px;
}
#home .choice_list  h3{
padding-top:10px;
color:rgb(152, 165, 5);
}
#home .choice_list .ui-btn-active  a.ui-link-inherit h3{
color:#fff;
}
.choice_list  img{
padding:3px;
}



/** Chose the town **/

#choisir_ville .choice_list h1{
background-position: 0 -72px;
margin-bottom:20px;
}
#choisir_ville .choice_list a{
padding-top:10px;
color:rgb(152, 165, 5);
}
#choisir_ville .ui-listview-filter a{
padding-top:0px;
}


/** choix du restaurant **/
#choisir_restau .choice_list h1{
background-position: 0 -132px;
margin:10px auto 20px auto;
}
#choisir_restau .choice_list a{
padding-top:10px;
color:rgb(152, 165, 5);
}

#choisir_restau .classement{
display:inline-bloc;
background:url(images/pagination.png) no-repeat  0 -182px;
height:22px;
text-indent:-999px;
font-size:0px;
}

#choisir_restau .one{
width:30px;
}
#choisir_restau .two{
width:55px;
}
#choisir_restau .three{
width:75px;
}
#choisir_restau .four{
width:99px;
}







/** restau **/
#restau_infos,
#contact_infos {
color:rgb(152, 165, 5);
font-size:14px;
}
#restau_infos h1,
#contact_infos h2,
#notation h2{
color:rgb(152, 165, 5);
font-size:18px;
margin:0 auto 5px auto;
}

#restau_infos p,
#restau_infos ul,
#contact_infos p{
margin:2px auto 5px auto;
}
#restau_infos ul{
padding:0 0 0 10px;
}
#restau_infos ul  li{
list-style-type:square;
margin-left:5px;
}

#restau_infos .ui-block-b .ui-btn {
font-size:12px;
}
#restau_infos .ui-block-b .ui-btn-inner{
padding:5px;
}

#contact_buttons a{
color:rgb(152, 165, 5);
}

.ui-icon-maps {
background: rgb(152, 165, 5) url(images/maps.png) no-repeat;
}
.ui-icon-tel{
background: rgb(152, 165, 5) url(images/phone.png) no-repeat;
}

/** add the stars to the drop down */
#note_utilisateur-menu a{
padding-left:100px;
position:relative;
}

#note_utilisateur-button span.ui-btn-text{
background:url(images/pagination.png) no-repeat;
} 

#note_utilisateur-button span.ui-btn-inner{
	padding-left:5px;
} 

#note_utilisateur-menu li a:before{
content: "   ";
display:inline-block;
width:115px;
height:20px;
background:url(images/pagination.png) no-repeat;
position:absolute;
left:0px;
}
.one #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li a:before{
background-position: -75px -182px;
}
.two #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li a:before{
background-position: -52px -182px;
}
.three #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li +li a:before{
background-position: -27px -182px;
}
.four #note_utilisateur-button span.ui-btn-text,
#note_utilisateur-menu li + li +li +li a:before{
background-position: -2px -182px;
}


ul li#pc .ui-icon.ui-icon-arrow-r {
background:url(/smp/common/images/pc.png) no-repeat !important;
background-position:  left bottom;
padding:0;
		-moz-background-size: 18px 18px;
		-o-background-size: 18px 18px;
		-webkit-background-size: 18px 18px;
		background-size: 18px 18px;
}


ul li#house2 {
background:url(/smp/common/images/house.png) no-repeat !important;
padding:0 0 0 20px;
}

ul li#house3 {
background:url(/smp/common/images/house3.png) no-repeat !important;
padding:0 0 0 20px;
}

ul li#w {
background:white !important;
padding:0;
}
/*ul li#pc .ui-btn-text{
background:url(/smp/common/images/pc.gif) no-repeat !important;

}*/


ul li#back .ui-icon.ui-icon-arrow-r {
background:url(/smp/common/images/back.png) no-repeat !important;
background-position:  left bottom;
padding:0;
		-moz-background-size: 18px 18px;
		-o-background-size: 18px 18px;
		-webkit-background-size: 18px 18px;
		background-size: 18px 18px;

}


/*-------------------------201604-------------------------*/
#s_area{
width:100%;
margin-bottom:4px;
}
#s_area th, #s_area td {
padding: 3px;
border: 1px solid #CCC;
font-size: 13px;
line-height: 1.3em;
}

#s_area th, #s_area td p {
color: #555;
}

#s_area th {
text-align: center;
}


#tbb{
border-bottom: 1px solid #CCC;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
padding: 2px 0 2px 2px;
}
#tbb div{
/*font-size:16px;*/
/*font-weight:normal;*/
}
#tbb input,#tbb textarea{
padding:2px;
font-size:16px;
font-weight:bold;
}
#tbb span{
font-size:16px;
}
#tbl {
padding: 2px 0 2px 2px;
font-size: 16px;
font-weight: bold;
line-height: 1.2em;
}


.ui-btn-active {
border: 1px solid #ccc /*{global-active-border}*/;
color: #ad0031 !important;
text-shadow: 0 1px 3px #fff ;
background:#E9CEDE;
}

.ui-controlgroup-label {
font-size: 16px;
line-height: 1.4;
font-weight: bold;
margin: 0;
}
.ui-field-contain, fieldset.ui-field-contain{
padding:0;

}
.ui-controlgroup, fieldset.ui-controlgroup {
padding:0;
margin: .3em 0 0.3em 0px;
font-weight: bold;
font-size:16px;
}
input.ui-input-text, textarea.ui-input-text {
font-weight: bold;
}
.ui-select select{
margin:2px 0;
padding:4px 6px;
font-size:16px;
}
input.ui-input-text, textarea.ui-input-text{
margin-top:2px;
}
#con{
color:#0023a6;
font-weight: bold;
}

.conf #tbb{
padding: 4px 0 4px 2px;
}
.conf #tb2{
padding: 4px 0 4px 2px;
}
#bukken_address{
margin-bottom:4px;
}
/*-------checkbox-------*/
.ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
left: 6px;
}
.ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
padding-left: 30px;
}
.ui-checkbox input, .ui-radio input {
position: absolute;
left: 10px;
top: 50%;
width: 10px;
height: 10px;
margin: -5px 0 0 0;
outline: 0 !important;
z-index: 1;
}
.ui-checkbox .ui-icon, .ui-radio .ui-icon {
top: 50%;
}




/*--------------menu-------------------*/
.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page{
display:inline-block;


}
#top #headerNav,#top #headerNav li{
display:block;
}
.ui-mobile [data-role=dialog]{
background:none;
background-color: rgba(0,0,0,0.5);
z-index:900;
}
.ui-page ui-body-c{
height:100%;
}


#pageMenu .ui-btn-up-d a.ui-link-inherit {
    color: #333 /*{d-bup-color}*/;
}


#navi{
background:#999;
}
#navi img{height:36px}

nav ul {
list-style: none;
}

#headerNaviMenu{
}
ul#headerNav_1of2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 50%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of3 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 33.333333%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of2 li a, ul#headerNav_1of3 li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 100%;
height: 100%;
font-size: 12px;
text-decoration: none;
color: white;
vertical-align: middle;
font-weight: bold;
text-align: center;
}
a#headerNav00 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
color: #444 !important;
text-align:left !important;
}
a#headerNav01 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #abb315;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
a#headerNav02 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #9d394c;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R {
display: table-cell;
vertical-align: top;
padding-top: 10px;
font-weight:bold;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R .gico_update {
width: 40px;
}
ul#headerNav_1of2 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of3 li.headerNaviMenu #headerNav00 div {
display: inline-table;
}
ul#headerNav_1of2 li a img, ul#headerNav_1of3 li a img {
vertical-align: middle;
}
.headerNav00L img{
height:40px;
}
#sp03{
height:3px;
}
.ui-shadow{
box-shadow:none;
}
.ui-li{
moz-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.1) /*{global-box-shadow-color}*/;
-webkit-box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.1) /*{global-box-shadow-color}*/;
box-shadow: 0px 1px 3px /*{global-box-shadow-size}*/ rgba(0,0,0,.1) /*{global-box-shadow-color}*/;
}