/*
╭━━━━━━━━━━━╯ KARIMBA-DESIGN ╰━━━━━━━━━━━╮

	Feuille de styles générale

 _________________________________________________________
	Mis à jour le 26/12/2011 à 14:10:55 par Y. Guérin
	© KARIMBA-DESIGN > http://www.karimba-design.fr
╰━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━╯
*/


/*
@font-face {
	font-family: 'Diotima';
	src: url('../fonts/diotima/diotimaclassicltpro-regular.eot');
	src: url('../fonts/diotima/diotimaclassicltpro-regular.eot') format('embedded-opentype'),
	     url('../fonts/diotima/diotimaclassicltpro-regular.woff') format('woff'),
	     url('../fonts/diotima/diotimaclassicltpro-regular.ttf') format('truetype'),
	     url('../fonts/diotima/diotimaclassicltpro-regular.svg#DiotimaClassicLTProRegular') format('svg');
	font-style: normal;
}

@font-face {
	font-family: 'Diotima';
	src: url('../fonts/diotima/diotimaclassicltpro-italic.eot');
	src: url('../fonts/diotima/diotimaclassicltpro-italic.eot') format('embedded-opentype'),
	     url('../fonts/diotima/diotimaclassicltpro-italic.woff') format('woff'),
	     url('../fonts/diotima/diotimaclassicltpro-italic.ttf') format('truetype'),
	     url('../fonts/diotima/diotimaclassicltpro-italic.svg#DiotimaClassicLTProItalic') format('svg');
	font-style: italic;
}
*/


body {
	background: url(../images/fond2.jpg) repeat center center;
}
#main {
	background: transparent url(../images/fond0.gif) repeat-y 0px 0px;
	color:#666;
	-webkit-box-shadow:0px 1px 30px rgba(0,0,0,0.5);
	   -moz-box-shadow:0px 1px 30px rgba(0,0,0,0.5);
		box-shadow:0px 1px 30px rgba(0,0,0,0.5);

}

header, #menu1 {
	width:200px;
	position: absolute;
	left: 0px;
}
header {top:0px;}
header h1 span {
	position: absolute;
	text-indent: -3000px;
}

header h1 img {
	margin:40px;
}
header p {
	color: #62AD23;
	padding:0px 15px;
	margin-bottom:15px;
	text-align: center;
	font-size: 14px;
}
header p.tel {
	background: transparent url(../images/0299301010.png) no-repeat center 0px;
	color:#000;
	font-size: 1px;
	text-indent: -1000px;
	font-weight: bold;
	font-family: cursive, sans-serif;
	padding-top:10px;
	height:26px;
}
h2 {display:none;}
#menu1 {
	font-size:16px;
	color:#C5C5C5;
	top:340px;
}

#menu1 li a {
	display: block;
	height:14px;
	line-height: 16px;
	padding:8px 5px 8px 40px;
	color:#CCC;
}
#menu1 li a:hover {
	color:#FFF;
}
#menu1 li.menu-selected a {
	background: transparent url(../images/fleche_verte_droite.png) no-repeat 22px center;
	color:#FFF;
}

#headerplateau {
	position: absolute;
	top:500px;
	left:15px;
}

div.mob {
	display:none;
}

