@charset "utf-8";
/* CSS Document */

/**********généraux*********/


body {
	margin: 0px;
	padding: 0px;
}

.conteneur {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
}



/**********zone haut******************************************************************************************************/


.conteneurHaut {
	margin: 0px;
	padding: 0px;
	height: 324px;
	width: 100%;
	background-image: url(../images/haut_bgr.jpg);
	background-repeat: repeat-x;
	background-position: top;
}


.header {
	height: 324px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
.headerFlash {
	height: 172px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}
.banniere {
	height: 81px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

.feu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 172px;
	width: 258px;
}
.logoKub {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 172px;
	width: 298px;
}

.logoKub a img {
	border:none;
}
.animDroite {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 172px;
	width: 344px;
}
.nav {
	height: 71px;
	width: 900px;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
}



.chezkub {
	float: left;
	height: 324px;
	width: 900px;
	margin: 0px;
	padding: 0px;
}

.hd {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 324px;
	width: 100px;
}

.hg {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 324px;
	width: 100px;
}

/**********zone centrale contenu*********/


.conteneurCentre {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	background-color: #660000;
}

.contenuMain {
	height: auto;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #660000;
	background-image: url(../images/arplan_bgr.gif);
	background-repeat: repeat-y;
}
.extend {
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 1px;
	width: 1100px;
}


.coteg {
	background-color: #660000;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 509px;
	width: 100px;
}

.elmtsGauche {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 509px;
	width: 38px;
}

.elmtsGauche img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	clear: both;
}


.elmtsGauche a img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.gauche {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 509px;
	width: 268px;
}
.imgGauche {
	background-image: url(../images/gauche.jpg);
	background-repeat: no-repeat;
	background-position: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 509px;
	width: 230px;
}

.contenu {
	padding: 0px;
	float: left;
	min-height: 509px;
	height: auto! Important; 
	height: 509px;
	width: 612px;
	background-image: url(../images/contenu_bgr.jpg);
	background-repeat: repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

.contenu h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: bold;
	color: #360000;
	background-image: url(../images/h1_bgr2.jpg);
	background-repeat: no-repeat;
	line-height: 22px;
	padding-left: 16px;
	margin-left: 10px;
	height: 40px;
	padding-top: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.contenu h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #360000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.contenu a:link{
	text-decoration: none;
	color: #360000;
	padding: 0px;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	height: 14px;
	color: #360000;
	
}

.contenu a:visited{
	text-decoration: none;
	color: #360000;
	padding: 0px;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	height: 14px;
	
	
}

.contenu a:hover{
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	width: 14px;
	text-decoration: underline;
	color: #6A0000;
	
}

.contenu a:active{
	padding: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 0px;
	margin-left: 8px;
	width: 14px;
	text-decoration: underline;
	color: #6A0000;
	
}
.plusClair {
	color: #770000;
}


.contenu h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: bold;
	color: #770000;
	margin-right: 50px;
	margin-left: 30px;
	margin-top: 30px;
	margin-bottom: 0px;
	padding: 0px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #360000;
}

.contenu h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #770000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	font-style: italic;
	text-decoration: underline;
}



.contenu p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #360000;
	margin-right: 16px;
	margin-left: 16px;
	
}

.contenu ul {
	margin-right: 16px;
	margin-left: 16px;
}

.contenu li {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #360000;
	margin-right: 16px;
	margin-left: 16px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: normal;
}

.infoDate{
	font-weight: bold;
}

.contenu img {
	float: left;
	margin-right: 12px;
	margin-bottom: 0px;
	border: 3px solid #330100;
	
}

/*CARTE*************************************************************************************************/

.ligne{
	text-align: right;
	width: 500px;
	margin-left: 34px;
	clear: both;

}

.description{
	width: 420px!important;
	width: 400px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #360000;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;

}
.mention {
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	float: right;
	margin-right: 40px;
	margin-top: 40px;
}


.prix{
	text-align: right;
	float: left;
	width: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #360000;

}
.prix75{
	text-align: left;
	float: left;
	width: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #360000;
	margin: 0px;
	padding: 0px;

}
.prix37{
	text-align: right;
	float: left;
	width: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: normal;
	color: #360000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;

}


/**************************************************************************************************/


.boisDroite{
	background-image: url(../images/boisDroite.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 509px;
	width: 20px;
}

.coted{
	margin: 0px;
	padding: 0px;
	float: left;
	height: 100px;
	width: 100px;
}






/**********BAS**********************************************************************************************/

.conteneurBas {
	margin: 0px;
	padding: 0px;
	height: 152px;
	width: 100%;
	background-color: #000000;
	background-image: url(../images/contBas_bgr.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.footer {
	padding: 0px;
	height: 112px;
	width: 900px;
	background-color: #000000;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.footerc {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 112px;
	width: 830px;
	background-image: url(../images/footer_bgr.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.footerd {
	background-image: url(../images/footerd.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 112px;
	width: 37px;
}


.footerg {
	background-image: url(../images/footerg.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 112px;
	width: 33px;
}

.coord {
	text-align: center;
	padding-top: 10px;
}

.coord h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #680000;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.coord a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #660000;
	text-decoration: none;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}

.coord a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #990000;
	text-decoration: none;
}

.coord p{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-weight: normal;
	color: #FFFFCC;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.visueb {
	text-align: center;
}

.visueb a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFCC;
	text-decoration: none;
	margin-top: 10px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
}

.visueb a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}

.visueb a img {
	border : none;
	vertical-align: middle;
	margin-right: 6px;
	
}



/*MENU***********************************************************************************************************/



#menu{
	position:relative;
	z-index:30;
	width:900px;
	height:62px;
	margin: 0px;
	padding: 0px;


}

#menu ul{
	display:block;
	height:100%;
	overflow:hidden;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	margin: 0px;


}

#menu ul li{
	float:left;
	margin-right:10px;
	height:39px;
	overflow:hidden;
	
}

