/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 0;padding: 0;}
blockquote{}
ul, ol{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{
	margin:0px;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	color: #333;
	background-color: #141414;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* =Frame-----------------------------------------------------------------------------*/

#wrap {
	width: 958px;
	margin: 0 auto;
	padding:5px 7px 0px 7px;
	background-color: #ececec;
}
.normal {
	height: 1061px;
}
.employe2 {
	height: 2140px;
}
.concepts {
	height: 1289px;
}

/* =header-----------------------------------------------------------------------------*/

#header {
	width: 958px;
	height:281px;
	float:left;
	background-image: url(../images/img_03.jpg);
}
#header #retour{
	clear:both;
	float:left;
	width:200px;
	height:200px;
}
#header #retour a.retour{
	display:block;
	width:200px;
	height:200px;
}
#header #menusecondaire{
	width: 168px;
	height:14px;
	margin-top: 17px;
	float:right;
	text-align: left;
}
#header #menusecondaire #liens{
	float:left;
	width: 128px;
	height:12px;
}

#header #menusecondaire #liens a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #FFFFFF;
	text-decoration: none;
}
#header #menusecondaire #liens a.accueil{
	margin-right:5px;
}
#header #menusecondaire #liens a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #f2ba00;
	text-decoration: none;
}
#header #menusecondaire #acces{
	float:right;
	width: 40px;
	height:12px;
}
#header #menusecondaire #acces a.zoneemploye{
	display: block;
	width: 40px;
	height:12px;
}

/* =contenu-----------------------------------------------------------------------------*/

#contenu {
	width: 958px;
	float:left;
	background-image: url(../images/back_contenu.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.index{
	height: 722px;
}
.employe{
	height: 1800px;
}
.concept{
	height: 950px;
}

#contenu #leftcolonne{
	float:left;
	width: 202px;
	height:700px;
}
#contenu #leftcolonne a{
	width: 184px;
	height:49px;
	float:left;
	display:block;
	margin-bottom: 2px;  
}
#contenu #leftcolonne a.apropos{
	background-image: url(../images/img_08.jpg);
	margin-top: 15px;
}
#contenu #leftcolonne a.videos{
	background-image: url(../images/img_13.jpg);
}
#contenu #leftcolonne a.datesdisponibles{
	background-image: url(../images/img_15.jpg);
}
#contenu #leftcolonne a.servicesdebar{
	background-image: url(../images/img_17.jpg);
}
#contenu #leftcolonne a.forfaitsbar{
	background-image: url(../images/img_19.jpg);
}
#contenu #leftcolonne a.menu{
	background-image: url(../images/img_21.jpg);
}
#contenu #leftcolonne a.deroulementdelasoiree{
	background-image: url(../images/img_23.jpg);
}
#contenu #leftcolonne a.reservation{
	background-image: url(../images/img2_23.jpg);
}
#contenu #leftcolonne a.nousengageons{
	background-image: url(../images/btn_job.jpg);
}
#contenu #leftcolonne a.contacts{
	background-image: url(../images/img_25.jpg);
}
#contenu #leftcolonne a.print{
	background-image: url(../images/btn_print.jpg);
}
#contenu #leftcolonne a.print:hover{
	background-image: url(../images/btn_print_on.jpg);
}
#contenu #leftcolonne a.croisiereenfete{
	background-image: url(../images/img_29.jpg);
	margin-top: 10px;
}
#contenu #leftcolonne a.cabaretclandestin{
	background-image: url(../images/img_31.jpg);
}
#contenu #leftcolonne a.gefsurlaroute{
	background-image: url(../images/img_35.jpg);
}
#contenu #leftcolonne a.apropos:hover{
	background-image: url(../images/img_on_08.jpg);
}
#contenu #leftcolonne a.videos:hover{
	background-image: url(../images/img_on_13.jpg);
}
#contenu #leftcolonne a.datesdisponibles:hover{
	background-image: url(../images/img_on_15.jpg);
}
#contenu #leftcolonne a.servicesdebar:hover{
	background-image: url(../images/img_on_17.jpg);
}
#contenu #leftcolonne a.forfaitsbar:hover{
	background-image: url(../images/img_on_19.jpg);
}
#contenu #leftcolonne a.menu:hover{
	background-image: url(../images/img_on_21.jpg);
}
#contenu #leftcolonne a.deroulementdelasoiree:hover{
	background-image: url(../images/img_on_23.jpg);
}
#contenu #leftcolonne a.reservation:hover{
	background-image: url(../images/img2_on_23.jpg);
}
#contenu #leftcolonne a.nousengageons:hover{
	background-image: url(../images/btn_job_on.jpg);
}
#contenu #leftcolonne a.contacts:hover{
	background-image: url(../images/img_on_25.jpg);
}
#contenu #leftcolonne a.croisiereenfete:hover{
	background-image: url(../images/img_on_29.jpg);
}
#contenu #leftcolonne a.cabaretclandestin:hover{
	background-image: url(../images/img_on_31.jpg);
}
#contenu #leftcolonne a.gefsurlaroute:hover{
	background-image: url(../images/img_on_35.jpg);
}
#contenu #leftcolonne a.bistro{
	background-image: url(../images/btn_bistro.jpg);
}
#contenu #leftcolonne a.bistro:hover{
	background-image: url(../images/btn_bistro_on.jpg);
}