#kauthform, #kauthuserinfos {
	height:40px;
	margin-left:200px;
	width:800px;
	text-align: right;
	background: #FFF;
}
#kauthuserinfos {
	line-height: 40px;
}
#kauthform label, #kauthuserinfos label {
	margin:9px 5px 0px 15px;
	font-size:12px;
	font-weight: bold;
	color:#62AD23;
	cursor: default;
}
.ie7 #kauthform label {
	position:relative;
	top:4px;
}
#kauthuserinfos label {
	float: left;
	margin: 0px 20px;
}
#kauthuserinfos ul,
#kauthuserinfos li {
	display: inline;
	margin-left: 10px;
}
#kauthform input {
	padding:3px 6px;
	margin:9px 5px 0px 5px;
	width:90px;
	font-size:12px;
	color:#000;
	border: 1px solid #AAA;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
		border-radius: 4px;
	background:#EEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #EEEEEE, #FFFFFF);
}
#kauthform input:hover {border-color:#888;}
#kauthform input#kauthsubmit {
	padding:3px 2px;
	width:auto;
	color:#888;
	font-weight: bold;
	background:#EEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD);
}
#kauthform input#kauthsubmit:hover {
	background:#EEE;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');
	background: -webkit-gradient(linear, left top, left bottom, from(#DDDDDD), to(#FFFFFF));
	background: -moz-linear-gradient(top, #DDDDDD, #FFFFFF);
}
#nouveauclient, #deconnexion {
	color:#333;
	text-decoration: underline;
	margin:9px 22px 0px 17px;
	font-style: italic;
}
.ie7 #nouveauclient {
	position:relative;
	top:4px;
}
#kauthmsg {
	position: absolute;
	top:0px;
	left:200px;
	width:750px;
	background: #FFF;
	line-height: 40px;
	color: #B5000C;
	padding:0px 25px;
	font-weight: bold;
}
#kauthmsg span.alert {
	font-size: 1px;
	padding:0px 19px 17px 0px;
	position: relative;
	top:-11px;
	margin-right:5px;
	background: url(../images/alert.png) no-repeat 0px 0px;
}
#kauthmsg span.close {
	font-size: 1px;
	padding:0px 16px 15px 0px;
	position: relative;
	top:-12px;
	margin-left:10px;
	background: url(../images/close_888888.png) no-repeat 0px 0px;
	cursor: pointer;
}
#kauthmsg span.close:hover {
	background-position: 0px -16px;
}
#maincontent, #menu2 {
	margin-left:200px;
}
#maincontent {
	width:750px;
	padding:25px;
	min-height: 630px;
}

#menu2 {
	position: relative;
	background-color:#AE111D;
	height:70px;
	width:800px;
}
#menu2 li {
	float:left;
	position: relative;
}
#menu2 li a {
	/*font-family: "Diotima", "Arial", sans-serif;*/
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	width:96px;
	padding:14px 5px 0px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size:17px;
	height:56px;
	line-height: 22px;
}
#menu2 li.pause a {width:170px;}
#menu2 li.buffets a {padding-top:26px;height:44px;}
#menu2 li.cocktails a {padding-top: 11px;line-height: 17px;height: 59px;}
#menu2 li a:hover {background-color: #D3101D;}
#menu2 li.menu-selected a {background-color: #62AD23;}
#menu2 li.menu-selected a:hover {background-color: #72BF2F;}
#menu2 li span {display:none;}
#menu2 img#menu2illus {
	position: absolute;
	right: 11px;
	top: 17px;
}
/*#menu2 li img.nouveau {
	position: absolute;
	top:-30px;
	left:50%;
	margin-left: -50px;
	z-index: 100;
}
*/

footer {
	background: url(../images/footer.png) no-repeat right top;
	position: relative;
	bottom:0px;
	left:0px;
	height:27px;
	width: 385px;
	padding: 10px 400px 3px 215px;
	font-size:11px;
}

#photosnocontract {
	position: absolute;
	width: 150px;
	height: 20px;
	top: -46px;
	left: -78px;
	display: block;
	-moz-transform:rotate(-90deg);
	-webkit-transform:rotate(-90deg);
	-o-transform:rotate(-90deg);
	-ms-transform:rotate(-90deg);
	transform:rotate(-90deg);
	color: #333;
	font-size: 8px;
	letter-spacing: 0.2em;
}
.ie7 #photosnocontract,
.ie8 #photosnocontract {
	display: none;
}

#klightboxcontent {
	-webkit-border-radius: 2px;
	   -moz-border-radius: 2px;
		border-radius: 2px;
}
#klightboxdescr {
	font-size: 1.1em;
	text-align: center;
}

