@charset "UTF-8";
/* |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
 ||||||||||||||||||||||| STYLES EXTRAS ||||||||||||||||||||||||
 ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/**  CSS RESET ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.clear {
    clear:both;
}

/** FIN DU RESET ***/

#global {
	margin: 0px auto;
	min-height: 1000px;
	background: url("../images/bkg/background-content-small.jpg") repeat-y center bottom;
	padding-bottom:20px;
	min-width: 980px;
}
#header {
	height: 540px;
	background: url("../images/bkg/bkg-header.png") repeat-x center bottom;
	width: 100%;
	min-width: 980px;
	overflow: hidden;
	width: 100%; 
}
#contenuHeader {
	width: 980px;
	position: relative;
	z-index: 20;
	margin: 0px auto;
}
#bkgConteneur {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 514px;
	top: 0;
	min-width: 980px;
}
#bkgConteneur img {

	left: 50%;
	margin-left: -800px;
	width: 1600px;
	position: absolute;
}
#content {
	width: auto;
	margin: 0 auto;
	width: 980px;
}
.tableauGlobal {
	width: auto;
	height: auto;
	position: relative;
}
#changeImg {
	background: transparent;
	float: left;
	height: 123px;
	margin-top: 0px;
	position: relative;
	top: 393px;
	position: absolute;
	left: 0;
	min-width: 980px;
	width: 100%;
}
#changeImg .zoneVignette {
	background: transparent;
	margin-left: 50%;
	height: 123px;
}
#changeImg .fondVignettes {

	position: relative;
	margin-left: 490px;
	height: 123px;
	background: transparent url(../images/bkg/bkg-vignettes.png) repeat-x;
}
#changeImg .vignettes {
	float: left;
	width: 980px;
	margin-left: -490px;
	height: 123px;
	text-align: right;
}
#changeImg  .vignettes > * {
	display: inline-block;
	vertical-align: middle;
}
#changeImg  .fdVignette > * {
	display: inline-block;
	vertical-align: middle;
}
#changeImg  .vignette {

	height: 71px;
	width: 71px; 
	margin: 0px 0px;
	padding:8px 6px 8px 4px;
}
#changeImg  .vignette img {
	border:#000 1px solid;
	height: 71px;
	width: 71px; 
}
#changeImg  .vignette.enCours {
 
	background:#FFF;
}
#changeImg  .vignette.enCours img{
	border:#FFF 1px solid;
} 
#changeImg  .next, #changeImg  .previous {

	height: 71px;
	width: 20px;
}
#changeImg  .next {

	background: url(../images/flecheDroite.png) no-repeat 2px 22px;
}
#changeImg  .next:hover,
#changeImg  .previous:hover {
	background-position:-18px 22px; 
}
#changeImg  .previous {

	background: url(../images/flecheGauche.png) no-repeat 2px 22px;
}
#changeImg  .fdVignette {
	height: 112px;
	padding-top: 1px;
	background: transparent url(../images/bkg/bkg-vignettegauche.png) repeat-x;
	padding-left: 20px;
}

.mini-galery a {
	position: absolute;
	width: 490px;
	display: block;
	height: 823px;
	overflow: hidden; 
	z-index:3;
	border:1px solid #FFF;
}
.mini-galery .affiche {
	cursor:default;
	z-index:1;
	border:0;
}

.mini-galery .affiche2 {
	cursor:default;
	z-index:2;
	border:0;
}

.mini-galery img{
	position:absolute;	
}


.navigation {
	margin-right: 0px;
	width:980px;
	margin-right:10px;
	
}
.navigation ul {
	margin-right: -20px;
	height: 57px;
	
	width:1000px;
	background: transparent url(../images/bkg/bkg-navigationdroite.png) no-repeat right top;
}
.navigation ul li:first-child{

}

/*** TAILLE POUR WEBKIT  CORRECTION SMALL CAPS  ***/ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
		
	.navigation ul li.nav{
		font-size:0.95em
	}
}

/*** TAILLE POUR IE  CORRECTION SMALL CAPS  ***/ 
 