#contenu #middlecolonne{
	float:left;
	width: 532px;
	padding-top: 15px;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;	
}
#contenu #middlecolonne #setupconcept{
	float:left;
	width: 530px;
	height: 406px;
}
#contenu #middlecolonne .croisiere{
	background-image:url(../images/cf_up.gif);
}
#contenu #middlecolonne .tscroisiere{
	background-image:url(../images/cfts_up.gif);
}
#contenu #middlecolonne .rv{
	background-image:url(../images/rvts_up.gif);
}
#contenu #middlecolonne .cabaret{
	background-image:url(../images/cc_up.gif);
}
#contenu #middlecolonne .bistro{
	background-image:url(../images/bistro_up.gif);
}
#contenu #middlecolonne .tournee{
	background-image:url(../images/ts_up.gif);
}
#contenu #middlecolonne .ccderoulement{
	background-image:url(../images/cf_up_der.gif);
}
#contenu #middlecolonne .ccprix{
	background-image:url(../images/cf_up_pri.gif);
}
#contenu #middlecolonne .ccvideo{
	background-image:url(../images/cf_up_vid.gif);
}
#contenu #middlecolonne .ccrendre{
	background-image:url(../images/cf_up_com.gif);
}
#contenu #middlecolonne .cfderoulement{
	background-image:url(../images/cc_up_der.gif);
}
#contenu #middlecolonne .cfprix{
	background-image:url(../images/cc_up_pri.gif);
}
#contenu #middlecolonne .cfvideo{
	background-image:url(../images/cc_up_vid.gif);
}
#contenu #middlecolonne .cfrendre{
	background-image:url(../images/cc_up_com.gif);
}
#contenu #middlecolonne h2{
	float:left;
	width: 530px;
	height: 30px;
	margin-top: 10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;	
}
#contenu #middlecolonne #setupliens{
	float:left;
	width: 530px;
	height: 44px;
	margin: 5px auto 0 auto;
	
}
#contenu #middlecolonne #setuplienscc{
	float:left;
	width: 530px;
	height: 44px;
	margin: 5px auto 0 auto;
	
}
#contenu #middlecolonne #setupliensbistro{
	float:left;
	width: 530px;
	height: 44px;
	margin: 5px auto 0 auto;
	
}
#contenu #middlecolonne #setupconcept #setupliensts{
	float:left;
	margin-top: 200px;
	width: 340px;
	height: 16px;
	text-align:center;
	padding-left: 11px;
}
#contenu #middlecolonne #setupliensbistro a{
	height: 35px;
	width: 120px;
	margin-left: 10px;

}
#contenu #middlecolonne #setuplienscc a{
	height: 35px;
	width: 120px;
	margin-left: 10px;

}
#contenu #middlecolonne #setupliens a{
	height: 35px;
	width: 120px;
	margin-left: 10px;

}
#contenu #middlecolonne #setupliens a.cfderoulement{
	background-image:url(../images/menucf_01.gif)
}
#contenu #middlecolonne #setupliens a.cfderoulement:hover{
	background-image:url(../images/menucf_on_01.gif)
}
#contenu #middlecolonne #setupliens a.cfprix{
	background-image:url(../images/menucf_02.gif)
}
#contenu #middlecolonne #setupliens a.cfprix:hover{
	background-image:url(../images/menucf_on_02.gif)
}
#contenu #middlecolonne #setupliens a.cfvideo{
	background-image:url(../images/menucf_03.gif)
}
#contenu #middlecolonne #setupliens a.cfvideo:hover{
	background-image:url(../images/menucf_on_03.gif)
}
#contenu #middlecolonne #setupliens a.cfrendre{
	background-image:url(../images/menucf_04.gif)
}
#contenu #middlecolonne #setupliens a.cfrendre:hover{
	background-image:url(../images/menucf_on_04.gif)
}
#contenu #middlecolonne #setuplienscc a.ccderoulement{
	background-image:url(../images/menucc_01.gif)
}
#contenu #middlecolonne #setuplienscc a.ccderoulement:hover{
	background-image:url(../images/menucc_on_01.gif)
}
#contenu #middlecolonne #setuplienscc a.ccprix{
	background-image:url(../images/menucc_02.gif)
}
#contenu #middlecolonne #setuplienscc a.ccprix:hover{
	background-image:url(../images/menucc_on_02.gif)
}
#contenu #middlecolonne #setuplienscc a.ccvideo{
	background-image:url(../images/menucc_03.gif)
}
#contenu #middlecolonne #setuplienscc a.ccvideo:hover{
	background-image:url(../images/menucc_on_03.gif)
}