.KFormHTMLContent {
	font-family: arial, helvetica, sans-serif;
	background: #FFF;
	color: #666;
	font-size: 12px;

}
.KFormHTMLContent p {margin-bottom: 15px;}
.KFormHTMLContent h4 {
	color: #62AD23;
    font-size: 15px;
	margin-right: 7px;
    line-height: 18px;
}
.KFormHTMLContent.cocktails h4 {float:left;}
.KFormHTMLContent.mentions h4 {font-size: 14px;color: #AE111D;margin: 15px 15px 3px;}
.KFormHTMLContent.mentions h3 {font-size: 19px;color: #62AD23;margin: 30px 0px 10px;}
.KFormHTMLContent.mentions p {margin: 0px 30px 3px;}
.KFormHTMLContent.pauses h4 {color: #888;font-size: 16px;font-weight: normal;}
.KFormHTMLContent.pauses h4 strong {color: #62AD23;font-weight: bold;}
.KFormHTMLContent.pauses ul {padding: 5px 0px 20px;}




@media screen and (max-width: 530px) {
	#ksignature {display: none;}
	html, body, #main {
		background: #FFF;
	}
	#main {
		width: 100%;
	}
	header {
		position: relative;
		width:100%;
		height:120px;
		background: #000;
	}
	header h1 {
		width:120px;
		float:left;
	}
	header h1 img {
		width:90px;
		height:90px;
		margin:15px;
	}
	header p {
		padding:15px 20px 0px 10px;
		font-size:14px;
		margin-left:120px;
		line-height: 16px;
		color: #76ED0E;
	}
	header p.tel {
		padding:8px 20px 0px 10px;
		background: transparent url(../images/fleche_verte_bas.png) no-repeat center 0px;
		font-size:16px;
		text-indent: 0px;
		color:#FFFFFF;
	}
	h2 {
		display: block;
		font-size:30px;
		color:#CCC;
		padding:30px 15px 20px;
	}
	#menu1 {
		position: relative;
		top:0px;
		background: #000;
		width:100%;
		font-size:12px;
	}
	#menu1 li {
		display: inline;
	}
	#menu1 li a {
		display: inline;
		line-height: 20px;
		padding:8px 15px 8px 15px;
	}
	#menu1 li.menu-selected a {
		background: none;
		font-weight: bold;
	}


	#maincontent, #menu2 {
		margin-left: 0px;
	}

	#menu2 {
		width:100%;
		height: auto;
	}
	#menu2 li {
		float: none;
	}
	#menu2 li a, #menu2 li.buffets a, #menu2 li.cocktails a, #menu2 li.pause a {
		height: auto;
		padding:4px 15px;
		text-align: left;
		width:100%;
		line-height: 20px;
		font-weight: normal;
	}

	#menu2 li img {
		display: none;
	}
	#menu2 li span {
		display: block;
	}
	#menu2 img#menu2illus {
		display: none;
	}
	#headerplateau {
		float: right;
		position: relative;
		top:10px;
		left:auto;
		right:0px;
		width:106px;
		height:94px;
		z-index: 1;
		margin-bottom: -94px;
	}

	#kauthform {
		display: none;
		margin-left:0px;
		width:100%;
		text-align: left;
		height: auto;
		padding:0px 20px 10px;
	}
	div.mob {
		display: block;
		text-align: center;
		padding:5px 10px;
	}
	div.mob a {
		color:#888;
		margin:5px 20px;
		font-size:14px;
	}

	#kauthform label {
		margin:9px 5px 0px 25px;
		font-size:13px;
	}
	#kauthform label:first-child {
		margin-left:61px;
	}
	#nouveauclient {
		display: none;
	}
	/*#kauthmsg {
		display: none;
		position: absolute;
		top:0px;
		left:200px;
		width:750px;
		background: #FFF;
		line-height: 40px;
		color: #B5000C;
		padding:0px 25px;
		font-weight: bold;
	}*/
	#maincontent {
		padding:10px 15px;
		width:auto;
	}

	footer {
		clear: both;
		background: none;
		width: auto;
		height: auto;
		padding: 10px 15px;
		border-top:2px solid #62AD23;
		margin-top:10px;
	}
	#photosnocontract {
		display:none;
	}
}



/* ╰━┅┉┈  © KARIMBA-DESIGN - www.karimba-design.fr  ┈┉┅━╯ /*