/* --------------------------------------------------------------------------------------
													INIT
--------------------------------------------------------------------------------------*/
#html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,form,p{ margin: 0px; padding: 0px; }
h1,h2,h3,h4,h5,h6{  font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
img{margin:0;padding:0;border:none;}
a{outline:none;text-decoration:none;}
body {font-family:Arial, Helvetica, sans-serif;font-size: 11px;background:#1D1B1E;  outline:none;}
p{ line-height:14px;}




/*opacity:0.4;filter:alpha(opacity=40)*/

#global,#global_home{ width:100%; height:100%; background-image:url(../_common/fond.jpg); background-repeat:repeat-x;}
#global_home{ width:0%;}



/* --------------------------------------------------------------------------------------
													CLASSES 
 --------------------------------------------------------------------------------------*/
.fl{float:left;} 
.cb{clear:both;}

a.close{ display:block;color:#888;width:15px; height:15px; line-height:15px; position:absolute; right:0; top:0px; font-size:10px;}
a.close:hover {cursor:pointer;color:#FFF;}

a.sup,a.add{ clear:both; position:absolute; left:420px;  margin-top:-5px; width:70px; }
*a.sup,*a.add{margin-top:-22px;}/**/
a.add{left:485px;}




a.admin_link,
.admin_box{display:none;}
a.admin_link{ display:block;color:#0099FF; padding-top:5px; font-size:11px;}
a.admin_link:hover{ color:#00CCFF;}
a.admin_link_image{margin-top:0px; display:block;}
.admin_box{ position:relative; top:5px;width:auto; height:auto; padding:15px; border:#333333 solid 1px; text-align:center;}
.admin_box p label{ width:80px; text-align:right; padding-right:15px; display:inline-block;}
.admin_box p input,
.admin_box p select{ width:210px; display:inline-block;}
.admin_box p textarea{ width:210px; display:inline-block;}


.admin_box textarea{ width:310px;}
.admin_box textarea.small{ width:290px;}
.admin_box div{ clear:both; margin:15px 0;}
.admin_box div.accueil{ clear:both; margin:3px 0; height:30px;}
.admin_box div img{display:block; float:left;  margin-bottom:3px; margin-left:1px;}
.admin_box div input{display:block; float:right; margin-top:3px; text-align:}
.admin_box input.submitText{ margin-top:15px;}
.admin_box input.submitImg{ margin-top:5px;}
.uploadDetailError{ display:none; padding-top:5px; height:auto;}
a.link_centre{ padding-top:5px; color:#FFFFFF; display:block; font-size:11px;}
a.link_centre:hover{ text-decoration:underline;}

.admin_box p label.error{ width:300px; color:#FF99FF; display:block; text-align:center;}

.dn,
.titre,
#nbtitre,
.admin_box div input.idpresse{display:none;}


/* --------------------------------------------------------------------------------------
													HEADER  
 --------------------------------------------------------------------------------------*/
 
#header_home,#header{ width:100%;height:205px;}
#header_home h1,#header h1{padding:140px 0 0 100px;  font-weight:normal; }
#tools_home,#tools{height:15px; line-height:15px; position:absolute; right:0px; color:#333; width:170px; text-align:right;}
#tools a, #tools_home a{ display:inline-block; padding:0 10px; color:#666;}
#tools a:hover,#tools_home a:hover{ color:#FFFFFF; }
#tools a.white, #tools_home a.white{ color:#FFFFFF;}

#tools a#logout_btn,#tools_home a#logout_btn{ display:none;color:#0099FF;}

#header_home{ width:0%;}
#header_home h1{ display:none;}
#tools_home{ display:none; }

#login{display:none; position:absolute;  background:#0E0C0F; right:0%;  top:205px;  /*border:#666666 solid 1px;*/ overflow:hidden;  padding:15px 13px 0px 15px;color:#FFFFFF;}


/* --------------------------------------------------------------------------------------
													CONTENT  
 --------------------------------------------------------------------------------------*/
#content{color:#FFF; width:100%;height:330px;}

/* -------------------------------------------------
							GAUCHE
 ---------------------------------------------------*/
#gauche_home,#gauche{ position:absolute; left:129px; top:205px;width:135px;}
#gauche_home{display:none;}

 
 /* MENU */
ul#menu {list-style-type: none; margin-top:10px;} 
ul#menu li {height:17px;}
ul#menu a {height: 17px; width:120px;line-height:20px;padding-right:15px;display: block;text-align: center; text-decoration: none; color: #666; text-align:right; }
ul#menu a:hover,
ul#menu a.actif {/*background:#111;*/ color:#FFF;}

 /* GALERIE */
ul#galerie_nav {list-style-type: none; } 
ul#galerie_nav li {height:54px; width:54px; padding:13px 13px 0 0px; float:left; overflow:hidden;}
ul#galerie_nav li:hover {}
ul#galerie_nav a {display: block; border:#222 solid 1px;}
ul#galerie_nav a:hover,
ul#galerie_nav a.activeSlide {border:#FFF solid 1px;}

 /* -------------------------------------------------
							CENTRE
 ---------------------------------------------------*/
#centre{position:absolute; left:264px;top:205px;height:330px; width:330px; display:none;font-size:10px;color:#FFF; }
#centre  #galerie{ height:350px; overflow:hidden; }
#centre  #galerie.infos { height:350px; overflow:hidden; width:800px;}
#centre  #galerie div.infoGal{ position:relative; left:345px; top:-275px; height:285px; font-size:11px; padding-top:0;width:800px;}
#centre  #galerie p{width:350px;}


  
 /* -------------------------------------------------
							DROITE
 ---------------------------------------------------*/
#droite{ position:absolute; left:594px;top:205px;display:none;/**/}
#droite_content{padding-left:15px; width:350px; margin-bottom:80px;}
#droite_content h2,
#droite_content h3{font-size:14px; font-weight:bold; padding:14px 0 0 20px; clear:both;}
#droite_content h2{ color:#666;background:url(../_common/puce-h2.gif) no-repeat 0px 15px; margin-bottom:20px;}
#droite_content h3{ color:#FFF; margin-bottom:15px;}
#droite_content h3.entrees{ background:url(../_common/puce-h3-entrees.gif) no-repeat 0px 15px;}
#droite_content h3.plats{ background:url(../_common/puce-h3-plats.gif) no-repeat 0px 15px;}
#droite_content h3.desserts{ background:url(../_common/puce-h3-desserts.gif) no-repeat 0px 15px;}
#droite_content h3.carte{ margin-top:25px; margin-bottom:0; padding:0 0 0 20px; float:left; width:380px;}
#droite_content h3.bulles{ padding-bottom:15px; border-bottom:solid 1px #333;}
#droite_content h3#rouge{background:url(../_common/puce-h3-rouge.gif) no-repeat 0px 2px; }
#droite_content h3#rose{background:url(../_common/puce-h3-rose.gif) no-repeat 0px 2px; }
#droite_content h3#blanc{background:url(../_common/puce-h3-blanc.gif) no-repeat 0px 2px; }
#droite_content h3#champ{background:url(../_common/puce-h3-champ.gif) no-repeat 0px 2px; }
#droite_content h3#bulle{background:url(../_common/puce-h3-bulle.gif) no-repeat 0px 2px; }

#droite_content p{ padding-bottom:5px; margin:0;}
/*#droite_content p.intropart{ padding-bottom:0px; font-size:10px; position:absolute; top:90px; left:316px; width:110px; text-align:center; color:#CCCCCC;}*/
#droite_content p.intropart{ padding-bottom:0px;position:relative; top:65px; left:300px;width:110px; text-align:center; color:#CCCCCC;font-size:10px; margin-top:-40px;}
#droite_content  p.thanx{ font-size:14px; font-weight:bold;margin-top:50px; line-height:19px;}
#droite_content #presse li{ list-style:none;}
#droite_content #presse li a{ color:#999999; display:block; padding:2px 0;}
#droite_content #presse li a:hover,
#droite_content #presse li a.activeSlide{ color:#FF6600; }

.suptitre{ }
.suptitre{display:block; position:absolute; color:#0099FF; cursor:pointer; left:150px; margin-top:-15px;display: none;}
.suptitre:hover{color:#00CCFF;}




/* carte */

.carteType{ font-size:11px; padding:10px 0 5px 0; font-weight:bold; clear:both; color:#999; border-bottom:solid 1px #333; width:400px;}
.refBox{ float:left; width:400px; border-bottom:solid 1px #333;  padding:2px 0;}
.refBox div{ float:left; }
.refBox .annee{ width:40px;font-size:11px; font-weight:bold; color:#996666;}
.refBox .nom{ width:270px; font-size:11px;}
.refBox .prix{ width:30px; font-size:11px;text-align:center;}
p.comment{ border:solid 5px #990033;}



/* form */
#resaForm{font-size: 10px;color: #CCC; width:300px; padding:0; margin-top:-20px; position:relative;}
#resaForm legend {padding:0px;color: #CCC;font-weight: normal;}
#resaForm fieldset {margin-bottom: 0px; padding:10px 0px;  border:none; height:270px;}
#resaForm fieldset p{padding: 0px 0;list-style:none;margin: 0;} 
#resaForm label {display: block; line-height: 1.8; width: 180px; margin-left: 0px;width: 400px;cursor: hand;color: #CCC;}
#resaForm input{width:150px; border: none;}
#resaForm input:focus { border: none; }

#resaForm textarea{ width:230px; }
#resaForm input.submit {width:100px; font-size:11px; background:#666; color:#FFFFFF;border: 1px solid #666;  position:absolute; bottom:-5px; cursor:pointer;margin-left:1px ; /margin-left:0px ;}
#resaForm input.submit:hover{background:#333;}
#resaForm label.error {color:#FF66CC;position:absolute; bottom:0px; left:115px;background:#1D1B1E; text-align:left;}
div.error { display: none; }
#resaForm input.error { border: 1px solid #FFCCFF; }










/* --------------------------------------------------------------------------------------
												COMMON MODULES
--------------------------------------------------------------------------------------*/
/* tooltip styles */
#tooltip {position: absolute;z-index: 3000;	border:0px solid #FFF;	background-color:#990033;	padding:0px;color:#FFF;opacity:0.9;filter:alpha(opacity=90);}
#tooltip *{font-size:11px;opacity:1;filter:alpha(opacity=100);}
/* calendar styles */
#calendar_div, .calendar_inline {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	margin: 0;
	background: #222;
}
#calendar_div {
	display: none;
	border: 1px solid #222;
	z-index: 10; /*must have*/ 
}
.calendar_inline {
	float: left;
	display: block;
	border: 0;
}
.calendar_dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
#calendar_div a, .calendar_inline a {
	cursor: pointer;
}
button.calendar_trigger {
	width: 25px;
}
img.calendar_trigger {
	margin: 2px;
	vertical-align: middle;
}
.calendar_prompt {
	float: left;
	width: 181px;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .calendar_prompt {
	width: 185px;
}
.calendar_control, .calendar_links, .calendar_header, .calendar {
	clear: both;
	float: left;
	width: 185px;
	color: #fff;
}
.calendar_control {
	background: #CCFF00;
	color:#333333;
}
.calendar_links {
	background: #333;
}
.calendar_control, .calendar_links {
font-size:11px;
}
.calendar_control a, .calendar_links a {
	padding: 2px 5px;
}
.calendar_control a:hover {
	color: #333;
	font-weight:bold;
}
.calendar_links a:hover, .calendar_titleRow a:hover {
	background: #ddd;
	color: #333;
}
.calendar_links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.calendar_clear, .calendar_prev {
	float: left;
}
.calendar_current {
	float: left;
	width: 35%;
	text-align: center;
}
.calendar_close, .calendar_next {
	float: right;
}
.calendar_header {
	background: #444;
	text-align: center;
}
.calendar_header select {
	background: #444;
	color: #fff;
	border: 0px;
}
.calendar {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.calendar a {
	display: block;
	width: 100%;
}
.calendar .calendar_titleRow {
	background: #777;
}
.calendar .calendar_daysRow {
	background: #eee;
	color: #666;
}
.calendar .calendar_daysCell {
	color: #000;
	border: 1px solid #ddd;
}
.calendar .calendar_weekEndCell {
	background: #ddd;
}
.calendar .calendar_daysCellOver {
	background: #fff;
	border: 1px solid #777;
}
.calendar .calendar_unselectable {
	color: #888;
}
.calendar_today {
	background:#CCFF00 !important;
}
.calendar_currentDay {
	background:#99CCFF !important;
}
.calendar_cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 193px; /*must have to match width and borders*/
    height: 200px; /*must have to match maximum height*/ 
}



/* draggable */
.draggable {
	position: absolute;
	width: 200px;
	height:190px;
	border: 1px solid #555;
	background-color: #111;
	padding: 10px;
	text-align: center;
	color:#FFFFFF;
	z-index:10;
}

#menudujour{bottom: 50px;	right: 50px; display:none;}
#menudujour h2{font-size:16px;}
#menudujour h3{font-size:13px;}
#menudujour p{padding:5px 0;}
#menudujour div{	cursor: move;	background-color: #111;	height: 25px;	line-height:25px;	font-size:14px;margin-bottom:15px;}

.frameClass{border: 1px dotted #999;}

#credits{ position:fixed; bottom:0; right:0; color:#444; padding:0px 10px 5px 0; font-size:10px;}
#credits a{ color:#444; text-decoration:none;}
#credits a:hover{ color:#00CCFF; text-decoration:none;}