/*  -------------------------------------------------------------
    * Filename:         style.css
    * Version:          1.5
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{width: 960px; min-height: 100%; height: auto !important; height: 100%;}
    #header{height: 190px;}
    #content{width: 960px;}
        #left-outer{float: left; min-height: 408px; height: auto !important; height: 408px;}
        #left-inner{float: left; width: 250px;}
        #right-outer{float: left;}
        #right-inner{float: left; width: 510px; padding: 0 200px 0 0; text-align: justify;}
            #main-content{ float: left; width: 490px; padding: 0 0 0 20px; }
#footer{width: 960px;}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
/*  Titles  */
#page-title{float: left; width: 510px; height: 52px; text-indent: -9999px; background: url(../images/charte/page-title-bg.jpg) no-repeat left top;}
#page-title span{ float: left; width: 510px; height: 50px; }

/*  Separators  */
.separator{overflow: hidden; display: block; line-height: 0; font-size: 0;}
.hr1{background: url(../images/charte/hr1-bg.gif) no-repeat center top; margin: 10px 0; height: 7px; }
.hr2{background: url(../images/charte/hr2-bg.gif) no-repeat center top; margin: 5px 0; height: 6px; }

.clr
{
  line-height: 0px; font-size: 0px; height: 0px; clear: both;
}

/*  Lists  */
.list1{float: left;}
.list1 li{padding: 0 10px 0 15px; background: url(../images/charte/bullet1.gif) no-repeat 0 5px;}