#logo {
	background: url(../images/logo.png) 0 0 no-repeat;
	width: 193px;
	height: 192px;
	top: 345px;
	margin-left: -480px;
	position: absolute;
	z-index: 100;
	left: 50%;
	display: block;
}
#logo:hover {
	background: url(../images/logo_hover.png) 0 0 no-repeat;
}
.blocBlanc {
	background-color: rgba(255,255,255,0.5);
	box-shadow: 5px 5px 5px #BBBBBB;
	clear: both;
	display: inline-block;
} 
#reservation {
	width: 242px;
	position: absolute;
	top: 500px;
	left: 50%;
	margin-left: 238px;
	height: 145px;
	z-index: 10;
	padding-top:10px;
}
#divSpeedSearch {
	width: 242px;
	position: absolute;
	top: 670px;
	left: 50%;
	margin-left: 238px;
	height: 50px;
	padding-top:10px;
}
#divSpeedSearch .bouton{
	border:1px solid #888;
	border-left:0;
	width:21px;
	display:block;
	height:16px;
	float:left;
	margin-top:5px;
}



div.titreRub {
	font-variant: small-caps;
	text-align: right;
	padding-right: 10px;
	color: #4B4B4D;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps
}
#reservation #conteneur_quicksearch {
	width: auto;
	padding: 5px;
}
.tooltipMusique {

	float: left;
	text-align: center;
	background: #758406;
	color: #FFF;
	padding: 6px 4px 4px 4px;
	width: 280px;
	height: 16px;
	font-size: 11px;
	margin-left: 10px;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.tooltipMusique span {
	float: left;
	width: auto;
}
.tooltipMusique ul {
	display: inline;
	margin-top: 0px;
	float: right;
	padding: 0;
	height: auto;
}
.nav-sec .tooltipMusique li {
	float: left;
	margin: 0 2px;
	margin-top: -4px;
	padding: 4px 4px 0;
	color: #FFF;
	background-color: #758406;
	cursor: pointer;
	display: block;
	border: 1px solid #FFF;
}
.tooltipMusique li:hover {

	color: #758406;
	background-color: #FFF;
}
 
.col_1b{
	float:left;
	    width: 445px;
	    padding:20px;
}


/************************************/
#contenuHeader .partenaires, #contenuHeader .btactus{
	
	color: #FFF;
font-variant: small-caps;
font-family:Verdana,Geneva,sans-serif;
	font-size: 11px;
	height: 26px;
	letter-spacing: 1px;
}
#contenuHeader .partenaires a, #contenuHeader .btactus a{
	
	padding: 4px 4px 4px 4px;
	text-decoration:none;
	color: #FFF;
	background-color: #758406;
	margin-top:2px;
	display:inline-block;
} 
 
#contenuHeader .partenaires a:hover, #contenuHeader .btactus a:hover{
	
	background-color: #FFF;
	color: #758406;
}
 

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

#titreRestaurant{
	height:140px;
	padding:15px 20px;
}

#fonddegrade{
 height: 1020px;
    position: absolute;
    top: 0;
    width: 100%;
    background:transparent url(../images/bkg/fonddegrade.png) repeat-x;

}

#content{
	min-height:200px;
}

#emailing_auto_suscribe td {
	vertical-align:middle;
}

.breve {
	width:auto;
 
	padding:0;
	padding-top:50px;
}



.nav-sec li.liMusique{

	background:url(../images/icones_header/icones.png) 2px -97px no-repeat;
}



/**** COULEUR : GRIS ***/
#global.gris .nav-sec li {
	border-right: 1px solid #888;
}

#global.gris .nav-sec li a.home{
	background-position:-55px -5px;
}

#global.gris .nav-sec li a.galerie{
	background-position:-55px -33px;
}

#global.gris .nav-sec li a.pdf{
	background-position:-55px -64px;
}
#global.gris .nav-sec li.liMusique   {
	background-position:-48px -97px;
}

#global.gris .tooltipMusique ul li,
#global.gris .tooltipMusique{
	background-color:#666;
}
#global.gris .tooltipMusique ul li {
	border:1px solid #FFF !important;
}
#global.gris .nav-sec li .tooltipMusique ul li:hover{
	color:#666;
	background: #FFF;
}

#global.gris #contenuHeader .partenaires a, #global.gris #contenuHeader .btactus a{
	color: #FFF;
	background-color: #666;
}

#global.gris #contenuHeader .partenaires:hover a, #global.gris #contenuHeader:hover .actus a{
	background-color: #FFF;
	color: #666;
}




/**** COULEUR : ROUGE ***/
#global.rouge .nav-sec li {
	border-right: 1px solid #8d3d2f;
}
#global.rouge .nav-sec li a.home{
	background-position:-105px -5px;
}