#contenu #middlecolonne #setuplienscc a.ccrendre:hover{
	background-image:url(../images/menucc_on_04.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistrophoto{
	background-image:url(../images/menu_bistro_01.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistromenu{
	background-image:url(../images/menu_bistro_02.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistrorendre{
	background-image:url(../images/menu_bistro_03.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistroheure{
	background-image:url(../images/menu_bistro_04.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistrophoto:hover{
	background-image:url(../images/menu_bistro_01_on.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistromenu:hover{
	background-image:url(../images/menu_bistro_02_on.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistrorendre:hover{
	background-image:url(../images/menu_bistro_03_on.gif)
}
#contenu #middlecolonne #setupliensbistro a.bistroheure:hover{
	background-image:url(../images/menu_bistro_04_on.gif)
}
#contenu #middlecolonne #setupconcept #setupliensts{
	float:left;
	width: 470px;
	height: 27px;
	margin: 5px auto 0 auto;
	padding-left: 50px;

}
#contenu #middlecolonne #setupliensts a{
	height: 27px;
	width: 200px;
	margin-left: 10px;

}
#contenu #middlecolonne #setupliensts a.tsrfderoul{
	background-image:url(../images/btn_tsderoul2.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfderoul:hover{
	background-image:url(../images/btn_tsderoul2_on.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfsoum{
	background-image:url(../images/btn_tssoum2.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfsoum:hover{
	background-image:url(../images/btn_tssoum2_on.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfderoul2{
	background-image:url(../images/btn_tsderoul.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfderoul2:hover{
	background-image:url(../images/btn_tsderoul_on.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfsoum2{
	background-image:url(../images/btn_tssoum.jpg)
}
#contenu #middlecolonne #setupliensts a.tsrfsoum2:hover{
	background-image:url(../images/btn_tssoum_on.jpg)
}
#contenu #middlecolonne #setupconcepttxt{
	clear:both;
	float:left;
	width: 516px;
	padding: 0px 7px 0px 7px;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
#contenu #middlecolonne #choixconcepts{
	float:left;
	width: 532px;
	padding-top: 5px;
	height: 257px;
}
#contenu #middlecolonne #choixconcepts a{
	float:left;
	width: 170px;
	height: 360px;
}
#contenu #middlecolonne #choixconcepts a.cf{
	background-image:url(../images/index_09.jpg)
}
#contenu #middlecolonne #choixconcepts a.cf:hover{
	background-image:url(../images/index_on_09.jpg)
}
#contenu #middlecolonne #choixconcepts a.cc{
	background-image:url(../images/index_11.jpg)
}
#contenu #middlecolonne #choixconcepts a.cc:hover{
	background-image:url(../images/index_on_11.jpg)
}
#contenu #middlecolonne #choixconcepts a.gr{
	background-image:url(../images/index_13.jpg)
}
#contenu #middlecolonne #choixconcepts a.gr:hover{
	background-image:url(../images/index_on_13.jpg)
}
#contenu #middlecolonne #choixconcepts a.fb{
	background-image:url(../images/forfaitbar.jpg)
}
#contenu #middlecolonne #choixconcepts a.fb:hover{
	background-image:url(../images/forfaitbar_on.jpg)
}
#contenu #middlecolonne #choixconcepts a.mb{
	background-image:url(../images/menubar.jpg)
}
#contenu #middlecolonne #choixconcepts a.mb:hover{
	background-image:url(../images/menubar_on.jpg)
}
#contenu #middlecolonne #choixconcepts a.mv{
	background-image:url(../images/menuvin.jpg)
}
#contenu #middlecolonne #choixconcepts a.mv:hover{
	background-image:url(../images/menuvin_on.jpg)
}
#contenu #middlecolonne #choixmenuconcepts{
	float:left;
	width: 532px;
	padding-top: 5px;
	height: 257px;
}
#contenu #middlecolonne #choixmenuconcepts a{
	float:left;
	width: 170px;
	height: 360px;
}
#contenu #middlecolonne #choixmenuconcepts a.cf{
	background-image:url(../images/cfmenu.jpg)
}
#contenu #middlecolonne #choixmenuconcepts a.cf:hover{
	background-image:url(../images/cfmenu_on.jpg)
}
#contenu #middlecolonne #choixmenuconcepts a.cc{
	background-image:url(../images/ccmenu.jpg)
}
#contenu #middlecolonne #choixmenuconcepts a.cc:hover{
	background-image:url(../images/ccmenu_on.jpg)
}
#contenu #middlecolonne #choixmenuconcepts a.rf{
	background-image:url(../images/rfmenu.jpg)
}
#contenu #middlecolonne #choixmenuconcepts a.rf:hover{
	background-image:url(../images/rfmenu_on.jpg)
}
#contenu #middlecolonne #choixdates{
	float:left;
	width: 532px;
	padding-top: 5px;
	height: 257px;
}
#contenu #middlecolonne #choixdates a{
	float:left;
	width: 170px;
	height: 360px;
}
#contenu #middlecolonne #choixdates a.cf{
	background-image:url(../images/date_cf.jpg)
}
#contenu #middlecolonne #choixdates a.cf:hover{
	background-image:url(../images/date_cf_on.jpg)
}
#contenu #middlecolonne #choixdates a.cc{
	background-image:url(../images/date_cc.jpg)
}
#contenu #middlecolonne #choixdates a.cc:hover{
	background-image:url(../images/date_cc_on.jpg)
}
#contenu #middlecolonne #menubarsec{
	float:left;
	width: 532px;
	height: 27px;
	padding-top: 5px;
}
#contenu #middlecolonne #menubarsec a{

	float:left;
	display:block;
	height: 27px;
	margin-right: 3px;
	
}
#contenu #middlecolonne #menubarsec a.forfaitsbar{
	background-image: url(../images/bar_btn_19.jpg);
		width: 108px;
}
#contenu #middlecolonne #menubarsec a.forfaitsbar:hover{
	background-image: url(../images/bar_btn_on_19.jpg);
		width: 108px;
}
#contenu #middlecolonne #menubarsec a.menubar{
	background-image: url(../images/bar_btn_21.jpg);
	width: 105px;
}
#contenu #middlecolonne #menubarsec a.menubar:hover{
	background-image: url(../images/bar_btn_on_21.jpg);
	width: 105px;
}