/*  Thumbnails  */
.thumb1{display: block; border: 1px solid #FED700;}
a.thumb1:hover{border: 1px solid #FFFFFF; }

/*  Pagination  */
.pagination{float:left; width: 100%; padding: 10px 0; text-align: center;}
.pagination a, .pagination span{border: 1px solid #E44B00; margin-right: 2px; padding: 2px 6px; text-decoration: none; font-weight: bold;}
.pagination .active{background: #FFFFFF; color: #E44B00; border-color: #E44B00;}
.pagination .disabled{background: #222222; color: #FFFFFF; border-color: #454545;}
.pagination a:link, .pagination a:visited, .pagination span{background: #EB5A01; color: #FFFFFF;}
.pagination a:hover{background: #FFFFFF; color: #E44B00; border-color: #E44B00; text-decoration: none;}

.mail{ float: left; background: url(../images/charte/mail-bg.jpg) no-repeat left top; margin: 25px 0 0 0; padding: 0 0 0 21px; width: 150px; height: 19px; }

.pannel1{ float: left; width: 490px; background: url(../images/charte/pannel1-bg.jpg) repeat-y left top; margin: 15px 0; }
.pannel1-top{ float: left; width: 490px; background: #FFAD16 url(../images/charte/pannel1-top-bg.jpg) no-repeat left top; border-bottom: 1px solid #E54B00; color: #4C2101; }
    .pannel1-top h3{ color: #E44B00; }
    .pannel1-top span{ display: block; }
.pannel1-middle{ float: left; width: 490px;}
.pannel1-bottom{ float: left; width: 490px; height: 6px; font-size: 0; line-height: 0; background: url(../images/charte/pannel1-bottom-bg.jpg) no-repeat left top; }


a.current{ background-position: right top; cursor: default; }
a.pannel1-top, a.pannel1-top:visited{ text-decoration: none; }
a.pannel1-top:hover, a.pannel1-top:active{ background-position: right top; color: #000; text-decoration: none; }

.pt{ font-weight: bold; }

.pannel2{ float: left; width: 312px; background: url(../images/charte/pannel2-bg.jpg) repeat-y left top; }
.pannel2-top{ float: left; width: 282px; padding: 5px 15px; background: #FFAD16 url(../images/charte/pannel2-top-bg.jpg) no-repeat left top; border-bottom: 1px solid #E54B00; color: #3A1503; }
    .pannel2-top h3{ color: #E44B00; }
.pannel2-middle{ float: left; width: 282px; padding: 5px 15px; }
.pannel2-bottom{ float: left; width: 312px; height: 6px; font-size: 0; line-height: 0; background: url(../images/charte/pannel2-bottom-bg.jpg) no-repeat left top; }


/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer{ text-align: left; font-size: 11px; padding: 10px 0; }
#footer #footer-left{ float: left; width: 247px; line-height: 20px; }
#footer #footer-right{ float: left; width: 713px;}
#footer .copyright{ padding: 3px 0 0 113px; }
#footer .client{color: #fffcae;}
#footer .client a:link, #footer .client a:visited{ color: #fffcae; text-decoration: none; }
#footer .client a:hover, #footer .client a:active{ color: #fffcae; text-decoration: underline; }
#footer .mentions{}
#footer .mentions a:link, #footer .mentions a:visited{ color: #fffcae; text-decoration: none; }
#footer .mentions a:hover, #footer .mentions a:active{ color: #fffcae; text-decoration: underline; }
#footer .ref{}
/*  -------------------------------------------------------------
    5. Menus
-------------------------------------------------------------- */
#menu2 ul{float: left;}
#menu2 ul li{float: left; display: inline; color: #ffd800; font-size: 11px;}
#menu2 ul li a:link, #menu2 ul li a:visited{color: #ffd800; text-decoration: none;}
#menu2 ul li a:hover, #menu2 ul li a:active{color: #fffcae; text-decoration: none;}

#menu-left{ float: left; width: 250px; height: 200px; /*background: url(../images/charte/menu-bg.jpg) no-repeat left top; */}

/*  -------------------------------------------------------------
    6. Pages
-------------------------------------------------------------- */

/*  Accueil  */
h1.accueil span{ background: url(../images/accueil/accueil-title.jpg) no-repeat left top; }

/*  Ambiances  */
h1.ambiances span{background: url(../images/ambiances/ambiances-title.jpg) no-repeat left top;}

/*  Carte et Wok  */
h1.carte-et-wok span{background: url(../images/carte-et-wok/carte-et-wok-title.jpg) no-repeat left top;}

/*  Les eaux du monde  */
h1.eaux-du-monde span{background: url(../images/eaux-du-monde/eaux-du-monde-title.jpg) no-repeat left top;}
body#eaux-du-monde .pannel1{ margin: 5px 0; }

/*  Contact  */
h1.contact span{background: url(../images/contact/contact-title.jpg) no-repeat left top;}

#frmContact{width: 490px;}
#frmContact .col1{float: left; width: 235px; padding: 0 20px 0 0;}
#frmContact .col2{float: left; width: 235px;}
#frmContact label{float: left; width: 80px;}
#frmContact .buttons{padding: 10px;}

/*  Merci  */
h1.merci span{background: url(../images/contact/merci-title.jpg) no-repeat left top;}

/*  -------------------------------------------------------------
    6. Modules
-------------------------------------------------------------- */
#news-form{ padding: 6px 0 0 0; }
.news-input-container{ position: relative; float: left; width: 252px; height: 18px; }
.news-input{ position: absolute; z-index: 100; background: url(../images/charte/input-bg.jpg) repeat-x left top; border: 1px solid #FFD800; width: 231px; height: 16px; line-height: 16px; padding: 1px 9px; color: #7a3c0d; }
.news-input-over{ position: absolute; z-index: 100; background: #E44B00 none; border: 1px solid #FFD800; width: 231px; height: 16px; line-height: 16px; padding: 1px 9px; color: #7a3c0d; }
.news-ok-btn{ position: absolute; top: 0; right: 0; width: 40px; height: 20px; background: url(../images/charte/ok-btn-bg.gif) no-repeat left top; z-index: 990; }
.news-ok-btn:hover{ background-position: left bottom; }

#horaires{ background: url(../images/charte/horaires-bg.jpg) no-repeat left top; float: left; width: 470px; height: 53px; margin: 10px 0 0 0; padding: 44px 0 0 20px; }

.encart-holder
{

		padding: 0 3px 0px 3px;
		float: left;
    width: 155px;
	height: 102px;
}

#diapo
{
  width: 250px;
	height: 187px;
	float: left;
	background: #ff8c15;
	margin-top: 10px;

}


.encart-produit
{
	padding: 11px;
  background: #ff8c15;
	border: solid 1px #e54b00;
	float: left;
  width: 133px;
	height: 80px;
}
.encart-picture
{
  width: 75px;
  height: 75px;
	float: left;
}