#global.rouge .nav-sec li a.galerie{
	background-position:-105px -33px;
}

#global.rouge .nav-sec li a.pdf{
	background-position:-105px -64px;
}
#global.rouge .nav-sec li.liMusique   {
	background-position:-98px -97px;
}

#global.rouge .tooltipMusique ul li,
#global.rouge .tooltipMusique{
	background-color:#8d3d2f;
}
#global.rouge .tooltipMusique ul li {
	border:1px solid #FFF !important;
}
#global.rouge  .nav-sec li .tooltipMusique ul li:hover{
	color:#8d3d2f;
	background: #FFF;
}

#global.rouge #contenuHeader .partenaires a, #global.rouge #contenuHeader .btactus a{
	color: #FFF;
	background-color: #8d3d2f;
}

#global.rouge #contenuHeader .partenaires:hover a, #global.rouge #contenuHeader:hover .actus a{
	background-color: #FFF;
	color: #8d3d2f;
}



/**** COULEUR : BRUN ***/
#global.brun .nav-sec li {
	border-right: 1px solid #9f7b64;
}
#global.brun .nav-sec li a.home{
	background-position:-155px -5px;
}

#global.brun .nav-sec li a.galerie{
	background-position:-155px -33px;
}

#global.brun .nav-sec li a.pdf{
	background-position:-155px -64px;
}
#global.brun .nav-sec li.liMusique   {
	background-position:-148px -97px;
}

#global.brun .tooltipMusique ul li,
#global.brun .tooltipMusique{
	background-color:#9f7b64;
}
#global.brun .tooltipMusique ul li {
	border:1px solid #FFF !important;
}
#global.brun .nav-sec li .tooltipMusique ul li:hover{
	color:#9f7b64;
	background: #FFF;
}

#global.brun #contenuHeader .partenaires a, #global.brun #contenuHeader .btactus a{
	color: #FFF;
	background-color: #9f7b64;
}

#global.brun #contenuHeader .partenaires:hover a, #global.brun #contenuHeader:hover .actus a{
	background-color: #FFF;
	color: #9f7b64;
}

/**** COULEUR : JAUNE ***/
#global.jaune .nav-sec li {
	border-right: 1px solid #CDAA2F;
}
#global.jaune .nav-sec li a.home{
	background-position:-305px -5px;
}

#global.jaune .nav-sec li a.galerie{
	background-position:-305px -33px;
}

#global.jaune .nav-sec li a.pdf{
	background-position:-305px -64px;
}
#global.jaune .nav-sec li.liMusique   {
	background-position:-298px -97px;
}

#global.jaune .tooltipMusique ul li,
#global.jaune .tooltipMusique{
	background-color:#CDAA2F;
}
#global.jaune .tooltipMusique ul li {
	border:1px solid #FFF !important;
}
#global.jaune .nav-sec li .tooltipMusique ul li:hover{
	color:#CDAA2F;
	background: #FFF;
}
#global.jaune #contenuHeader .partenaires a, #global.jaune #contenuHeader .btactus a{
	color: #FFF;
	background-color: #CDAA2F;
}

#global.jaune #contenuHeader .partenaires:hover a, #global.jaune #contenuHeader:hover .actus a{
	background-color: #FFF;
	color: #CDAA2F;
}



/**** COULEUR : BORDEAU ***/
#global.bordeau .nav-sec li {
	border-right: 1px solid #703b42;
}
#global.bordeau .nav-sec li a.home{
	background-position:-205px -5px;
}

#global.bordeau .nav-sec li a.galerie{
	background-position:-205px -33px;
}

#global.bordeau .nav-sec li a.pdf{
	background-position:-205px -64px;
}
#global.bordeau .nav-sec li.liMusique   {
	background-position:-198px -97px;
}

#global.bordeau .tooltipMusique ul li,
#global.bordeau .tooltipMusique{
	background-color:#703b42;
}
#global.bordeau .tooltipMusique ul li {
	border:1px solid #FFF !important;
}
#global.bordeau .nav-sec li .tooltipMusique ul li:hover{
	color:#703b42;
	background: #FFF;
}
#global.bordeau #contenuHeader .partenaires a, #global.bordeau #contenuHeader .btactus a{
	color: #FFF;
	background-color: #703b42;
}