#contenu #middlecolonnedatesleft{
	float:left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#middlecolonnedatesleft{
	float:left;
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
#contenu #middlecolonnedatesright{
	float:left;
	width: 200px;
	margin-left: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;	
}
#contenu #middlecolonne h1{
	display:block;
	width: 432px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	font-variant: small-caps;
	background-image: url(../images/back_contenu_h1.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#contenu #middlecolonne h3{
	display:block;
	width: 432px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	font-variant: small-caps;
	background-repeat: repeat-x;
	background-position: bottom;
}
#contenu #middlecolonne a{
	float:left;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
	text-decoration: none;
}
#contenu #middlecolonne #ts{
	float:left;
	width: 449px;
	height: 44px;
	background-image:url(../images/ts_06.gif)
}
#contenu #middlecolonne #tsliens{
	clear:both;
	float:left;
	width: 449px;
	height: 125px;
	background-color: #f2ba01;
}
#contenu #middlecolonne #tsliens a{
	height: 125px;
}
#contenu #middlecolonne #tsliens a.tscf{
	float:left;
	margin-left:2px;
	width: 218px;
	background-image: url(../images/ts_09.gif);
}
#contenu #middlecolonne #tsliens a.tscf:hover{
	float:left;
	width: 218px;
	background-image: url(../images/ts_on_09.gif);
}
#contenu #middlecolonne #tsliens a.tsrf{
	float:right;
	margin-right:2px;
	width: 221px;
	background-image: url(../images/ts_10.gif);
}
#contenu #middlecolonne #tsliens a.tsrf:hover{
	float:right;
	width: 221px;
	background-image: url(../images/ts_on_10.gif);
}
#contenu #middlecolonne #tsdown{
	float:left;
	width: 449px;
	height: 343px;
	background-image:url(../images/ts_13.gif)
}