#menu ul li a{

display:block;

padding:40px 20px 0px;

margin:9px 0px 0px;

font:normal 0px/0px Arial;

}

#menu ul li a.accueil{

width:46px;

background: url("../images/accueil.png") center top no-repeat! important;
background: url("../images/accueil.gif") center top no-repeat;

}

#menu ul li a.lerestaurant{

width:90px;
background: url("../images/lerestaurant.png") center top no-repeat! important;
background: url("../images/lerestaurant.gif") center top no-repeat;




}

#menu ul li a.lacarte{

width:48px;

background: url("../images/lacarte.png") center top no-repeat! important;
background: url("../images/lacarte.gif") center top no-repeat;

}

#menu ul li a.lesmenus{

width:60px;

background: url("../images/lesmenus.png") center top no-repeat! important;
background: url("../images/lesmenus.gif") center top no-repeat;

}

#menu ul li a.lesvins{

width:90px;

background: url("../images/lesvins.png") center top no-repeat! important;
background: url("../images/lesvins.gif") center top no-repeat;

}

#menu ul li a.speciaux{

width:100px;

background: url("../images/speciaux.png") center top no-repeat! important;
background: url("../images/speciaux.gif") center top no-repeat;

}

#menu ul li a.acces{

width:80px;

background: url("../images/acces.png") center top no-repeat! important;
background: url("../images/acces.gif") center top no-repeat;

}



/* LavaLamp **************************************************************************************/

#menu ul.lavaLamp li.back {

background:url("../images/lavaRed.png") no-repeat right -39px! important;
background:url("../images/lava.gif") no-repeat right -39px;

width:20px;

height:39px;

position:absolute;

cursor:pointer;

}

#menu ul.lavaLamp li.back .left {

background:url("../images/lavaRed.png") no-repeat top left! important;
background:url("../images/lava.gif") no-repeat top left;

height:39px;

margin-right:20px;

}

#menu ul.lavaLamp li a {

position:relative;

z-index:15;

}

.bgnone{

background-color:transparent;

}


/*ACCUEIL************************************************************************/

.container1 {
	padding: 0px;
	float: left;
	height: 212px;
	width: 280px;
	border-top-width: 4px;
	border-right-width: 2px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #360000;
	border-right-color: #360000;
	border-bottom-color: #360000;
	border-left-color: #360000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 16px! important;
	margin-left: 8px;
	background-color: #000000;
}

.container2 {
	padding: 0px;
	float: left;
	height: 212px;
	width: 280px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #360000;
	border-right-color: #360000;
	border-bottom-color: #360000;
	border-left-color: #360000;
	background-color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}


/*contact************************************************************************/

INPUT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
SELECT { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
TEXTAREA { color: #000; font-size: 11px; font-family: verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background-color: #EEEEEE }
.txterror {
	color: #280000;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-weight: bold;
	margin-right: auto;
	margin-left: auto;
}
.txtform {
	color: #360000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	}
	
.txtform table{
	width: 600px;
	color: #360000;
	
	}
.iframe {
	border: 3px solid #330000;
	height: 350px;
	width: 560px;
	margin-left: 16px;
}



.small{
	padding: 0px;
	margin-left: 16px;
	width: 200px;
}

.small a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #360000;
	text-decoration: none;
}

.small a:hover{
	text-decoration: underline;
}
.clear {
	clear: both;
}
.calContact {
	margin: 0px;
	padding: 0px;
	height: 360px;
	width: 230px;
}
.contact {
	margin-left: 44px;
}

.contact a img {
	border:none;
	filter:alpha(opacity=70);  /* Internet Explorer 6 */
	-moz-opacity:0.7;  /* Mozilla 1.6 et infér.   */
	opacity:0.7;  /* CSS3 et Mozilla récents */	
}

.contact a:hover img {
	border:none;
	filter:alpha(opacity=100);  /* Internet Explorer 6 */
	-moz-opacity:1;  /* Mozilla 1.6 et infér.   */
	opacity:1;  /* CSS3 et Mozilla récents */	
		
}

/*Options************************************************/

.sep {
	clear: both;
	height: 40px;
}

.sepMS {
	clear: both;
	height: 20px;
}
.accesAdm {
	color: #000000;
}
.accesAdm a {
	color: #000000;
	text-decoration: none;
}
.accesAdm a:hover {
	color: #000000;
	text-decoration: none;
}