#global.bordeau #contenuHeader .partenaires:hover a, #global.bordeau #contenuHeader:hover .actus a{
	background-color: #FFF;
	color: #703b42;
}



/**** COULEUR : HOVER BLANC ***/
#global .nav-sec li a:hover.home{
	background-position:-255px -5px;
}

#global .nav-sec li a:hover.galerie{
	background-position:-255px -33px;
}

#global .nav-sec li a:hover.pdf{
	background-position:-255px -64px;
}
#global .nav-sec li.liMusique:hover   {
	background-position:-248px -97px;
}
 


#contenuHeader .navigation .active .cgris{
	color:#000;
}


#contenuHeader .navigation .active .crouge{
	color:#8D3D2F;
}


#contenuHeader .navigation .active .cbrun{
	color:#9F7B64;
}


#contenuHeader .navigation .active .cbordeau{
	color:#703B42;
}


#contenuHeader .navigation .active .cjaune{
	color:#CDAA2F;
	
}



#contenuHeader .navigation .active .cvert{
	color:#758406;
	color:#4F6209;
}



/**** RECHERCHE***/

#ResultSearch a,
#ResultSearch{
	
	    color: #333333;
    font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 13px;
    line-height: 15px;
}

h1.titreRub   {
	font-variant: small-caps;
	text-align: left;
	padding-right: 10px;
	color: #4B4B4D;
	font-family: Verdana, Geneva, sans-serif;
	font-variant: small-caps
	
	
}


#tableau_search_page{
	width:300px;
	float:right;	
}
#tableau_search_page .bouton,
#tableau_search_page .recherche{
	display:none
}
#tableau_search_page .options{
	    font-size: 13px;
	    color: #333333;
}

#ResultSearch a:hover,
#tableau_search_page a:hover{
	 text-decoration:none;
}

#ResultSearch a,
#tableau_search_page a{
	 text-decoration:underline;
}

#tabSearch{
	width:640px;
	margin-left:0px;
	margin-bottom:30px;
	padding:20px
}

.hautpage{
	 background: url("../images/speedmailing-submitbutton.png") no-repeat scroll left top transparent;
    border: medium none;
    color: white;
    cursor: pointer;
    display: block;
    height: 23px;
    width: 90px;
    font-size:11px;
    text-decoration:none;
    padding-top:9px;
    text-align:center;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    margin-left:890px;
    position:absolute;
    margin-top:110px;
    
}
.hautpage:hover{
	background-position:0 -33px;

}

.referencement table{
	float:left;
}





#subTabsContainer {
    display: block;
    margin: 0;
    padding: 0;
    width: 242px;
    height:24px;
    margin-top:5px;
}

#subTabsContainer li{
	width:79px;
	float:left;
	  color: #4B4B4D;
    font-family: Verdana,Geneva,sans-serif;
    font-variant: small-caps;
    text-align: right;
    font-size:12px;
    text-align:center;
    border-bottom:1px solid #DDD;
    border-left:1px solid #DDD;
    border-top:0px solid #DDD;
    height:24px;
    background: url(../images/fdOngletResa.png) repeat-x bottom center;
}

#subTabsContainer li.selected{
	border-bottom:0;
	background:transparent
}
#subTabsContainer li a{
	display:block;
	height:20px;	
    padding-top: 4px;
    
	color: #4B4B4D;
	text-decoration:none; 
}

.tabResa{
	/*border: 1px solid #4B4B4D;*/
	display:none;
	clear: both;
	width:242px;
	
	height:112px;
	
}

.tabResa.selectionner{
	
	display:block;
	
}

.boutonOnglet a{

    color: #FFFFFF;
    font-size: 11px;
    height: 16px;
    text-align: center;
    text-transform: uppercase;
    width: 217px;
    display:inline-block;
    text-decoration:none;
    box-shadow: 0 0 15px #888888;
    -moz-box-shadow: 0 0 15px #888888;
    -webkit-box-shadow: 0 0 15px #888888;
    background: url("../images/quicksearch/reserver.png") repeat scroll 0 0 transparent;
    
    margin-top:20px;
}
   
.boutonOnglet a:hover{
    
    background: url("../images/quicksearch/reserver.png") repeat scroll 0 -25px transparent;
}

.boutonOnglet{
    display: inline;
    line-height: 16px;
    margin: 0 5px;
    padding: 0;
    vertical-align: middle;
    height: 16px;
    
}