#contenu #rightcolonne{
	float:right;
	margin-top:15px;

}
#contenu #rightcolonneindex{
	float:right;
	margin-top:54px;

}
#contenu #rightcolonneindex a{
	display:block;
	float:left;
}

#contenu #rightcolonneindex a.dd{
	width: 170px;
	height:360px;
	background-image: url(../images/index_on_15.jpg);
}
#contenu #rightcolonneindex a.dd:hover{
	width: 170px;
	height:360px;
	background-image: url(../images/index_15.jpg);
}
#contenu #rightcolonne a{
	display:block;
	float:left;
}

#contenu #rightcolonne a.rightdatesdisponibles{
	width: 205px;
	height:124px;
}
#contenu #rightcolonne a.dd{
	width: 170px;
	height:360px;
	background-image: url(../images/index_15.jpg);
}
#contenu #rightcolonne a.dd:hover{
	width: 170px;
	height:360px;
	background-image: url(../images/index_on_15.jpg);
}
#contenu #rightcolonne a.rightcontacts{
	width: 205px;
	height:132px;

}

/* =footer-----------------------------------------------------------------------------*/

#footer {
	width: 958px;
	height: 58px;
	float:left;
	background-image: url(../images/img_39.jpg);
}

#footer #menufooter{
	margin-top: 3px;
	width: 958px;
	text-align:center;
}

#footer #menufooter a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	text-decoration: none;
	margin-right: 7px;
}
#footer #adresse{
	clear:both;
	margin-top: 5px;
	width: 958px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-variant: small-caps;
	color: #333333;
	text-decoration: none;
}
/* =pict-----------------------------------------------------------------------------*/
#pictleft {
	width: 290px;
	height: 190px;
	float:left;
	margin-top: 70px;
}
#pictright {
	margin-top: 70px;
	width: 210px;
	height: 190px;
	margin-right: 22px;
	float:right;
}
#pictleft a {
	width: 130px;
	height: 90px;
}

.image1 {
	margin-left: 20px;
}
.image2 {
	margin-left: 10px;
}
.image3 {
	margin-left: 20px;
}
.image4 {
	margin-left: 10px;
}
.image5 {
	width: 210px;
	height: 190px;
}