* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	margin:0;
	padding:0;
 }
 html { height: 100%; font-size: 100%; -webkit-text-size-adjust: 100%; }
 p{
 	margin:0;
 	padding:0;	
 }
 ul, ol {
    padding: 0;
  	margin: 0;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?vjuiuh');
	src:url('fonts/icomoon.eot?#iefixvjuiuh') format('embedded-opentype'),
		url('fonts/icomoon.woff?vjuiuh') format('woff'),
		url('fonts/icomoon.ttf?vjuiuh') format('truetype'),
		url('fonts/icomoon.svg?vjuiuh#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'colbLog';
	src:url('fonts/colbLog.eot?vjuiuh');
	src:url('fonts/colbLog.eot?#iefixvjuiuh') format('embedded-opentype'),
		url('fonts/colbLog.woff?vjuiuh') format('woff'),
		url('fonts/colbLog.ttf?vjuiuh') format('truetype'),
		url('fonts/colbLog.svg?vjuiuh#colbLog') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'colbPict';
	src:url('fonts/colbPict.eot?vjuiuh');
	src:url('fonts/ccolbPict.eot?#iefixvjuiuh') format('embedded-opentype'),
		url('fonts/colbPict.woff?vjuiuh') format('woff'),
		url('fonts/colbPict.ttf?vjuiuh') format('truetype'),
		url('fonts/colbPict.svg?vjuiuh#colbPict') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'colbPictCarte';
	src:url('fonts/colbPictCarte.eot?vjuiuh');
	src:url('fonts/colbPictCarte.eot?#iefixvjuiuh') format('embedded-opentype'),
		url('fonts/colbPictCarte.woff?vjuiuh') format('woff'),
		url('fonts/colbPictCarte.ttf?vjuiuh') format('truetype'),
		url('fonts/colbPictCarte.svg?vjuiuh#colbPictCarte') format('svg');
	font-weight: normal;
	font-style: normal;
}
/****MENTIONS*****/
.titreMention{
	font-family: 'quicksandbold';
    line-height: 30px;
    font-size: 30px;
    color: #6f1d14;
}
.StitreMention{
	font-family: 'quicksandbold';
    line-height: 20px;
    font-size: 20px;
    color: #6f1d14;
}
#BlockMentionA {
    display: block;
    position: relative;
    max-width: 880px;
    margin: -100px auto 0 auto;
    padding:30px 10px 30px 10px;
    background-color:#fff;
}
#BlockContenuMention {
    display: block;
    position: relative;
    width: 100%;
    }
#blockMention{
	display:block;
	position:relative;
	margin:100px 0 0 0;
	width:100%;
}
#blockMention p{
	text-align: left;
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 20px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a{
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 20px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a:hover{
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/*****FERMETURE RESTO********/
#conteneurIntroFermRestaurant{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
    z-index:200;
}
#contIntroFermRestaurant{
	z-index:10;
	display:block;
	position:relative;
	max-width:540px;
	height:300px;
	top:-50vh;
	margin:0px auto 0 auto;
	background-color:#fff;
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroFermRestaurant:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
    
#contIntroFermRestaurant:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
#contIntroFermRestaurantBF{
	display:block;
	position:absolute;
	text-align:center
	width:30px;
	height:30px;
	right:10px;
	top:10px;
	line-height:24px;
	font-family: 'icomoon';
	font-size: 24px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;	
	z-index:200;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#contIntroFermRestaurantBF:hover{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	}
#contIntroFermRestaurantBF:before{
	content: "\ea0d";
	}
#contIntroFermRestaurantB1{
	display:block;
	position:relative;
	max-width:538px;
	height:298px;
	text-align:center;
	margin:0 auto 0 auto;
	border:#b5853b 1px solid;
}
#contIntroFermRestaurantB2{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin:50px auto 0 auto;
	
}
#contIntroFermRestaurantB1LogC{
	display:block;
	position:relative;
	width:100%;
	float:none;
	margin:0;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 100px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#contIntroFermRestaurantB1LogC:before{
	content: "\e900";	
}
#contIntroFermRestaurantB1Titre{
	display:block;
	position:relative;
	width:auto;
	border:#ccc 0px solid;
	float:none;
	margin:0 auto 0 auto;
	text-align: center;
	font-family: 'quicksandlight', Arial, Helvetica;
	letter-spacing:0px;
	line-height:30px;
	font-size: 30px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.titreGrasIntroCarteFerme {
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 35px;
    font-size: 35px;
    color: #6f1d14;
}
.titreGrasIntroCarteFermeExpo{
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 15px;
    font-size: 15px;
    color: #6f1d14;
    vertical-align: super;
}



/**********/
/******popup*******/
#jcemediabox-popup-frame {
    padding: 0;
}
#jcemediabox-popup-container {
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.3) 2px 2px 0px 0px;
    -moz-box-shadow: rgba(0,0,0,0.3) 2px 2px 0px 0px;
    -webkit-box-shadow: rgba(0,0,0,0.3) 2px 2px 0px 0px;
}
#jcemediabox-popup-body{
	max-width:100% !important;
	max-height:100%;
}

#jcemediabox-popup-content {
    padding: 10px 70px 60px 70px;
    background-color: #fff;
    max-width:90% !important;
	max-height:95%;
}
#jcemediabox-popup-info-bottom{
	position:inherit;
    background-color: none;
    min-height: 30px;
    padding: 0px;
    margin:15px 5px 0 0;
}
#jcemediabox-popup-closelink {
	background: none;
    width: 40px;
    height: 40px;
    position: relative;
    text-align:center;
    float: right;
    border: #b5853b 1px solid;
    padding-left: 0px;
    text-decoration:none;
}
#jcemediabox-popup-closelink:before {
	font-family: 'icomoon';
	font-size:10px;
	line-height:40px;
	content: "\ea0f";
	text-decoration:none;
	cursor:pointer;
	color:#b5853b;
	
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	
}
#jcemediabox-popup-closelink:hover:before {
	font-size:15px;
	color:#6f1d14;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
/**********POP UP FLECHE******/

#jcemediabox-popup-prev, #jcemediabox-popup-next {
	background:none;
    width: 40px;
    height: 40px;
    background:none;
    border:#b5853b 1px solid;
    z-index: 10003;
    position: absolute;
    top: 45%;
    text-align:center;
    outline: none;
    text-decoration:none;
}
#jcemediabox-popup-next {
    right: 15px;
}
#jcemediabox-popup-next:before {
    font-family: 'icomoon';
	font-size:20px;
	line-height:40px;
	content: "\ea3c";
	text-decoration:none;
	cursor:pointer;
	color:#b5853b;
	margin:0 0 0 0;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#jcemediabox-popup-next:hover:before {
   	color:#6f1d14;
	margin:0 0 0 10px;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}

#jcemediabox-popup-prev {
    left: 15px;
}
#jcemediabox-popup-prev:before {
    font-family: 'icomoon';
	font-size:20px;
	line-height:40px;
	content: "\ea40";
	text-decoration:none;
	cursor:pointer;
	color:#b5853b;
	margin:0 0 0 0;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#jcemediabox-popup-prev:hover:before {
	color:#6f1d14;
	margin:0 10px 0 0;
	
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#jcemediabox-popup-next:hover, #jcemediabox-popup-next:visited:hover {
    background:none;
}

#jcemediabox-popup-prev:hover, #jcemediabox-popup-prev:visited:hover {
    background:none;
}
#jcemediabox-popup-content{
		height:560px;
		width:800px;
}

/*******NAV HAUT******/
/****blocPrincipal****/
#hautmenu{
	width:100%;
	position:fixed;	
	z-index:50;
	background: #6f1d14;
	height: 65px;
}
#hautmenu > div.inner {
	display:block;
	position:relative;
	margin: 0 auto 0 auto;
    background-color: none;
    border:#fff 0px solid;
    font-family: ralewaymedium;
    max-width:1024px;
}
/*****LOGO******/
#logohaut{
    display:inline-block;
	position:relative;
	float:left;
	margin:0 0 0 55px;
}
#logohaut a {
	display:block;
	position:relative;
	margin:-5px 0 0 0px;
	width: 100%;
	cursor:pointer;
	text-decoration:none;
	text-align: left;
	font-family: 'colbLog';
	font-size: 90px;
	color:#fff;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#logohaut a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#logohaut a:before {
	content: "\e900";
}

#blocks1{
 float:right;	
}
/*****BOUTON PRINT*******/
#blocks1 .n2 > .flexiblemodule {
    width: 27px;
}
#pictprint{
	display:inline-block;
	position:relative;
	margin:20px 4px 0 0;
	padding-right:0px;
	width:30px;
	height:25px;
	border-right:#fff 1px solid;
	text-align:left;
	line-height:25px;
}
#pictprint a{
	font-family:'icomoon';
	font-size:20px;
	cursor:pointer;
	text-decoration:none;
	color:#fff;
	margin:0 0 0 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#pictprint a:before{
	content: "\e954";
	}

#pictprint a:hover:before {
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
/*****HARE ET CONTACT********/
#blocks1 .n2 > .flexiblemodule + div {
    width: auto;
}
#pictshare{
	display:inline-block;
	position:relative;
	margin:0 0px 0 0;
	height:65px;
	border:#fff 0px solid;
}
#ContNavHautContact{
	display:inline-block;
	position:relative;
	float:right;
	margin:20px 70px 0 0;
	width:28px;
	height:25px;
	border-left:#fff 1px solid;
	text-align:right;
	line-height:25px;
}
#ContNavHautContact a{
	font-family:'icomoon';
	font-size:20px;
	cursor:pointer;
	text-decoration:none;
	color:#fff;
	margin:0 0 0 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#ContNavHautContact a:before{
	content: "\e619";
	}

#ContNavHautContact a:hover:before {
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#ContNavHautShare{
	display:inline-block;
	position:relative;
	float:right;
	margin:20px 5px 0 0;
	height:25px;
	border-left:#fff 0px solid;
	text-align:right;
	line-height:25px;
}
#ContNavHautShareCHRU{
	display:inline-block;
	position:relative;
	float:right;
	margin:20px 70px 0 0;
	height:25px;
	border-left:#fff 0px solid;
	text-align:right;
	line-height:25px;
}





/*****SCROLL TOP*****/
a.scrollToTop {
	font-family:'icomoon';
	font-size:18px;
	line-height:26px;
	color:#fff;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
a.scrollToTop:before {
	content: "\ea3a";
}
a:hover.scrollToTop {
	color:#6F1d14;
	 
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
/*******menu hbg*************************/
.level1 .off-nav-117,.level1 .off-nav-118,.level1 .off-nav-119,.level1 .off-nav-120{
    display: none;
}
/*****LOGO HBG****/
#logoHbg{
	display:block;
	position:relative;
	width:100%;
	margin:20px 0 50px 8px;
	text-decoration:none;
	text-align: left;
	font-family: 'colbLog';
	font-size: 100px;
	color:#fff;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#logoHbg:before {
	content: "\e901";
}	
/***langues**/
div.mod-languages ul{
	margin:10px auto 10px auto;
	text-align:center;
}
div.mod-languages li {
    margin-left: 19px;
    margin-right: 19px;
}
div.mod-languages ul.lang-inline li img {
	opacity:0.3;
}
div.mod-languages ul.lang-inline li.lang-active img{
	opacity:1;
}
/*****traitmenu HBG*******/
#traitHBG{
display :block;
position:relative;
width:194px;
opacity:0.2;	
height:1px;
margin:0 auto 12px auto;
border-top:#fff 1px solid;
}
/******picto reservation HBG******/
#blocResaHBG{
	display:block;
	position:relative;
	width:194px;
	height:170px;
	margin:10px auto 0 auto;
	border-top:rgba(255,255,255,0.2) 1px solid;	
		
}
#ContResaHBG{
	display:block;
	position:relative;
	width:100%;
	height:100px;
	margin:30px auto 0 auto;
	 border:#000 0px solid;
}
#bulleResaHBG{
    display:block;
	position:relative;
	width:100%;
	margin:-5px auto 0 auto;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	line-height:43px;
	font-size: 140px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#bulleResaHBG:before{
	content: "\e905";	
}
#bulleResaHBG p{
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 15px;
	color:#6F1d14;
}
#ContPictoResaHBG{
	display: block;
    position: relative;
    margin: 0 auto 0 auto;
    width: 100%;
    height:100px;
    border:#000 0px solid;
    overflow:hidden;
}
#PictoResaHBG a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 148px;
    color: #fff;
    line-height: 35px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoResaHBG a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoResaHBG a:before {
	content: "\e907";
}
/******NOUS SUIVRE*******/
#blocNousSuivre, #blocNousSuivreCh	{
	display: block;
	position: relative;
	width:194px;
	height:60px;
	margin:10px auto 10px auto;
	border:#fff 0px solid;
	text-align:center;
	border-top:rgba(255,255,255,0.2) 1px solid;
}
#blocNousSuivre p	{
	text-align: center;
	font-family: 'quicksandbold',Arial, Helvetica;
	font-size: 15px;
	color:#fff;
	margin: 10px 0 10px 0;
}
#blocNousSuivreCh p	{
	text-align: center;
	font-family: 'quicksandbold',Arial, Helvetica;
	font-size: 16px;
	color:#fff;
	margin: 10px 0 10px 0;
}
#PictoFB, #PictoTW, #PictoGG, #PictoPI, #PictoFL, #PictoIS{
	display: inline-block;
    position: relative;
    margin: 0;
    text-align: center;
    
}
#PictoFB a, #PictoTW a, #PictoGG a, #PictoPI a, #PictoFL a, #PictoIS a{
	cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 18px;
    color: #fff;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;
     margin: 0px 4px 0 4px;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoFB a:hover, #PictoTW a:hover,#PictoGG a:hover,#PictoPI a:hover,#PictoFL a:hover,#PictoIS a:hover{
	color: #b5853b;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoFB a:before{
	text-align: center;
	content: "\ea8d";
}
#PictoTW a:before{
	content: "\ea92";
}
#PictoGG a:before{
	content: "\ea89";
}
#PictoPI a:before{
	content: "\ead1";
}
#PictoFL a:before{
	content: "\eaa2";
}
#PictoIS a:before{
	content: "\ea90";
}
/******DECOUVREZ PETIT COLBERT******/
#blocDecPetitColbert, #blocDecPetitColbertCh{
	display:block;
	position:relative;
	width:194px;
	height:100px;
	margin:10px auto 0 auto;
	border-top:rgba(255,255,255,0.2) 1px solid;	
	
}
#blocDecPetitColbert p{
    text-align: center;
    margin:12px auto 0 auto;
	font-family: 'quicksandbold',Arial, Helvetica;
	font-size: 15px;
	color:#fff;
}
#blocDecPetitColbertCh p{/*chinois*/
    text-align: center;
    margin:12px auto 0 auto;
	font-family: 'quicksandbold';
	font-size: 20px;
	color:#fff;
}
#blocDecPetitColbert a img, #blocDecPetitColbertCh a img{
	cursor:pointer;
	opacity:0.5;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#blocDecPetitColbert a img:hover,#blocDecPetitColbertCh a img:hover {
	opacity:1;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
/******COPYRIGHT COLB********/
#copyColb{
	display:block;
	position:relative;
	text-align: center;
	width:194px;
	height:75px;
	margin:0 auto 0 auto;
	border-top:rgba(255,255,255,0.2) 1px solid;	
}
#copyColb p{
	text-align: center;
    margin:10px auto 0 auto;
	font-family: 'quicksandregular';
	font-size: 14px;
	color:#fff;
}
/*************PAGES*********************/
#BlockConteneurP{
	display:block;
	position:relative;
	max-width:1024px;
	height:100%;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
}
#ConteneurFondImageFix{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:  url(../images/imgHistoMob.jpg) center center no-repeat;
	background-size: cover;
}

/***********ACCUEIL************************************************************************************/
#BlockimageAcc{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	border:#000 0px solid;
	margin:0;	
	background:  url(../images/fondColb.jpg) center center repeat scroll,url(../images/CcolbertAcc.png) no-repeat  center center ;
 	background-blend-mode: multiply;
   
}
#conteneurAcc{
	z-index:20;
	display:block;
	position:absolute;
	width:100%;
	height:585px;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
	margin-top: 40vh;
   transform: translateY(-50%);
   text-align:center;
}
#BlockAcc{
	display:block;
	position:relative;
	max-width:585px;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
	text-align:center;
}
#BlockAccLong{
	display:inline-block;
	position:relative;
	float:left;
	text-align:center;
	width:390px;
	height:195px;
	border:#000 0px solid;
	margin:0px auto 0 auto;
		
}
#BlockAccLongLogo:before {
	display:block;
	position:absolute;
	top:70px;
	left:-5px;
	margin:0 0 0 0;
	width: 100%;
	text-decoration:none;
	text-align: center;
	font-family: 'colbLog';
	font-size: 170px;
	color:#6f1d14;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e901";
}	
#BlockAccCarre01,#BlockAccCarre02,#BlockAccCarre03,#BlockAccCarre04,#BlockAccCarre05,#BlockAccCarre06,#BlockAccCarre07{
	display:inline-block;
	position:relative;
	float:left;
	text-align:center;
	width:195px;
	height:195px;
	border:#000 0px solid;
	margin:0px auto 0 auto;
}
#BlockAccDecouvrez{
	display:block;
	position:relative;
	width:100%;
	margin:25px auto 0 auto;	
}
#ContDecAcc{
	display:block;
	position:relative;
	width:100%;
	height:195px;
	margin:0px auto 0 auto;
	 border:#000 0px solid;
}
#bulleDecAcc, #bulleDecAccCh,#bulleDecAccCh2, #bulleDecAccRu, #bulleDecAccRu2{
    display:block;
	position:relative;
	width:100%;
	margin:0px auto 0 auto;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	line-height:43px;
	font-size: 160px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}

#bulleDecAcc:before, #bulleDecAccCh:before, #bulleDecAccCh2:before,#bulleDecAccRu:before,#bulleDecAccRu2:before{
	content: "\e905";	
}
#bulleDecAcc p{
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 16px;
	line-height:16px;
	color:#fff;
}
#bulleDecAccCh p{/*chinois*/
    display:block;
	position:absolute;
	top:-6px;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 18px;
	line-height:22px;
	color:#fff;
}
#bulleDecAccCh2 p{/*chinois*/
    display:block;
	position:absolute;
	top:-6px;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 18px;
	line-height:44px;
	color:#fff;
}
#bulleDecAccRu p{/*russe*/
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'Quicksand',Arial, Helvetica;
	font-size: 13px;
	line-height:16px;
	color:#fff;
}
#bulleDecAccRu2 p{/*russe*/
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'Quicksand',Arial, Helvetica;
	font-size: 13px;
	line-height:32px;
	color:#fff;
}

#ContPictoDecAcc{
	display: block;
    position: relative;
    margin: 5px auto 0 auto;
    width: 100%;
    height:110px;
    border:#000 0px solid;
    overflow:hidden;
}
#PictoDecAcc a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height:auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 120px;
    color:#6f1d14;
    line-height: 35px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoDecAcc a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoDecAcc a:before {
	content: "\e906";
}

#PictoHistoCh a {/*chinois*/
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height:auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 110px;
    color:#6f1d14;
    line-height: 35px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoHistoCh a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoHistoCh a:before {
	content: "\e900";
}

#PictoCaveCh a {/*chinois*/
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height:auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 160px;
    color:#6f1d14;
    line-height: 0px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoCaveCh a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoCaveCh a:before {
	content: "\e908";
}
/********/
#BlockAccRes{
	display:block;
	position:relative;
	width:100%;
	margin:25px auto 0 auto;	
}
#ContResAcc{
	display:block;
	position:relative;
	width:100%;
	height:195px;
	margin:0px auto 0 auto;
	 border:#000 0px solid;
}
#bulleResAcc{
    display:block;
	position:relative;
	width:100%;
	margin:0px auto 0 auto;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	line-height:43px;
	font-size: 160px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#bulleResAcc:before{
	content: "\e905";	
}
#bulleResAcc p{
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 16px;
	line-height:16px;
	color:#fff;
}
#ContPictoResAcc{
	display: block;
    position: relative;
    margin: 5px auto 0 auto;
    width: 100%;
    height:110px;
    border:#000 0px solid;
    overflow:hidden;
}
#PictoResAcc a {
    display: block;
    position: relative;
    margin: 37px auto 0 auto;
    width: 100%;
    height:auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 160px;
    color:#6f1d14;
    line-height: 35px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoResAcc a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoResAcc a:before {
	content: "\e907";
}
/********/
#BlockAccContact{
	display:block;
	position:relative;
	width:100%;
	margin:40px auto 0 auto;	
}
#ContContactAcc{
	display:block;
	position:relative;
	width:100%;
	height:195px;
	margin:0px auto 0 auto;
	 border:#000 0px solid;
}
#bulleContactAcc{
    display:block;
	position:relative;
	width:100%;
	margin:0px auto 0 auto;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	line-height:43px;
	font-size: 160px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#bulleContactAcc:before{
	content: "\e905";	
}
#bulleContactAcc p{
    display:block;
	position:absolute;
	top:0;
	width:100%;
	margin:0 0 0 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 16px;
	line-height:16px;
	color:#fff;
}
#ContPictoContactAcc{
	display: block;
    position: relative;
    margin: 5px auto 0 auto;
    width: 100%;
    height:110px;
    border:#000 0px solid;
    overflow:hidden;
}
#PictoContactAcc a {
    display: block;
    position: relative;
    margin: 25px auto 0 auto;
    width: 100%;
    height:auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 80px;
    color:#6f1d14;
    line-height: 35px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;

    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#PictoContactAcc a:hover{
	color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
	}
#PictoContactAcc a:before {
	content: "\e619";
}
/***********CARTE PLATS ET VINS************************************************************************************/

#conteneurIntroCarte{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
}

#contIntroCarte{
	z-index:10;
	display:block;
	position:relative;
	width:540px;
	height:390px;
	top:-50vh;
	margin:0px auto 0 auto;
	transform: translateY(-50%);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0)); 
  	background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
  	
}
#contIntroCarte:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
    
#contIntroCarte:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
  
#contIntroCarteLogoPrint{/*pour impression*/
	display:none;
	position:relative;
	width:100%;
	height:150px;
	margin:100px auto 0 auto;
	text-align: center;
}

#contIntroCarteLogoPrint:before {/*pour impression*/
	position:relative;
	margin:-50px  0 0 -20px;
	text-decoration:none;
	font-family: 'colbLog';
	font-size: 200px;
	color:#6f1d14;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e901";
}
#contIntroArdLogoPrint{/*pour impression*/
	display:none;
	position:relative;
	width:100%;
	height:150px;
	margin:100px auto 0 auto;
	text-align: center;
}
#contIntroArdLogoPrint:before {/*pour impression*/
	position:relative;
	margin:-50px  0 0 -20px;
	text-decoration:none;
	font-family: 'colbLog';
	font-size: 150px;
	color:#6f1d14;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e901";
}


#contIntroCarteCartePrint{/*pour impression*/
	display:none;
	position:relative;
	width:100%;
	height:100px;
	border:#000 0px solid;
	margin:10px  0 0 0;
	text-align: center;
	font-family: 'quicksandbold';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
	
	
  		
#contIntroCarteB1{
	display:block;
	position:relative;
	max-width:535px;
	height:140px;
	margin:10px auto 0 auto;
}
#contIntroCarteB1LogC{
	display:block;
	position:relative;
	width:auto;
	height:100px;
	border:#ccc 0px solid;
	float:left;
	margin:30px 0 0 10%;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 100px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#contIntroCarteB1LogC:before{
	content: "\e900";	
}
#contIntroCarteB1Titre{
	display:block;
	position:relative;
	width:auto;
	height:80px;
	border:#ccc 0px solid;
	float:left;
	margin:43px 0 0 5px;

	text-align: left;
	font-family: 'quicksandlight', Arial, Helvetica;
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.titreGrasIntroCarte{
	font-family: 'quicksandbold';
	letter-spacing:-1px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
}

#contIntroCarteB2{
	display:block;
	position:relative;
	width:535px;
	height:103px;
	margin:0 auto 0 auto;
}
#contIntroCarteB2Text{
	display:block;
	position:absolute;
	width:320px;
	top: 4px;
	left: 164px;
	text-align: left;
	font-family: 'ralewaylight';
	letter-spacing:1px;
	line-height: 18px;
	font-size: 14px;
	color:#000;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	padding: 8px 0 8px 0;
}
.contIntroCarteB2TextGras{
	font-family: 'ralewaybold';
	color:#6f1d14;
}
#contIntroCarteB2Text:before {
    content: '';
    background: #000;
    width: 40px;
    height: 1px;
    position: absolute;
    left: 0px;
    top: -1px;
    opacity: 0.3;
}
#contIntroCarteB2Text:after {
    content: '';
    background: #000;
    width: 40px;
    height: 1px;
    position: absolute;
    left: 0px;
    bottom: -1px;
    opacity: 0.3;
}
#contIntroCarteB3{
	display:block;
	position:relative;
	max-width:535px;
	border:#ccc 0px solid;
	margin:0 auto 0 auto;
}
#contIntroCarteB3ContBT{
	display:block;
	position:relative;
	float:left;
	border:#ccc 0px solid;
	margin:-30px 0 0 55px;
}
#contIntroCarteB3Picto{
	z-index:10;
	display:block;
	position:relative;
	height:100px;
	width:100px;
	border:#ccc 0px solid;
	margin:0 0 0 5px;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 90px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroCarteB3Picto:before{
	content: "\e906";	
}
#contIntroCarteB3PictoVin{
	z-index:10;
	display:block;
	position:relative;
	height:100px;
	width:100px;
	border:#ccc 0px solid;
	margin:0 0 0 5px;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 90px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroCarteB3PictoVin:before{
	content: "\e908";	
}
#contIntroCarteB3Bout{
	display:block;
	position:relative;
	height:40px;
	border:#ccc 0px solid;
	margin:-15px 0 0 0;
	}
#contIntroCarteB3Bout a{
	display:block;
	position:relative;
	width:auto;
	margin:0 0 0 0;
	padding:8px 24px 8px 24px;
	text-align: center;
	font-family: 'quicksandregular';
	letter-spacing:-1px;
	font-size: 22px;
	color:#fff;
	background-color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border-radius: 20px 20px 20px 20px;
   -moz-border-radius: 20px 20px 20px 20px;
   -webkit-border-radius: 20px 20px 20px 20px;
   -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.CarteB3BoutGras{
	font-family: 'quicksandbold';
}
#contIntroCarteB3Bout a:hover{
	color:#b5853b;
	background-color:#fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#contIntroCarteB3Bout a:hover:before{
	color:#b5853b;
	
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#contIntroCarteB3Bout a:before{
	text-decoration:none;
	text-align: left;
	font-family: 'icomoon';
	font-size: 20px;
	margin:0 5px 0 0;
	color:#fff;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e9cf";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
/**********/


/********/
.ZoomCarte a{
	display:block;
	position:relative;
	float:left;
	margin:8px 5px 0px 0;
	width: 25px;
	border:#000 0px solid;
	cursor:pointer;
	text-decoration:none;
	text-align: center;
	font-family: 'icomoon';
	font-size: 20px;
	color:#b5853b;
	speak: none;
	line-height:0px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
.ZoomCarte a:hover{
	color:#6f1d14;
}
.ZoomCarte a:before {
	content: "\e9cf";
}
/******/

#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau{
	display:block;
	position:relative;
	max-width:944px;
	text-align:center;
	margin:30px auto 30px auto;
	padding:0 20px 0 20px;	
}
#BlockCarteHaut{
	display:block;
	position:relative;
	width:100%;
	text-align:center;	
}
#BlockCartemillieu{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	padding-top:15px;
	padding-bottom:5px;
}
#BlockCartemillieuCont{
	display:block;
	position:relative;
	padding:0 20px 0 20px;
}
#BlockCartemillieuCont p{
	margin:-10px 0 10px 0;
	text-decoration:none;
	text-align: left;
	font-family: 'quicksandbold';
	font-size: 30px;
	line-height:30px;
	color:#6f1d14;
	letter-spacing:-2px;
}
#BlockCarteBas{
	display:block;
	position:relative;
	width:100%;
	height:20px;	
}
table th, table td {
	padding: 15px 5px 2px 3px;
    line-height: 18px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    width: auto;
    font-family: 'ralewaymedium';
	font-size: 16px;
}
.textCartePrix{
	text-align: right;
	font-family: 'ralewaybold';
	font-size: 16px;
	line-height: 18px;
	width: 20%;
}
.textCartePrixVin{
	text-align: center;
	font-family: 'ralewaybold';
	font-size: 16px;
	line-height: 18px;
	
}
.textCarteGras{
	text-align: left;
	font-family: 'ralewaybold';
	font-size: 16px;
	line-height: 18px;	
}
.textGrasMaron{
	margin:0px 0 0px 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 30px;
	line-height:20px;
	color:#6f1d14;
}
.textMaronTitreCarteVin{
	margin:0px 0 0px 0;
	padding:5px 0 5px 0;
	text-decoration:none;
	text-align: left;
	font-family: 'quicksandbold';
	font-size: 30px;
	line-height:30px;
	color:#6f1d14;
	border-bottom:#ccc 0px solid;
}
.textGrasMaron2{
	margin:0px 0 0px 0;
	text-decoration:none;
	text-align: center;
	font-family: 'quicksandbold';
	font-size: 20px;
	line-height:15px;
	color:#6f1d14;
}
.textGrasMaron2CarteVin{
	margin:0px 0 0px 0;
	padding:5px;
	text-decoration:none;
	text-align: center;
	letter-spacing:-1px;
	font-family: 'quicksandbold';
	font-size: 20px;
	line-height:20px;
	color:#6f1d14;
	border-bottom:#ccc 0px solid;
}
.textTitreVinRose{
	margin:0 0 0 0;
	padding:5px;
	text-decoration:none;
	text-align: left;
	letter-spacing:-1px;
	font-family: 'quicksandbold';
	font-size: 20px;
	line-height:24px;
	vertical-align: middle;
	color:#6f1d14;
	background-color:#fff;
}
.textTitreVinRouge{
	margin:0 0 0 0;
	padding:5px;
	text-decoration:none;
	text-align: left;
	letter-spacing:-1px;
	font-family: 'quicksandbold';
	font-size: 20px;
	line-height:24px;
	vertical-align: middle;
	color:#fff;
	background-color:#6f1d14;
}
.textGrasMaron3{
	margin:0px 0 0px 0;
	text-decoration:none;
	text-align: left;
	font-family: 'quicksandbold';
	font-size: 20px;
	line-height:15px;
	color:#6f1d14;
}
.textCarte{
	margin:0px 0 0px 0;
	text-decoration:none;
	text-align: center;
	font-family: 'ralewaymedium';
	font-size: 16px;
	line-height:18px;
	color:#000;
}
.petitTextSCarte{
	margin:-10px 0 0px 0;
	padding:0 10px 0 10px;
	text-decoration:none;
	text-align: center;
	font-family: 'ralewaymedium';
	font-size: 12px;
	line-height:14px;
	color:#000;
}
.petitTextSCarteM{
	margin:-10px 0 12px 0;
	padding:0 10px 0 10px;
	text-decoration:none;
	text-align: center;
	font-family: 'ralewaymedium';
	font-size: 12px;
	line-height:14px;
	color:#6f1d14;
}
#logCcarteMenu{
    display:block;
	position:relative;
	margin:0 auto 90px auto;
	width: 100%;
	text-decoration:none;
	text-align: center;
	font-family: 'colbLog';
	font-size: 150px;
	color:#6f1d14;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}

#logCcarteMenu:before {
	content: "\e900";
}
#PictGCcarte{
	display:block;
	position:relative;
	margin:30px auto 30px auto;
	width: 100%;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	font-size: 60px;
	color:#b5853b;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#PictGCcarte:before {
	content: "\e900";
}
#PictGCcarteMenu{
	display:block;
	position:relative;
	margin:10px auto 10px auto;
	width: 100%;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	font-size: 30px;
	color:#b5853b;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#PictGCcarteMenu:before {
	content: "\e900";
}
/********MENU FIXE CARTE***********/
#navcote{
	z-index:10;
	border:#000 0px solid;
	display:block;
	width:50px;
	position:fixed;
	margin:0 0 0 0;
	top:53vh;
	list-style: none;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
/*****/

.nav-up {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-down {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:10%;
}

/******/
#MenuFix li {
	display:block;
	position:relative;
	border:#000 0px solid;
	width: 50px;
	height:50px;
	list-style: none;
	margin: 0;
	padding:0;
	text-align:center;
}
#MenuFix li a{
	display:block;
	position:relative;
	text-decoration:none;
	font-family:'colbPictCarte';
	font-size:40px;
	line-height:50px;
	color:#b5853b;
	list-style: none;
	padding:0;
	text-align:center;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFix li.CercleA a:before {
	content: "\e90a";
}
#MenuFix li.CercleB a:before {
	content: "\e90b";
}
#MenuFix li.CercleC a:before {
	content: "\e901";
}
#MenuFix li.CercleD a:before {
	content: "\e902";
}
#MenuFix li.CercleE a:before {
	content: "\e904";
}
#MenuFix li.CercleF a:before {
	content: "\e908";
}
#MenuFix li.CercleG a:before {
	content: "\e903";
}
#MenuFix li.CercleH a:before {
	content: "\e909";
}
#MenuFix li.CercleI a:before {
	content: "\e90c";
}
#MenuFix li.CercleJ a:before {
	content: "\e905";
}
#MenuFix li.CercleK a:before {
	content: "\e906";
}
#MenuFix li.CercleL a:before {
	content: "\e907";
}
#MenuFix li.Cercle1 a:before {
	content: "\e90d";
	color:#b5853b;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
	
}
#MenuFix li.Cercle2 a:before {
	content: "\e90f";
	color:#787878;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFix li.Cercle3 a:before {
	content: "\e912";
	color:#ffbc51;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFix li.Cercle4 a:before {
	content: "\e910";
	color:#ff776b;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFix li.Cercle5 a:before {
	content: "\e911";
	color:#cc0b00;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFix li.Cercle5 a:hover:before, #MenuFix li.Cercle5.active a:before,#MenuFix li.Cercle4 a:hover:before, #MenuFix li.Cercle4.active a:before,#MenuFix li.Cercle3 a:hover:before, #MenuFix li.Cercle3.active a:before,#MenuFix li.Cercle2 a:hover:before, #MenuFix li.Cercle2.active a:before,#MenuFix li.Cercle1 a:hover:before, #MenuFix li.Cercle1.active a:before{
	
	font-size:50px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}


#MenuFix li a:hover,#MenuFix li.active a{
	color:#6f1d14;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

/***********ARDOISE DU MIDI************************************************************************************/


#contIntroArdoise{
	z-index:10;
	display:block;
	position:relative;
	width:500px;
	height:537px;
	top:-50vh;
	margin:32px auto 0 auto;
	transform: translateY(-50%);
	background:  url(../images/fondArdoiseMidi.png) center center no-repeat;
	}
#contIntroArdoisePictoHaut{
	display:block;
	position:relative;
	height:100px;
	width:500px;
	margin:5px auto 0 auto;
	border:#ccc 0px solid;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 90px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroArdoisePictoHaut:before{
	content: "\e902";	
}
#contIntroArdoiseTitre{
	display:block;
	position:relative;
	width:500px;
	margin:-15px auto 0 auto;
	border:#ccc 0px solid;
	text-align: center;
	font-family: 'quicksandlight';
	letter-spacing:-3px;
	line-height:37px;
	font-size: 40px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.grasTitreArdoise{
	font-family: 'quicksandbold';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroArdoiseTraitAfr{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:135px;
	left:138px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTraitBfr{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:135px;
	right:138px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTraitAuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:135px;
	left:167px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTraitBuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:135px;
	right:167px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTuk{
	display:block;
	position:relative;
	height:1px;
	width:20px;
	margin:5px auto 5px auto;
	border-top:#fff 1px solid;
	text-align: center;
}
#contIntroArdoiseT{
	display:block;
	position:relative;
	height:1px;
	width:40px;
	margin:5px auto 5px auto;
	border-top:#fff 1px solid;
	text-align: center;
}

#contIntroArdoiseTexteHoraire{
	display:block;
	position:relative;
	width:390px;
	margin:10px auto 0 auto;
	text-align: center;
	padding:3px;
	font-family: 'quicksandregular';
	line-height:18px;
	font-size: 18px;
	color:#000;
	background-color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	
	border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}
#contIntroArdoiseBT{
	display:block;
	position:absolute;
	width:100%;
	bottom:20px;
	border:#fff 0px solid;
	margin:0 0 0 0;
	text-align:center;
}
#contIntroArdoisePicto{
	z-index:10;
	display:block;
	position:relative;
	border:#ccc 0px solid;
	margin:0 auto 0 auto;
	text-align: center;
	line-height:55px;
	font-family: 'colbPict';
	font-size: 70px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroArdoisePicto:before{
	content: "\e906";	
}
#contIntroArdoiseBout{
	display:block;
	position:relative;
	height:40px;
	width:300px;
	border:#ccc 0px solid;
	margin:0 auto 0 auto;
	}
#contIntroArdoiseBout a{
	display:block;
	position:relative;
	width:auto;
	margin:0 0 0 0;
	padding:8px 10px 8px 10px;
	text-align: center;
	font-family: 'quicksandregular';
	letter-spacing:-1px;
	font-size: 22px;
	color:#b5853b;
	background-color:#000;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border-radius: 20px 20px 20px 20px;
   -moz-border-radius: 20px 20px 20px 20px;
   -webkit-border-radius: 20px 20px 20px 20px;
   -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#contIntroArdoiseBout a:hover{
	background-color:#fff;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#contIntroArdoiseBout a:before{
	text-decoration:none;
	text-align: left;
	font-family: 'icomoon';
	font-size: 20px;
	margin:0 5px 0 0;
	color:#b5853b;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e9cf";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#contIntroArdoiseText{
	display:block;
	position:relative;
	margin:20px auto 0 auto;
	text-align: center;
	font-family: 'quicksandregular';
	line-height:18px;
	font-size: 18px;
	color:#fff;
	border:#fff 0px solid;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.ArdoiseTextGras{
	text-align: center;
	font-family: 'quicksandbold';
	line-height:20px;
	font-size: 20px;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
/***********RÉSERVATION************************************************************************************/
.fondResaExterne{
    background:#fff;
}

#blocResa{
	display:block;
	position:relative;
	max-width:900px;
	height:650px;
	margin:70px auto 0 auto;	
	text-align:center;
	background: url(../images/fondResaColbert.jpg) no-repeat  center center ;
	-moz-box-shadow: 0px 0px 5px 1px #000000;
	-webkit-box-shadow: 0px 0px 5px 1px #000000;
	-o-box-shadow: 0px 0px 5px 1px #000000;
	box-shadow: 0px 0px 5px 1px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
}
#blocContenuResa{
	display:block;
	position:relative;
	float:left;
	width:280px;
	height:650px;
	margin:0px auto 0 auto;	
	text-align:center;
	padding:20px;
	
	background-image: -webkit-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
  	background-image: -moz-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0)); 
  	background-image: -o-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
  	background-image: linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));


}
#blocContenuB1Resa{
	display:block;
	position:relative;
	float:left;
	width:280px;
	margin:0px 0 5px 0;	
	text-align:left;
	font-family: 'quicksandregular';
	line-height:35px;
	font-size: 35px;
	letter-spacing:-3px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.TgrasResa{
	font-family: 'quicksandbold';
}
#blocContenuB1Resa:before{
	display:block;
	position:relative;
	float:left;
	font-family: 'colbPict';
    font-size: 110px;
    color:#b5853b;
    line-height: 73px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;
	content: "\e907";
}
#blocContenuB2TResa{
	display:block;
	position:relative;
	float:left;
	width:260px;
	margin:0px 0 0 0;	
	text-align:left;
	font-family: 'ralewaymedium';
	letter-spacing:1px;
	line-height:20px;
	font-size: 16px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#blocContenuB2TResaTrait{
	display:block;
	position:relative;
	float:left;
	width:40px;
	height:1px;
	border-top:#fff 1px solid;
	opacity:0.5;
	margin:8px 0 6px 0;
	
}
#blocFourchette{
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin:20px 0 10px 0;	
	text-align:left;
	border:#fff 0px solid;
    }
#blocFourchette a{
	display:block;
	position:relative;
    width:193px;
	height:42px;
	margin:0px 0 0px 0;	
	border:#fff 0px solid;
    background: url(../images/logLafourchette.png) no-repeat  center center ;
    background-size:cover;
    opacity:0.6;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#blocFourchette a:hover{
	opacity:1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#blocAlloR{
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin:10px 0 10px 0;	
	text-align:left;
	border:#fff 0px solid;
    }
#blocAlloR a{
	display:block;
	position:relative;
    width:193px;
	height:42px;
	margin:0px 0 0px 0;	
	border:#fff 0px solid;
    background: url(../images/logAlloResto.png) no-repeat  center center ;
    background-size:cover;
    opacity:0.6;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#blocAlloR a:hover{
	opacity:1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#blocHarris{
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin:10px 0 10px 0;	
	text-align:left;
	border:#fff 0px solid;
    }
#blocHarris a{
	display:block;
	position:relative;
    width:193px;
	height:42px;
	margin:0px 0 0px 0;	
	border:#fff 0px solid;
    background: url(../images/logHarister.png) no-repeat  center center ;
    background-size:cover;
    opacity:0.6;
    -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#blocHarris a:hover{
	opacity:1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#ResaConteneurBTcarte{
	display:block;
	position:absolute;
	width:100%;
	bottom:20px;
	border:#fff 0px solid;
	margin:0 0 0 0;
	text-align:center;
}
#ResaBTcartePicto{
	z-index:10;
	display:block;
	position:relative;
	border:#ccc 0px solid;
	margin:0 auto 0 auto;
	text-align: center;
	line-height:55px;
	font-family: 'colbPict';
	font-size: 70px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#ResaBTcartePicto:before{
	content: "\e906";	
}
#BoutCarteResa{
	display:block;
	position:relative;
	height:40px;
	width:300px;
	border:#ccc 0px solid;
	margin:0 auto 0 auto;
	}
#BoutCarteResa a{
	display:block;
	position:relative;
	width:auto;
	margin:0 0 0 0;
	padding:8px 10px 8px 10px;
	text-align: center;
	font-family: 'quicksandregular';
	letter-spacing:-1px;
	font-size: 22px;
	color:#b5853b;
	background-color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border-radius: 20px 20px 20px 20px;
   -moz-border-radius: 20px 20px 20px 20px;
   -webkit-border-radius: 20px 20px 20px 20px;
   -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#BoutCarteResa a:hover{
	color:#fff;
	background-color:#b5853b;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#BoutCarteResa a:before{
	text-decoration:none;
	text-align: left;
	font-family: 'icomoon';
	font-size: 20px;
	margin:0 5px 0 0;
	color:#b5853b;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	content: "\e9cf";
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
#BoutCarteResa a:hover:before{
	color:#fff;
}
/***************HISTORIQUE************************************************************/
#ContHist{
	display:block;
}
#ConteneurPHistoMob{
	display:none;
}
#ConteneurPHistoMobChRu{
	display:none;
}
#ConteneurPHistorique{
	z-index:20;
	display:block;
	position:relative;
	max-width:560px;
	height:480px;
	margin:0 auto 0 auto;
   	text-align:center;
    background-image: -webkit-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
  	background-image: -moz-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2)); 
  	background-image: -o-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
  	background-image: linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
   padding:20px;
   
   -moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}

#ConteneurPHistorique:before{
	content: '';
    background: #fff;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    opacity:0.9;
    
    }
#ConteneurPHistorique:after{
	content: '';
    background: #fff;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    opacity:0.9;
    }
    
    
#ConteneurHistorique{
	display:block;
	position:relative;
	width:auto;
	height:auto;
	text-align:center;
	top:50%;
	margin:0 auto 0 auto;
    transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}
#BlocHistoriqueLogo{
	display:block;
	position:relative;
	width:100%;
	margin:-35px 0 30px 0;
	text-align: center;
	font-family: 'colbLog';
	font-size: 150px;
	line-height:140px;
	color:#fff;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	border:#fff 0px solid;
}
#BlocHistoriqueLogo:before {
	content: "\e901";
}
#BlocHistoriqueTexteA{
	display:block;
	position:relative;
	max-width:500px;
	margin:10px auto 20px auto;
	text-align: center;
	font-family: 'ralewaymedium',Arial, Helvetica;
	letter-spacing:1px;
	line-height:18px;
	font-size: 14px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border:#fff 0px solid;
	padding:10px 0 10px 0;
}
#BlocHistoriqueTexteAch{/*CHINOIS*/
	display:block;
	position:relative;
	max-width:500px;
	margin:10px auto 20px auto;
	text-align: center;
	font-family: 'ralewaymedium';
	letter-spacing:1px;
	line-height:24px;
	font-size: 18px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border:#fff 0px solid;
	padding:10px 0 10px 0;
}

#BlocHistoriqueTexteA:before,#BlocHistoriqueTexteAch:before {
    content: '';
    background: #fff;
    width: 10%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0px;
    opacity:0.3;
}
#BlocHistoriqueTexteA:after,#BlocHistoriqueTexteAch:after {
    content: '';
    background: #fff;
    width: 10%;
    height: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0px;
    opacity:0.3;
}
.TgrasHisto{
	font-family: 'ralewaybold',Arial, Helvetica;
	color:#b5853b;
}
#PictGCHistorique{
	display:block;
	position:relative;
	margin:0 auto 0 auto;
	bottom:0;
	width: 100%;
	text-decoration:none;
	text-align: center;
	font-family: 'colbPict';
	font-size: 50px;
	color:#b5853b;
	speak: none;
	line-height:35px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
}
#PictGCHistorique:before {
	content: "\e900";
}
#BlocHistoriqueTitre,#BlocHistoriqueTitreRu{
	display:block;
	position:relative;
	float:left;
	width:100%;
	margin:-30px 0 20px 0;	
	text-align:left;
	font-family: 'quicksandregular',Arial, Helvetica;
	line-height:68px;
	font-size: 35px;
	letter-spacing:-1px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	border:#fff 0px solid;
}
.TgrasHistoTitre{
	font-family: 'quicksandbold',Arial, Helvetica;
}
#BlocHistoriqueTitre:before,#BlocHistoriqueTitreRu:before{
	display:block;
	position:relative;
	float:left;
	font-family: 'colbPict';
    font-size: 90px;
    color:#b5853b;
    line-height: 60px;
    text-decoration:none;
	font-weight: normal;
	font-style: normal;
	content: "\e900";
}
#BlocHistoriqueTexteB,#BlocHistoriqueTexteBCh{
	display:block;
	position:relative;
	max-width:500px;
	margin:0 auto 0 auto;
}
#BlocHistoriqueTexteB p{
	text-align: justify;
	font-family: 'ralewaymedium',Arial, Helvetica;
	letter-spacing:1px;
	line-height:18px;
	font-size: 14px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#BlocHistoriqueTexteBCh p{/*CHINOIS*/
	text-align: justify;
	font-family: 'ralewaymedium',Arial, Helvetica;
	letter-spacing:1px;
	line-height:20px;
	font-size: 18px;
	color:#fff;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
/*******************GALLERIE******************************************/

#contIntroCarteGaller{
	z-index:10;
	display:block;
	position:relative;
	width:540px;
	height:350px;
	margin:-50vh auto 0 auto;
	transform: translateY(-50%);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )80%, rgba(255,255,255,0.8));
  	background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )80%, rgba(255,255,255,0.8)); 
  	background-image: -o-linear-gradient(rgba(255,255,255,0.9 )80%, rgba(255,255,255,0.8));
  	background-image: linear-gradient(rgba(255,255,255,0.9 )80%, rgba(255,255,255,0.8));
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);

}
#contIntroCarteGaller:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
#contIntroCarteGaller:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
/*****/	
#contIntroCarteB3GALLERIE {
    display: block;
    position: absolute;
    z-index:30;
    top:140px;
    left:0;
    right:0;
    width: 440px;
    height:auto;
    border: #000 0px solid;
    margin: -50vh auto 0 auto;
    transform: translateY(-50%);
    text-align:center;
}
#blockLiensGalle{
	display: block;
    position: relative;
    float: right;
    width: 360px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheGALLE {
    display: inline-block;
    position: relative;
    float: left;
    width: 17px;
    height: 120px;
    border: #000 0px solid;
    margin: 0 0 0 20px;
}
#pictFlecheGALLE:before {
    font-family: 'icomoon';
    line-height: 70px;
    font-size: 80px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";	
}
#BoutGallResto {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.restGoTo a.linkOn{
	pointer-events:auto;
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.restGoTo a.linkOn:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
.restGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.restGoTo a.linkOn:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/*******/
.restGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:none;
}
.restGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e9d7";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
.restGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:auto;
}
.restGoTo a.changedOff:hover{
    opacity:1;
}
.restGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

/******/
#BoutGallPlats {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
#BoutGallPlats:before{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 20%;
    opacity:0.5;
    }
#BoutGallPlats:after{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 20%;
    opacity:0.5;
    }
.platGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.platGoTo a.linkOn:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
.platGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.platGoTo a.linkOn:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
/*******/
.platGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:none;
}
.platGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e626";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
.platGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:auto;
}
.platGoTo a.changedOff:hover{
    opacity:1;
}
.platGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
#BoutGallVideo {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.vidGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.vidGoTo a.linkOn:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
.vidGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.vidGoTo a.linkOn:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/*********/
.vidGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:none;
}
.vidGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e913";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
.vidGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 16px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
  	pointer-events:auto;
}
.vidGoTo a.changedOff:hover{
  opacity:1;
}
.vidGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}


/*****************MENU ST SYLVESTRE*********************************/
#BlockCarteStsylvestre{
	display:block;
	position:relative;
	max-width:659px;
	text-align:center;
	margin:30px auto 30px auto;
	padding:0 20px 0 20px;	
}
#BlockCarteHautPetit{
	display:block;
	position:relative;
	width:100%;
	text-align:center;	
}
#BlockCartemillieuPetit{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	padding-top:15px;
	padding-bottom:5px;
}
#BlockCartemillieuContPetit{
	display:block;
	position:relative;
	padding:0 20px 0 20px;
}
#BlockCarteBasPetit{
	display:block;
	position:relative;
	width:100%;
	height:20px;	
}

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

#TitreMenuStsylv{
	display: block;
    position: relative;
    width:70%;
    padding:10px;
    border-top:#6f1d14 4px solid;
    border-bottom:#6f1d14 4px solid;
    border-bottom-style: double;
    border-top-style: double;
    margin: 0px auto 30px auto;
    text-align: center;
    font-family: 'quicksandbold';
    line-height: 30px;
    font-size: 28px;
    color: #6f1d14;
  }

#BserviceStSylv{
	display: block;
    position: relative;
    width:80%;
    padding:10px;
    background-color:rgba(181,133,59,0.1);
    border:#6f1d14 4px solid;
    border-style: double;
    margin: 30px auto 30px auto;
    text-align: center;
    font-family: 'ralewaymedium';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.TstsylvG1{
	font-family: 'ralewaybold';
	line-height: 16px;
    font-size: 16px;
    color: #a16517;
}
.rrStsylv{
	font-size: 12px;
	vertical-align: super;
}
.TstsylvG{
	font-family: 'ralewaybold';
}

.TstsylvItal{
	font-family: 'ralewaymedium_italic';
	line-height: 16px;
    color: #6f1d14;
}

#MenuStsylv{
	display: block;
    position: relative;
    width:100%;
    margin: 30px auto 30px auto;
    text-align: center;
    font-family: 'ralewaymedium_italic';
    letter-spacing: 0px;
    line-height: 18px;
    font-size: 16px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.T2MenuStsylv{
	color: #a16517;
    }
.TGMenuStsylv{
	color: #6f1d14;
	font-family: 'ralewaybold';
    }
  
/****************OFFRIR CE RESTAURANT*************************************/
#contIntroCarteB3PictoOffrir{
	z-index:10;
	display:block;
	position:relative;
	height:100px;
	width:100px;
	border:#ccc 0px solid;
	margin:0 0 0 5px;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 90px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contIntroCarteB3PictoOffrir:before{
	content: "\e904";	
}
/*********INFO DIVERS*******************************************************/
#contIntroCarteInfo{
	z-index:10;
	display:block;
	position:relative;
	width:540px;
	height:390px;
	top:-50vh;
	margin:-20px auto 0 auto;
	transform: translateY(-50%);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.5));
  	background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.5)); 
  	background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.5));
  	background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.5));
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
  	
}
#contIntroCarteInfo:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
#contIntroCarteInfo:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
    /*****/	
#BlockCarteINFO,#BlockCarteHORAIRE,#BlockCarteTHEATRE{
	display:block;
	position:relative;
	max-width:659px;
	text-align:center;
	margin:30px auto 30px auto;
	padding:0 20px 0 20px;
}
#textPresta{
	display: block;
    position: relative;
    width:100%;
    margin: 10px auto 10px auto;
    text-align: center;
    font-family: 'ralewaymedium';
    letter-spacing: 0px;
    line-height: 18px;
    font-size: 16px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#textTheatre{
	display: block;
    position: relative;
    width:100%;
    margin: 10px auto 10px auto;
    text-align: center;
    font-family: 'ralewaybold';
    letter-spacing: 0px;
    line-height: 18px;
    font-size: 16px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#textTheatre a{
    text-align: center;
    font-family: 'ralewaybold';
    letter-spacing: 0px;
    line-height: 30px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#textTheatre a:hover{
    color: #6f1d14;
}
#textTheatre a:before{
	margin: 0 3px 0 0;
    text-align: center;
    font-family: 'icomoon';
    line-height: 30px;
    vertical-align:bottom;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e62f";	
}
#textTheatre a:hover:before{
	color: #6f1d14;	
}
.textTheatreAdresse{
	text-align: center;
    font-family: 'ralewaymedium';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 14px;
    color: #a16517;
}
/********MENU FIXE INFO***********/
#navcoteInfo{
	z-index:10;
	border:#000 0px solid;
	display:block;
	width:50px;
	position:fixed;
	top:53vh;
	list-style: none;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
/*****/
.nav-upInfo {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-downInfo {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:22%;
}
/******/
#MenuFixINFO li {
	display:block;
	position:relative;
	border:#000 0px solid;
	width: 60px;
	height:60px;
	list-style: none;
	margin: 0;
	padding:0;
	text-align:center;
}
#MenuFixINFO li a{
	display:block;
	position:relative;
	text-decoration:none;
	font-family:'icomoon';
	font-size:40px;
	line-height:50px;
	color:#b5853b;
	list-style: none;
	padding:0;
	text-align:center;
	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#MenuFixINFO li.Cercleinfo a:before {
	content: "\e60a";
}
#MenuFixINFO li.Cerclehoraire a:before {
	content: "\e94e";
}
#MenuFixINFO li.Cercletheatre a:before {
	content: "\e921";
}


#MenuFixINFO li a:hover,#MenuFixINFO li.active a{
	color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#contIntroCarteB3INFO {
    display: block;
    position: absolute;
    bottom:40px;
    left:0;
    width: 100%;
    height:auto;
    border: #ccc 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheINFO {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    left: 45px;
   	width: 135px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheINFO:before {
    font-family: 'icomoon';
    line-height: 70px;
    font-size: 80px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";	
}
#BoutINFOservices {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOservices a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOservices a:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
#BoutINFOservices a:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:60px;
	line-height:70px;
	color:#b5853b;
	list-style: none;
	padding:0;
	text-align:center;
	content: "\e60a";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOservices a:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
.lienGinfo{
	font-family: 'quicksandbold';
}
/******/
#BoutINFOhoraires {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOhoraires:before{
	content: '';
    background: #b5853b;
    width: 2px;
    height: 30px;
    position: absolute;
    right: 2px;
    top: 30%;
    }
#BoutINFOhoraires:after{
	content: '';
    background: #b5853b;
    width: 2px;
    height: 30px;
    position: absolute;
    left: -1px;
    top: 30%;
    }
#BoutINFOhoraires a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOhoraires a:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
#BoutINFOhoraires a:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:57px;
	line-height:70px;
	color:#b5853b;
	list-style: none;
	padding:0;
	text-align:center;
	content: "\e94e";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOhoraires a:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/******/
#BoutINFOtheatre {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 120px;
    height:120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOtheatre a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOtheatre a:hover {
    color: #6f1d14;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
    }
#BoutINFOtheatre a:before {
    display:inline-block;
    position:relative;
    width: 120px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:57px;
	line-height:70px;
	color:#b5853b;
	list-style: none;
	padding:0;
	text-align:center;
	content: "\e921";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
#BoutINFOtheatre a:hover:before {
    color:#6f1d14;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/**********************JAZZ@COLBERT***********************************************************/
#contenuHautJazz{
	display:block;
	position:relative;
	width:500px;
	height:180px;
	margin:0px auto 0 auto;
	text-align:center;
}
#contLogJazz{
	display: block;
    position: relative;
    border:#000 1px solid;
	width:100px;
	height:100px;
	margin: 0 auto 0 auto;
	background: url(../images/logJazzColb.gif) no-repeat  center center ;
    background-size:cover;
}
#contJazzLogC{
	display:block;
	position:relative;
	float:left;
	margin:3px 0 0 0;
	text-align: center;
	line-height:60px;
	font-family: 'colbPict';
	font-size: 60px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contJazzTextcont{
	display: block;
    position: relative;
    float: none;
    width: 340px;
    margin: 20px auto 0 auto;
}

#contJazzLogC:before{
	content: "\e900";	
}
#contJazzTitre{
	display:block;
	position:relative;
	height:60px;
	float:left;
	margin:43px 0 0 5px;
	text-align: left;
	font-family: 'quicksandlight';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
}
#contJazzText{
	display: block;
    position: relative;
    float:left;
    margin: 7px 0 0 15px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
     }

/**********************PRESSE***********************************************************/


#conteneurPresse{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
    }
#contIntroPresse{
	z-index:10;
	display:block;
	position:relative;
	width:600px;
	height:540px;
	top:-50vh;
	margin:37px auto 0 auto;
	transform: translateY(-50%);
	background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0)); 
  	background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
  	
}
#contIntroPresse:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
#contIntroPresse:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 1px;
    }
#contenuHautpress{
	display:block;
	position:relative;
	width:500px;
	height:180px;
	margin:0px auto 0 auto;
	text-align:center;
}
#contTitrePress{
	display: block;
    position: relative;
    float: left;
    width: 400px;
    margin: 5px 0 0 50px;
}
#contPressLogC{
	display:block;
	position:relative;
	width:90px;
	height:90px;
	float:left;
	margin:5px 0 0 0;
	text-align: center;
	line-height:100px;
	font-family: 'colbPict';
	font-size: 100px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contPressLogC:before{
	content: "\e900";	
}
#contPressTitre{
	display:block;
	position:relative;
	height:60px;
	float:left;
	margin:43px 0 0 5px;
	text-align: left;
	font-family: 'quicksandlight';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
}
#contPressTextcont{
	display: block;
    position: relative;
    float: left;
    width: 450px;
    margin: 0 0 0 49px;
}
#contPressTextcont:before {
    content: '';
    background: #000;
    width: 40px;
    height: 1px;
    position: absolute;
    left: 100px;
    top: -1px;
    opacity: 0.3;
}
#contPressTextcont:after {
    content: '';
    background: #000;
    width: 40px;
    height: 1px;
    position: absolute;
    left: 100px;
    bottom: -1px;
    opacity: 0.3;
}
#pictPress:before{
	display: inline-block;
    position: relative;
    float:left;
    margin: 0 0 0 25px;
    font-family: 'icomoon';
    font-size: 60px;
    line-height: 85px;
    color: #b5853b;
    text-align: center;
    content: "\e904";
}
#pictPressUk:before{
	display: inline-block;
    position: relative;
    float:left;
    margin: 0 0 0 25px;
    font-family: 'icomoon';
    font-size: 60px;
    line-height: 70px;
    color: #b5853b;
    text-align: center;
    content: "\e904";
}

#contPressText{
	display: block;
    position: relative;
    float:left;
    margin: 7px 0 0 15px;
    width: 310px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 18px;
    font-size: 14px;
    color: #000;
 }
 /*******/
#conteneurModulePresse{
 	display: block;
    position: relative;
    width:100%;
    margin:15px auto 0 auto;
}
#titrePresse{
	display: block;
    position: relative;
    background-color:#b5853b;
    width:460px;
    height:40px;
    margin: 10px auto 0px auto;
    padding:0;
    text-align: center;
    font-family: 'ralewaybold';
    color:#fff;
    line-height: 40px;
    font-size: 14px;
}
#boutPresse a{
	display:block;
	position:relative;
	background-color:#b5853b;
	margin:10px auto;
	width:150px;
	height:30px;	
	text-align: center;
    font-family: 'ralewaybold';
    color:#fff;
    letter-spacing: 1px;
    line-height: 30px;
    font-size: 14px;
    text-decoration:none;
    -moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
#boutPresse a:hover{
	background-color:#6f1d14;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
/******/
.bt-cs .bt-inner img {
    outline: 0px solid #b5b5b5;
    border: 0px solid #fff;
    max-width: 99%;
    margin: 0px 0px;
}
.bt-cs .next{
 	border:#000 0px solid;
	display: block;
	width: 60px;
	height: 90%;
	top:0;
	right:0px;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs .prev {
	border:#000 0px solid;
	display: block;
	width: 60px;
	height: 90%;
	top:0;
	left:0px;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs .next:hover{
	right:-5px;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs .prev:hover{
	left:-5px;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs a.next {
	text-decoration: none;
	position:absolute;
	z-index:100;
	margin:0;
	padding:0;
	right:0;
}
.bt-cs a.next:after{
	position:absolute;
	top:50%;
	left:0;
	font-family: 'icomoon';
    font-size: 40px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";
    -moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs a.next:hover:after{
	color: #b5853b;
	-moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs a.prev {
	text-decoration: none;
	position:absolute;
	z-index:999;
	margin:0;
	padding:0;
	right:0;
}
.bt-cs a.prev:after{
	position:absolute;
	top:50%;
	right:0;
	font-family: 'icomoon';
    font-size: 40px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea40";
    -moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
}
.bt-cs a.prev:hover:after{
	 color: #b5853b;
	 -moz-transition: all 0.5s ease;	    
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
    }

/**********************CONTACT***********************************************************/
#BlockimageContact{
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
	border:#000 0px solid;
	margin:0;	
	background:  url(../images/fondColb.jpg) center center repeat scroll,url(../images/CcolbertAcc.png) no-repeat  center center ;
 	background-blend-mode: multiply;
}
#BlockPcontact {
    display: block;
    position: relative;
    max-width: 900px;
    height: 460px;
    margin: 80px auto 0 auto;
    border:#000 0px solid;
}
#BlockContenuContact{
	display: block;
    position: relative;
    width: 100%;
    height: 450px;
}
#BlockPcontactHaut {
    display: block;
    position: relative;
    max-width: 1024px;
    height: 90px;
    margin: 0 auto 0 auto;
    border:#000 0px solid;
}
#BlockPcontactHautTitre{
	display: block;
    position: relative;
    float:right;
    width: 500px;
    height: 80px;
    border: #ccc 0px solid;
    margin: 0 145px 0 0;
    text-align: left;
    font-family: 'quicksandlight';
    letter-spacing: -3px;
    line-height: 40px;
    font-size: 40px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactHautTitre:before{
    display: block;
    position: relative;
    width: auto;
    float:left;
    height: 100px;
    border: #ccc 0px solid;
    margin: 0 5px 0 0;
    text-align: center;
    line-height: 70px;
    font-family: 'colbPict';
    font-size: 100px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e900";
}
#blocContactBas{
	display: block;
    position: relative;
    height: 350px;
    border: #000 0px solid;
    margin: 10px 0 0 0;
    text-align: left;
}
#BlockPcontactMilieuGauche{
	display:inline-block;
	position:relative;
	width:270px;
    margin:20px 0 0 0;
}
#BlockAdresse{
	display: block;
    position: relative;
    float:left;
    height: 80px;
    line-height:80px;
    border: #000 0px solid;
    margin: 0 0 0 0;
    text-align: left;
}
#BlockAdressePicto,#BlockTelPicto,#BlockPlanPicto{
	display:inline-block;
    position:relative;
    vertical-align:middle;
    width:60px;
    height:60px;
    border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
	margin: 0 10px 0 0;
	text-decoration:none;
	font-family:'icomoon';
	font-size:20px;
	line-height:60px;
	background-color:#b5853b;
	color:#fff;
	padding:0;
	text-align:center;
}
#BlockAdressePicto:before{
	content: "\e948";
}
#BlockTelPicto:before{
	content: "\e943";
}
#BlockPlanPicto:before{
	content: "\e94c";
}
#BlockAdresse p{
	display: inline-block;
    position:relative;
    width:auto;
    margin:0;
    text-align: left;
    font-family: 'ralewaybold';
    line-height: 15px;
    font-size: 14px;
    color: #000;
    vertical-align:middle;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockAdresse p a{
	display: inline-block;
    position:relative;
    width:auto;
    margin:0;
    text-align: left;
    font-family: 'ralewaybold';
    line-height: 15px;
    font-size: 14px;
    color: #000;
    text-decoration:none;
    vertical-align:middle;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockAdresse p a:hover{
	color: #6f1d14;
}
#BlockPcontactMilieuDroit{
	display:inline-block;
	float:right;
	position:relative;
	width:630px;
    border: #000 0px solid;
}
/********/
#blockPlanGG{
	display: block;
    position: relative;
	width: 100%;
    height: 500px;
    margin: 0 0 0 0;
}


/********FORMULAIRE*********/
/******************/
#testfr, #testuk{
display:none;	
}
.chrono_credits{
	display:none;
}
.system-message-container{
   display:block;
   position:absolute;
   top:-42px; 
   left:0;
   right:0;
   z-index:10;
     padding: 10px;
    	
}
.system-message .validation {
    background-color:#6f1d14;
	color: #FFF;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-family: quicksandbold;
	font-size:14px;
	outline: none;
	float:none;
	padding:2px 0 2px 0;
	border: 0px solid;
    margin: 10px 0px;
    background-repeat: no-repeat;
    background-position: 0px center;	
}
.system-message .message ul {
	width:100%;
	float:none;
    margin:0;
    list-style: none;
}

#fin-nom, #fin-prenom, #fin-sujet, #fin-courriel {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:295px;
    background-color:rgba(255,255,255,0.5);
 }
#capchaPict{
	display:inline-block;
	position:relative;
	width:40px;
    height:40px;
    border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
    margin: 2px 0 0 10px;
    cursor:pointer;
	text-decoration:none;
	font-family:'icomoon';
	font-size:22px;
	background-color:#b5853b;
	line-height:41px;
	padding:0;
	text-align:center;
	color:#fff;
}
#capchaPict:before{
	content: "\ea2e";
}
#capchaPict:hover{
	-webkit-animation: rotation 0.8s infinite linear;
}
 @-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}	

#fin-captcha1 {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:180px;
    background-color:rgba(255,255,255,0.5);
 }
 #fin-captcha2 {
	display:inline-block;
	float:left;
    margin:5px 0 0 0;
    width:180px;
	}

 #gcaptcha_4 , #gcaptcha_5{
	display:inline-block;
	float:left;
    height:44px !important;
	}
#fin-message{
 	display:inline-block;
 	float:left;
 	border-bottom:#6f1d14 1px solid;
 	width:610px;
 	height:160px;
 	background-color:rgba(255,255,255,0.5);
}
#nom, #prenom, #sujet, #courriel, #fin-captcha1{
	height:100%;
}
#fin-button14{
	display:inline-block;
	float:right;
	margin:5px 10px 0 0;
}

#button14{
	display:block;
	position:relative;
	margin:0;
    padding: 22px 40px 22px 40px;
	border:none;
	border-radius:0;
	background-color:#b5853b;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-family: quicksandbold;
	font-size:16px;
	line-height:0px;
	outline: none;
    cursor:pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
     box-shadow: none;
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#button14:hover{
	 color: #fff;
	 background-color:#6f1d14;
}
#contMessage{
	display:block;
	position:relative;
	width:620px;
	height:280px;
	text-align: center;
	margin:0 auto 0 auto;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	background-color:rgba(255,255,255,0.5);
}
#contMessageInt{
	display:inline-block;
	position:relative;
	text-align:center;
	width:400px;
	height:50px;
	margin:80px auto 0 auto;
}
#txtmessage{
	font-family: ralewaybold;
	color: #6f1d14;
	font-size:15px;
	line-height: 50px;
	text-align:center;
	padding:0;
	margin:0px;
}
#Boutmessage a{
	display: block;
    position: relative;
    width: 170px;
    margin: 10px auto 0 auto;
    padding: 10px;
    background-color: #b5853b;
    color: #fff;
    cursor:pointer;
    text-align: center;
    text-decoration: none;
    font-family: quicksandbold;
    font-size: 16px;
		    
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#Boutmessage a:hover{
	background-color: #6f1d14;
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/******/
#fin-message > textarea{
	resize: none;
	position:absolute;
  	bottom:-5px;
  	height:125px;
  	border:#000 0px solid;
  }
.input{
	position: relative;
	z-index: 1;
	display: inline-block;
	margin: 5px 10px 5px 10px;
	width: 100%;
	width: calc(100% - 2em);
	vertical-align: top;
}
.input__field{
	position: relative;
	display: block;
	float: right;
	padding: 0;
	height:100%;
	border-radius: 0;
	background: #000;
	color: #000;
	font-family: quicksandbold;
	-webkit-appearance: none; /* for box shadows to show on iOS */
}
.input__field:focus{
	outline: none;
}
.input__label {
	display: inline-block;
	float: right;
	padding: 0;
	height:auto;
	color: #b5853b;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input__label-content {
	position: relative;
	display: block;
	padding: 20px;
	font-size:12px;
}

@-webkit-keyframes autofill {
    to {
        color: #6f1d14;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
.input__field--juro, .input__field--juro > textarea {
	position: absolute;
	z-index: 100;
	padding: 12px 10px;
	width: 100%;
	width: calc(100% - 1em);
	background: transparent;
	color: #6f1d14;
	font-size: 14px;
	font-family: quicksandbold;
	border:#000 0px solid;
}
.input__label--juro {
	padding: 0;
	width: 100%;
	height: auto;
	background: none;
	text-align: left;
	font-family: quicksandbold;
	}
.input__label-content--juro {
	padding: 10px 10px 15px 10px ;
	font-size:14px;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s, color 0.3s;
	transition: transform 0.3s, color 0.3s;
	text-rendering: geometricPrecision;
}
.input__label--juro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 0px solid transparent;
	-webkit-transition: border-width 0.3s, border-color 0.3s;
	transition: border-width 0.3s, border-color 0.3s;
}
.input__label--juro::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 0px solid transparent;
	-webkit-transition: border-width 0.3s, border-color 0.3s;
	transition: border-width 0.3s, border-color 0.3s;
}
.input__field--juro:focus + .input__label--juro::before,
.input--filled .input__label--juro::before {
	border-width: 0px;
	border-color: #b5853b;
	border-top-width: 20px;
}
.input__field--juro:focus + .input__label--juro .input__label-content--juro,
.input--filled .input__label--juro .input__label-content--juro {
	color: #fff;
	-webkit-transform: translate3d(0, -0.8em, 0) scale3d(0.9, 0.9, 0.9);
	transform: translate3d(0, -0.8em, 0) scale3d(0.9, 0.9, 0.9) translateZ(1px);
}


/****************PRINT*************/

@media print
{    
    #navcote{
        display: none !important;
    }
    .ZoomCarte{
        display: none !important;
    }
   .n2-ss-margin{
        display: none !important;
    }
    #contIntroCarteLogoPrint{
        display: block !important;
    }
    #contIntroCarteCartePrint{
        display: block !important;
        page-break-after: always;
    }

#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau,#BlockCarteINFO,#BlockCarteHORAIRE,#BlockCarteTHEATRE{
	display:block;
	position:relative;
	max-width:1024px;
	text-align:center;
	margin:-100px auto 0px auto;
	padding:0;
	page-break-after: always;	
}





	#BlockCarteMenuGC > #BlockCarteHaut > img{
        display: none !important;
    }
	#logCcarteMenu {
     font-size: 100px;
     line-height: 0px;
	}
	#PictGCcarte {
    display: none;
    }
    #PictGCcarteMenu {
    display: block;
    position: relative;
    margin: 0px auto 0px auto;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 20px;
    color: #b5853b;
    speak: none;
    line-height: 30px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
	table th, table td {
    padding: 15px 5px 2px 3px;
    line-height: 18px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    width: auto;
    font-family: 'ralewaymedium';
    font-size: 15px;
}
   .textCartePrixVin {
    text-align: center;
    font-family: 'ralewaybold';
    font-size: 12px;
    line-height: 18px;
}
   #BlockCarteHaut img{
        width:500px;
    }
    #BlockCarteHaut{
        margin-top:100px;
    }
    
    #hautmenu{
        display: none !important;
    }
    #hauthbg{
    	display: none !important;
    }
    
    body > .sm-btn-100,
.sm-content-inner > .sm-btn-100,
.off-menu_100 .sm-btn-100 {
	display: none !important;
	}
	
    
    #contIntroArdLogoPrint{
        display: block !important;
        page-break-after: always;
    }
	#MenuStsylv{
		margin :0;
	}
    #TitreMenuStsylv{
    margin:50px auto 10px auto;	
    }
    
	#contIntroCarte{
    display: none !important;
    }
    #contIntroCarteInfo{
    display: none !important;
    }
	#contIntroArdoiseBT{
    display: none !important;
    }
    
    #carteStsylv{
    display: none !important;
    }

    #blocMenuStsylv {
        top: 0;
	}
	
	.scrollToTop {
     opacity:0;
	}
	#MenuFix{
		display: none !important;
	}

	#MenuFixINFO{
		display: none !important;
	}


}
/*******REPONSIVE MENU*********/

@media screen and (max-width: 1325px) {
.nav-up {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-down {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:5%;
}
.nav-upInfo {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-downInfo {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:15%;
}

}
@media screen and (max-width: 1155px) {
.nav-up {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-down {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:1.5%;
}
.nav-upInfo {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-downInfo {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:10%;
}
}
@media screen and (max-width: 970px) {

.nav-upInfo {
 	left:-10%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
}
.nav-downInfo {
 	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
  	-ms-transition: all 0.5s ease-in-out;
  	-o-transition: all 0.5s ease-in-out;
  	transition: all 0.5s ease-in-out;
  	left:1%;
}
}





/****************RESPONSIVE**************************/
/******************************************/
/******************************************/
/******************************************/
/******************************************/
/***********/
@media screen and (min-width: 1024px) {

.hidemobile5 {
	display: none !important;
}

#row1 {
	display: inherit;
}
#logohaut {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#hbg {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
#ContHist{
	display:block;
}



}

@media screen and (min-width: 950px) and (max-width: 1024px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 950px !important;
}

.hidemobile4 {
	display: none !important;
}

#row1 {
	display: inherit;
}
#logohaut {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#hbg {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
/***********/
#logohaut {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 0 0 15px;
}
#ContHist{
	display:block;
}
#ContNavHautShareCHRU{
	display:inline-block;
	position:relative;
	float:right;
	margin:20px 0px 0 0;
	height:25px;
	border-left:#fff 0px solid;
	text-align:right;
	line-height:25px;
}
#ContNavHautContact {
    display: inline-block;
    position: relative;
    float: right;
    margin: 20px 0px 0 0;
    width: 28px;
    height: 25px;
    border-left: #fff 1px solid;
    text-align: right;
    line-height: 25px;
}
#blocks1 {
    float: right;
    margin: 0 70px 0 0;
}
/********CARTE********/
#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau{
	max-width: 860px;
}

.textCartePrixVin {
    text-align: center;
    font-family: 'ralewaybold';
    font-size: 16px;
    line-height: 18px;
}
#BlockCarteINFO, #BlockCarteHORAIRE, #BlockCarteTHEATRE {
    display: block;
    position: relative;
    max-width: 659px;
    text-align: center;
    margin: 30px auto 30px auto;
    padding: 0 20px 0 20px;
}

}

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

@media screen and (min-width: 758px) and (max-width: 950px) {

img {
	max-width: 100% !important;
	height: auto !important;
}

.container {
	width: 758px !important;
}

.hidemobile3 {
	display: none !important;
}

#row1 {
	display: inherit;
}
#logohaut {
	display: inherit;
}
#blocks1 {
	display: inherit;
}
#hbg {
	display: inherit;
}
#maintopmodule {
	display: inherit;
}
#centertopmodule {
	display: inherit;
}
#centerbottommodule {
	display: inherit;
}
#mainbottommodule {
	display: inherit;
}
/******************/
#logohaut {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 0 0 15px;
}
#ContHist{
	display:block;
}
#ContNavHautShareCHRU{
	display:inline-block;
	position:relative;
	float:right;
	margin:20px 0px 0 0;
	height:25px;
	border-left:#fff 0px solid;
	text-align:right;
	line-height:25px;
}
#ContNavHautContact {
    display: inline-block;
    position: relative;
    float: right;
    margin: 20px 0px 0 0;
    width: 28px;
    height: 25px;
    border-left: #fff 1px solid;
    text-align: right;
    line-height: 25px;
}
#blocks1 {
    float: right;
    margin: 0 70px 0 0;
}
/********CARTE********/
#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau{
	max-width: 620px;
}
.textCartePrixVin {
    text-align: center;
    font-family: 'ralewaybold';
    font-size: 14px;
    line-height: 18px;
}
#BlockCarteINFO, #BlockCarteHORAIRE, #BlockCarteTHEATRE {
    display: block;
    position: relative;
    max-width: 600px;
    text-align: center;
    margin: 30px auto 30px auto;
    padding: 0 20px 0 20px;
}
.textGrasMaron2CarteVin {
    margin: 0px 0 0px 0;
    padding: 5px;
    width:20%;
    text-decoration: none;
    text-align: center;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 20px;
    line-height: 20px;
    color: #6f1d14;
    border-bottom: #ccc 0px solid;
}
/**********************CONTACT***********************************************************/
#BlockPcontact {
    display: block;
    position: relative;
    max-width: 900px;
    height: 580px;
    margin: 40px auto 0 auto;
    border:#000 0px solid;
}
#BlockContenuContact{
	display: block;
    position: relative;
    width: 100%;
    height: 600px;
}
#BlockPcontactHaut {
    display: block;
    position: relative;
    max-width: 1024px;
    height: 90px;
    margin: 0 auto 0 auto;
    border:#000 0px solid;
}

#blocContactBas{
	display: block;
    position: relative;
    border: #000 0px solid;
    margin: 0px 0 0 0;
    text-align: center;
}
#BlockPcontactMilieuGauche{
	display:block;
	position:relative;
	width:80%;
    margin:10px auto;
    height:130px;
}
#BlockAdresse{
	display: block;
    position: relative;
    width: 33%;
    height: 80px;
    line-height:80px;
    border: #000 0px solid;
    margin: 0 0 0 0;
    text-align: center;
}
#BlockAdressePicto,#BlockTelPicto,#BlockPlanPicto{
	display:block;
    position:relative;
    vertical-align:middle;
    width:60px;
    height:60px;
    border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
	margin: 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:20px;
	line-height:60px;
	background-color:#b5853b;
	color:#fff;
	padding:0;
	text-align:center;
}

#BlockAdresse p{
	display: inline-block;
    position:relative;
    width:auto;
    margin:0;
    text-align: center;
    font-family: 'ralewaybold';
    line-height: 15px;
    font-size: 14px;
    color: #000;
    vertical-align:middle;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactMilieuDroit{
	display: block;
    float: none;
    position: relative;
    max-width: 500px;
    border: #000 0px solid;
    margin: 0 auto;
}
/********/


/********FORMULAIRE*********/
/******************/

#fin-captcha1 {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:130px;
    background-color:rgba(255,255,255,0.5);
}
 #fin-captcha2 {
	display:inline-block;
	float:left;
    margin:5px 0 0 0;
    width:180px;
	}

#fin-button14{
	display:inline-block;
	float:right;
	margin:5px 10px 0 0;
}

#button14{
	display:block;
	position:relative;
	margin:0;
    padding: 22px 40px 22px 40px;
	border:none;
	border-radius:0;
	background-color:#b5853b;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-family: quicksandbold;
	font-size:16px;
	line-height:0px;
	outline: none;
    cursor:pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
     box-shadow: none;
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}





#fin-nom, #fin-prenom, #fin-sujet, #fin-courriel {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:230px;
    background-color:rgba(255,255,255,0.5);
 }
#fin-message{
 	display:inline-block;
 	float:left;
 	border-bottom:#6f1d14 1px solid;
 	width:480px;
 	height:160px;
 	background-color:rgba(255,255,255,0.5);
}

#contMessage{
	display:block;
	position:relative;
	max-width:480px;
	height:280px;
	text-align: center;
	margin:0 auto 0 auto;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	background-color:rgba(255,255,255,0.5);
}


}
/****************************************************************MOBILE*****************************************/
@media screen and (min-width: 470px) and (max-width: 758px) {

img {
	max-width: 100% !important;
	height: auto !important;
}
/****MENTIONS*****/
.titreMention{
	font-family: 'quicksandbold';
    line-height: 20px;
    font-size: 20px;
    color: #6f1d14;
}
.StitreMention{
	font-family: 'quicksandbold';
    line-height: 15px;
    font-size: 15px;
    color: #6f1d14;
}
#BlockMentionA {
    display: block;
    position: relative;
    max-width: 880px;
    margin: -100px auto 0 auto;
    padding:30px 10px 30px 10px;
    background-color:#fff;
}
#BlockContenuMention {
    display: block;
    position: relative;
    width: 100%;
    }
#blockMention{
	display:block;
	position:relative;
	margin:100px 0 0 0;
	width:100%;
}
#blockMention p{
	text-align: left;
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a{
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a:hover{
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

/*****FERMETURE RESTO********/
#conteneurIntroFermRestaurant{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
    z-index:200;
}
#contIntroFermRestaurant{
	z-index:10;
	display:block;
	position:relative;
	max-width:300px;
	height:250px;
	top:-50vh;
	margin:0px auto 0 auto;
	transform: translateY(-50%);
	background-color:#fff;
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroFermRestaurant:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
    
#contIntroFermRestaurant:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
#contIntroFermRestaurantBF{
	display:block;
	position:absolute;
	text-align:center
	width:30px;
	height:30px;
	right:10px;
	top:10px;
	line-height:24px;
	font-family: 'icomoon';
	font-size: 24px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;	
	z-index:200;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#contIntroFermRestaurantBF:hover{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	}
#contIntroFermRestaurantBF:before{
	content: "\ea0d";
	}
#contIntroFermRestaurantB1{
	display:block;
	position:relative;
	max-width:300px;
	height:248px;
	text-align:center;
	margin:0 auto 0 auto;
	border:#b5853b 1px solid;
}
#contIntroFermRestaurantB2{
	display:block;
	position:relative;
	width:100%;
	text-align:center;
	margin:30px auto 0 auto;
	
}
#contIntroFermRestaurantB1LogC{
	display:block;
	position:relative;
	width:100%;
	float:none;
	margin:0;
	text-align: center;
	line-height:80px;
	font-family: 'colbPict';
	font-size: 80px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#contIntroFermRestaurantB1LogC:before{
	content: "\e900";	
}
#contIntroFermRestaurantB1Titre{
	display:block;
	position:relative;
	width:auto;
	border:#ccc 0px solid;
	float:none;
	margin:0 auto 0 auto;
	text-align: center;
	font-family: 'quicksandlight', Arial, Helvetica;
	letter-spacing:0px;
	line-height:30px;
	font-size: 30px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.titreGrasIntroCarteFerme {
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 30px;
    font-size: 30px;
    color: #6f1d14;
}
.titreGrasIntroCarteFermeExpo{
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 10px;
    font-size: 10px;
    color: #6f1d14;
    vertical-align: super;
}



/**********/
.container {
	width: 524px !important;
}

.hidemobile2 {
	display: none !important;
}

#row1 {
	display: inherit;
}
#logohaut {
	display: inherit;
}
#logohaut {
	height: auto !important;
}
#logohaut .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 {
	display: inherit;
}
#hbg {
	display: inherit;
}
#hbg {
	height: auto !important;
}
#hbg .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
/*******POpUP**************/
#jcemediabox-popup-closelink {
    background: none;
    width: 30px;
    height: 30px;
    right:0;
    position: relative;
    text-align: center;
    float: right;
    border: #b5853b 1px solid;
    padding-left: 0px;
    text-decoration: none;
}
#jcemediabox-popup-closelink:before {
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 30px;
    content: "\ea0f";
    text-decoration: none;
    cursor: pointer;
    color: #b5853b;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
#jcemediabox-popup-info-bottom {
    position: inherit;
    background-color: none;
    min-height: 3px;
    padding: 0px;
    margin: 0px 0px 0 0;
}
#jcemediabox-popup-content {
    padding: 0px 5% 0 5%;
    background-color: #fff;
    text-align:center;
	height:2000px;
}
/*************ACCEIL*******************/
#ContHist{
	display:none;
}

#BlockimageAcc {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: #000 0px solid;
    margin: 0;
    background: url(../images/fondColb.jpg) center center repeat scroll,url(../images/CcolbertAccSmart.png) no-repeat -100px -210px;
    background-blend-mode: multiply;
}
#conteneurAcc{
	z-index: 20;
    display: block;
    position: absolute;
    width: 100%;
    height: 295px;
    border: #000 0px solid;
    margin: 0px auto 0 auto;
    top: 50vh;
    transform: translateY(-50%);
    text-align: center;
    }
#BlockAcc{
	display:block;
	position:relative;
	max-width:390px;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
	text-align:center;
}

#BlockAccLong {
    display: inline-block;
    position: relative;
    float: left;
    text-align: center;
    width: 260px;
    height: 130px;
    border: #000 0px solid;
    margin: 0px auto 0 auto;
}
#BlockAccLongLogo:before {
	display: block;
    position: absolute;
    top: 44px;
    left: 0px;
    margin: -3px 0px 0 -10px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbLog';
    font-size: 120px;
    color: #6f1d14;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e901";
    }
#BlockAccCarre03,#BlockAccCarre05,#BlockAccCarre07{
	display:none;
}
#BlockAccCarre01,#BlockAccCarre02,#BlockAccCarre04,#BlockAccCarre06{
	display:inline-block;
	position:relative;
	float:left;
	text-align:center;
	width:130px;
	height:130px;
	border:#000 0px solid;
	margin:0px auto 0 auto;
}
/********/
#BlockAccDecouvrez {
    display: block;
    position: relative;
    width: 100%;
    margin: 25px auto 0 auto;
}
#BlockAccRes {
    display: block;
    position: relative;
    width: 100%;
    margin: 25px auto 0 auto;
}
#BlockAccContact {
    display: block;
    position: relative;
    width: 100%;
    margin: 25px auto 0 auto;
}
#ContDecAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px auto 0 auto;
    border: #000 0px solid;
}
#ContResAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px auto 0 auto;
    border: #000 0px solid;
}
#ContContactAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px auto 0 auto;
    border: #000 0px solid;
}

#bulleDecAcc, #bulleDecAccCh,#bulleDecAccCh2, #bulleDecAccRu, #bulleDecAccRu2 {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 37px;
    font-size: 130px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleResAcc {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 37px;
    font-size: 130px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleContactAcc {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 37px;
    font-size: 130px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleDecAccCh p {
    display: block;
    position: absolute;
    top: -4px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    color: #fff;
}
#bulleDecAccCh2 p {
    display: block;
    position: absolute;
    top: -6px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 36px;
    color: #fff;
}
#bulleDecAccRu p {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'Quicksand',Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
}
#bulleDecAccRu2 p {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'Quicksand',Arial, Helvetica;
    font-size: 11px;
    line-height: 28px;
    color: #fff;
}
#bulleDecAcc p, #bulleResAcc p, #bulleContactAcc p {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 14px;
    line-height: 15px;
    color: #fff;
}
#PictoResAcc a {
    display: block;
    position: relative;
    margin: 37px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 125px;
    color: #6f1d14;
    line-height: 35px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoDecAcc a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 100px;
    color: #6f1d14;
    line-height: 35px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoContactAcc a {
    display: block;
    position: relative;
    margin: 25px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 90px;
    color: #6f1d14;
    line-height: 60px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoCaveCh a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 135px;
    color: #6f1d14;
    line-height: 0px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoHistoCh a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 100px;
    color: #6f1d14;
    line-height: 35px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
/************menu haut***************/
#logohaut {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 0 0 15px;
}
.scrollToTop {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 2px;
    right: 2px;
    display: none;
    width: 20px;
    height: 20px;
    background-color: #b5853b;
}
a.scrollToTop {
    font-size: 18px;
    line-height: 20px;
    z-index: 100;
    
}
/*************CARTE MENU*************/
#contIntroCarte {
    z-index: 10;
    display: block;
    position: relative;
    width: 400px;
    top:-50vh;
    height: 235px;
    margin: -5px auto 0 auto;
    transform: translateY(-38%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroCarteB1 {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin: 10px auto 0 auto;
}
#contIntroCarteB1LogC {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 0px 0 0 5%;
    text-align: center;
    line-height: 100px;
    font-family: 'colbPict';
    font-size: 70px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB1Titre {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 28px 0 0 5px;
    text-align: left;
    font-family: 'quicksandlight', Arial, Helvetica;
    letter-spacing: -3px;
    line-height: 25px;
    font-size: 30px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.titreGrasIntroCarte {
    letter-spacing: -1px;
    line-height: 25px;
    font-size: 30px;
}

#contIntroCarteB2 {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 auto 0 auto;
}
#contIntroCarteB2Text {
    display: block;
    position: absolute;
    width: 330px;
    top: 5px;
    left: 40px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    padding: 8px 0 8px 0;
}
#contIntroCarteB3 {
    display: block;
    position: relative;
    max-width: 330px;
    margin: 0 auto 0 auto;
}
#contIntroCarteB3ContBT {
    display: block;
    position: relative;
    float: left;
    margin: 10px auto 0 auto;
}
#contIntroCarteB3Picto {
    z-index: 10;
    display: block;
    position: relative;
    height: 44px;
    width: 100%;
    border: #ccc 0px solid;
    margin: 0 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 50px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB3PictoVin {
    z-index: 10;
    display: block;
    position: relative;
    height: 50px;
    width: 100%;
    border: #ccc 0px solid;
    margin: -10px 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 60px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB3Bout {
    display: block;
    position: relative;
    height: 0;
    margin: 0 0 0 0;
}
#contIntroCarteB3Bout a {
    display: block;
    position: relative;
    width: auto;
    margin: 0 0 0 0;
    padding: 2px 10px 2px 10px;
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: -1px;
    font-size: 16px;
    color: #fff;
    background-color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }
#contIntroCarteB3Bout a:before {
    text-decoration: none;
    text-align: left;
    font-family: 'icomoon';
    font-size: 12px;
    margin: 0 5px 0 0;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e9cf";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau{
	padding: 0 30px 0 30px;
}

#MenuFix{
	display:none;
}
#BlockCartemillieuCont {
    display: block;
    position: relative;
    padding: 0 5px 0 5px;
}
#BlockCartemillieuCont p {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 20px;
    line-height: 22px;
    color: #6f1d14;
    letter-spacing: -1px;
}
table th, table td {
    padding: 10px 5px 2px 0px;
    line-height: 16px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    width: auto;
    font-family: 'ralewaymedium';
    font-size: 14px;
}
.textCartePrix {
    text-align: right;
    font-family: 'ralewaybold';
    font-size: 14px;
    line-height: 16px;
    width: 20%;
}
.ZoomCarte a {
    display: block;
    position: relative;
    float: left;
    margin: 6px 2px 0px 0;
    width: 25px;
    border: #000 0px solid;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 18px;
    color: #b5853b;
    speak: none;
    line-height: 0px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.petitTextSCarte {
    margin: -10px 0 0px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 8px;
    line-height: 10px;
    color: #000;
}

.petitTextSCarteM {
    margin: -10px 0 12px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 8px;
    line-height: 10px;
    color: #6f1d14;
}

.textCarteGras {
    text-align: left;
    font-family: 'ralewaybold';
    font-size: 12px;
    line-height: 14px;
}
.textGrasMaron {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 20px;
    line-height: 15px;
    color: #6f1d14;
}
.textGrasMaron3 {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 14px;
    letter-spacing:-1px;
    color: #6f1d14;
}
#logCcarteMenu {
    display: block;
    position: relative;
    margin: 0 auto 65px auto;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbLog';
    font-size: 100px;
    color: #6f1d14;
    speak: none;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
#PictGCcarte {
    display: block;
    position: relative;
    margin: 20px auto 20px auto;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 40px;
    color: #b5853b;
    speak: none;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.textCarte {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 14px;
    line-height: 16px;
    color: #000;
}
/*******vins**********/
.textMaronTitreCarteVin {
    margin: 0px 0 0px 0;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    color: #6f1d14;
    border-bottom: #ccc 0px solid;
}
.textGrasMaron2CarteVin {
    margin: 0px 0 0px 0;
    padding: 5px;
    width:20%;
    text-decoration: none;
    text-align: center;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    color: #6f1d14;
    border-bottom: #ccc 0px solid;
}
.textCartePrixVin {
    text-align: center;
    font-family: 'ralewaybold';
    font-size: 14px;
    line-height: 16px;
}
.textTitreVinRose {
    margin: 0 0 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
    color: #6f1d14;
    background-color: #fff;
}
.textTitreVinRouge {
    margin: 0 0 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
    color: #fff;
    background-color: #6f1d14;
}
/************ARDOISE*****************/
#contIntroArdoise {
    z-index: 10;
    display: block;
    position: relative;
    width: 500px;
    height: 537px;
    top:-100vh;
    margin: 150px auto 0 auto;
    transform: translateY(-50%);
    background: url(../images/fondArdoiseMidi.png) center center no-repeat;
}

/***********RESA***************/
#blocResa {
    display: block;
    position: relative;
    max-width: 900px;
    height: 500px;
    margin: 0 auto 0 auto;
    text-align: center;
    background: url(../images/fondResaColbert.jpg) no-repeat center center;
    -moz-box-shadow: 0px 0px 5px 1px #000000;
    -webkit-box-shadow: 0px 0px 5px 1px #000000;
    -o-box-shadow: 0px 0px 5px 1px #000000;
    box-shadow: 0px 0px 5px 1px #000000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
}
#blocContenuResa {
    display: block;
    position: relative;
    float: left;
    width: 280px;
    height: 450px;
    margin: 0px auto 0 auto;
    text-align: center;
    padding: 20px;
    background-image: -webkit-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
    background-image: -moz-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
    background-image: -o-linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
    background-image: linear-gradient(rgba(0,0,0,0.9)20%, rgba(0,0,0,0));
}
#blocContenuB1Resa {
    display: block;
    position: relative;
    float: left;
    width: 280px;
    margin: 0px 0 5px 0;
    text-align: left;
    font-family: 'quicksandregular';
    line-height: 26px;
    font-size: 28px;
    letter-spacing: -2px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blocContenuB1Resa:before {
    display: block;
    position: relative;
    float: left;
    font-family: 'colbPict';
    font-size: 90px;
    color: #b5853b;
    line-height: 55px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e907";
}
#blocContenuB2TResa {
    display: block;
    position: relative;
    float: left;
    width: 260px;
    margin: 0px 0 0 0;
    text-align: left;
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blocFourchette {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    margin: 8px 0 10px 0;
    text-align: left;
    border: #fff 0px solid;
}
/******************historique****************/
#ConteneurPHistoMob{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background:  url(../images/imgHistoMob.jpg) center center no-repeat;
	background-size: cover;
}
#ConteneurPHistoMobChRu{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:1024px;
	background:  url(../images/imgHistoMob.jpg) center center no-repeat;
	background-size: cover;
}
#ConteneurHistoMob {
    display: block;
    position: relative;
    width: 80%;
    height: auto;
    margin: 80px auto 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: -moz-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: -o-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#ConteneurHistoMob:before{
	content: '';
    background: #fff;
    width: 50px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    opacity:0.9;
}
#ConteneurHistoMob:after{
	content: '';
    background: #fff;
    width: 6px;
    height: 50px;
    position: absolute;
    left: -3px;
    top: 3px;
    opacity:0.9;
}
#BlocHistoLogoMob:before {
	display: block;
    position: relative;
    width: 100%;
    margin: 20px auto 40px auto;
    text-align: center;
    font-family: 'colbLog';
    font-size: 100px;
    line-height: 50px;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e901";
}
#BlocHistoMobTxt {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: left;
    font-family: 'ralewaymedium',Arial, Helvetica;
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border: #fff 0px solid;
    padding: 10px 0 10px 0;
}
#BlocHistoMobTitre {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    margin: 30px 0 0 0;
    text-align: left;
    font-family: 'quicksandregular',Arial, Helvetica;
    
    font-size: 24px;
    letter-spacing: -1px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    }
#BlocHistoMobTitre:before{
    display: block;
    position: relative;
    margin: 0 0 0 -10px;
    float: left;
    font-family: 'colbPict';
    font-size: 50px;
    line-height: 15px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e900";
}
/**********GALLERIE**********/

#contIntroCarteGaller {
    z-index: 10;
    display: block;
    position: relative;
    width: 400px;
    height: 235px;
    margin:-50vh auto 0 auto;
	transform: translateY(-38%);
    
}
#contIntroCarteB3GALLERIE {
    display: block;
    position: absolute;
    z-index:30;
    left:0;
    right:0;
    top: 130px;
    width: 325px;
    height:auto;
    border: #000 0px solid;
    margin: -50vh auto 0 auto;
    transform: translateY(-50%);
    text-align:center;
}
#blockLiensGalle{
	display: block;
    position: relative;
    float: right;
    width: 270px;
    height:105px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheGALLE {
    display: inline-block;
    position: relative;
    float: left;
    width: 0;
    height: 100px;
    border: #000 0px solid;
    margin: 0 0 0 0;
}
#pictFlecheGALLE:before {
    font-family: 'icomoon';
    line-height: 60px;
    font-size: 50px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";	
}
#BoutGallResto {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.restGoTo a.linkOn{
	pointer-events:auto;
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

.restGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

/*******/
.restGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.restGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e9d7";
}
/******/
.restGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
   pointer-events:auto;
}

.restGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
}

/******/
#BoutGallPlats {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
#BoutGallPlats:before{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 20%;
    opacity:0.5;
    }
#BoutGallPlats:after{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 20%;
    opacity:0.5;
    }
.platGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    }

.platGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
	
}

/******/
/*******/
.platGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.platGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e626";
}
/******/
.platGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:auto;
}

.platGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
}
/******/
#BoutGallVideo {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.vidGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.vidGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
}

/*********/
.vidGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.vidGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e913";
}
/******/
.vidGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:auto;
}

.vidGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
}
/*******ST SYLVESTRE**********/
#TitreMenuStsylv {
    display: block;
    position: relative;
    width: 70%;
    padding: 10px;
    border-top: #6f1d14 4px solid;
    border-bottom: #6f1d14 4px solid;
    border-bottom-style: double;
    border-top-style: double;
    margin: 0px auto 30px auto;
    text-align: center;
    font-family: 'quicksandbold';
    line-height: 24px;
    font-size: 24px;
    color: #6f1d14;
}
#MenuStsylv {
    display: block;
    position: relative;
    width: 100%;
    margin: 30px auto 30px auto;
    text-align: center;
    font-family: 'ralewaymedium_italic';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 14px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/******Offrir**********/

#ConteneurOffrir{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:  url(../images/imgHistoMob.jpg) fixed no-repeat;
	background-size: cover;
}
#contIntroCarteB3PictoOffrir {
    z-index: 10;
    display: block;
    position: relative;
    height: 44px;
    width: 100%;
    margin: 0 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 50px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

/************INFO DIVERS*************/
#MenuFixINFO{
	display:none;
}
#contIntroCarteInfo {
    z-index: 10;
    display: block;
    position: relative;
    width: 400px;
    height: 235px;
    top:-50vh;
    margin: -10px auto 0 auto;
    transform: translateY(-38%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroCarteB3INFO {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 70px;
    border: #ccc 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheINFO {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    left: 23px;
    width: 80px;
    height: 120px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#pictFlecheINFO:before {
    font-family: 'icomoon';
    line-height: 60px;
    font-size: 50px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";
}
#BoutINFOservices {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    line-height: 0px;
    width: 100px;
    height: 100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOservices a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    
}
#BoutINFOservices a:before {
    display: inline-block;
    position: relative;
    width: 100px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e60a";
    
}
#BoutINFOhoraires {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    line-height: 0px;
    width: 100px;
    height: 100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOhoraires a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#BoutINFOhoraires a:before {
    display: inline-block;
    position: relative;
    width: 100px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e94e";
    }

#BoutINFOtheatre {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    line-height: 0px;
    width: 100px;
    height: 100px;
    margin: 0 auto 0 auto;
}
#BoutINFOtheatre a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BoutINFOtheatre a:before {
    display: inline-block;
    position: relative;
    width: 100px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e921";
}

#BlockCarteINFO, #BlockCarteHORAIRE, #BlockCarteTHEATRE {
    display: block;
    position: relative;
    max-width: 495px;
    text-align: center;
    margin: 30px auto 30px auto;
    padding: 0 20px 0 20px;
}
#textPresta {
    display: block;
    position: relative;
    width: 100%;
    margin: 10px auto 10px auto;
    text-align: center;
    font-family: 'ralewaymedium';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 14px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/**********************JAZZ@COLBERT***********************************************************/
#contenuHautJazz{
	display:block;
	position:relative;
	width:400px;
	height:140px;
	margin:0px auto 0 auto;
	text-align:center;
}
#contLogJazz{
	display: block;
    position: relative;
    border:#000 1px solid;
	width:80px;
	height:80px;
	margin: 0 auto 0 auto;
	background: url(../images/logJazzColb.gif) no-repeat  center center ;
    background-size:cover;
}
#contJazzLogC{
	display:block;
	position:relative;
	float:left;
	margin:-3px 0 0 0;
	text-align: center;
	line-height:60px;
	font-family: 'colbPict';
	font-size: 60px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
#contJazzTextcont{
	display: block;
    position: relative;
    float: none;
    width: 340px;
    margin: 5px auto 0 auto;
}

#contJazzLogC:before{
	content: "\e900";	
}
#contJazzTitre{
	display:block;
	position:relative;
	height:20px;
	float:left;
	margin:0px 0 0 5px;
	text-align: left;
	font-family: 'quicksandlight';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
}
#contJazzText{
	display: block;
    position: relative;
    float:left;
    margin: 7px 0 0 10px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 13px;
    color: #000;
     }

/**********PRESSE**************/

#contIntroPresse {
    z-index: 10;
    display: block;
    position: relative;
    width: 400px;
    height: 430px;
    top:-100vh;
    margin: 60px auto 0 auto;
    transform: translateY(-38%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contTitrePress {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin: 5px auto 0 auto;
}
#contenuHautpress {
    display: block;
    position: relative;
    width: 400px;
    height: 130px;
    margin: 0px auto 0 auto;
    text-align: center;
}
#contPressLogC {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 0px 0 0 5%;
    text-align: center;
    line-height: 77px;
    font-family: 'colbPict';
    font-size: 70px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#contPressTitre {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 28px 0 0 5px;
    text-align: left;
    font-family: 'quicksandlight', Arial, Helvetica;
    letter-spacing: -2px;
    line-height: 25px;
    font-size: 30px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#pictPress,#pictPressUk{
	display:none;
}
#contPressTextcont {
    display: block;
    position: relative;
    width: 100%;
    height: 55px;
    margin: -10px auto 0 auto;
}
#contPressTextcont:before {
    content: '';
    background: #000;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 40px;
    top: 0px;
    opacity: 0.3;
}

#contPressTextcont:after {
    content: '';
    background: #000;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 40px;
    bottom: 0px;
    opacity: 0.3;
}
#contPressText {
    display: block;
    position: absolute;
    width: 330px;
    top: -1px;
    left: 25px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    padding: 0;
}
#conteneurModulePresse {
    display: block;
    position: relative;
    width: 100%;
    margin: 10px auto 0 auto;
}

#titrePresse {
    display: block;
    position: relative;
    background-color: #b5853b;
    width: 100%;
    height: 30px;
    margin: 10px auto 0px auto;
    padding: 0;
    text-align: center;
    font-family: 'ralewaybold';
    color: #fff;
    line-height: 30px;
    font-size: 12px;
}
/**********************CONTACT***********************************************************/
#BlockimageContact {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: #000 0px solid;
    margin: 0;
    background: none;
   
}
#BlockContenuContact{
	display: block;
    position: relative;
    width: 100%;
    height: 580px;
}
#BlockPcontact {
    display: block;
    position: relative;
    max-width: 900px;
    height:570px;
    margin: 40px auto 0 auto;
    border:#000 0px solid;
}

#BlockPcontactHaut {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin: 0 auto 0 auto;
    border:#000 0px solid;
}
#BlockPcontactHautTitre {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 80px;
    border: #ccc 0px solid;
    margin: 0 0 0 0;
    text-align: center;
    font-family: 'quicksandlight';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 30px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactHautTitre:before {
    display: block;
    position: relative;
    width: auto;
    float: none;
    height: 40px;
    border: #ccc 0px solid;
    margin: 0 5px 0 0;
    text-align: center;
    line-height: 20px;
    font-family: 'colbPict';
    font-size: 60px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e900";
}
#blocContactBas{
	display: block;
    position: relative;
    border: #000 0px solid;
    margin: 0px 0 0 0;
    text-align: center;
}
#BlockPcontactMilieuGauche{
	display:block;
	position:relative;
	width:440px;
    margin:30px auto;
    height:80px;
}
#BlockAdresse{
	display: block;
    position: relative;
    width: 33%;
    height: 80px;
    line-height:80px;
    border: #000 0px solid;
    margin: 0 0 0 0;
    text-align: center;
}
#BlockAdressePicto,#BlockTelPicto,#BlockPlanPicto{
	display:block;
    position:relative;
    vertical-align:middle;
    width:40px;
    height:40px;
    border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
	margin: 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:15px;
	line-height:40px;
	background-color:#b5853b;
	color:#fff;
	padding:0;
	text-align:center;
}

#BlockAdresse p{
	display: inline-block;
    position:relative;
    width:auto;
    margin:10px 0 0 0;
    text-align: center;
    font-family: 'ralewaybold';
    line-height: 14px;
    font-size: 12px;
    color: #000;
    vertical-align:top;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockAdresse p a {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0;
    text-align: left;
    font-family: 'ralewaybold';
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactMilieuDroit{
	display: block;
    float: none;
    position: relative;
    max-width: 460px;
    border: #000 0px solid;
    margin: 0 auto;
}
/********/


/********FORMULAIRE*********/
/******************/
#fin-captcha1 {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:130px;
    background-color:rgba(255,255,255,0.5);
}
 #fin-captcha2 {
	display:inline-block;
	float:left;
    margin:5px 0 0 0;
    width:180px;
	}

#fin-button14{
	display:inline-block;
	float:right;
	margin:5px 10px 0 0;
}

#button14{
	display:block;
	position:relative;
	margin:0;
    padding: 22px 15px 22px 15px;
	border:none;
	border-radius:0;
	background-color:#b5853b;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-family: quicksandbold;
	font-size:16px;
	line-height:0px;
	outline: none;
    cursor:pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
     box-shadow: none;
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#fin-nom, #fin-prenom, #fin-sujet, #fin-courriel {
	display:inline-block;
	float:left;
    border-bottom:#6f1d14 1px solid;
    width:210px;
    background-color:rgba(255,255,255,0.5);
 }
#fin-message{
 	display:inline-block;
 	float:left;
 	border-bottom:#6f1d14 1px solid;
 	width:440px;
 	height:160px;
 	background-color:rgba(255,255,255,0.5);
}

#contMessage{
	display:block;
	position:relative;
	max-width:440px;
	height:280px;
	text-align: center;
	margin:0 auto 0 auto;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	background-color:rgba(255,255,255,0.5);
}




}

/********/
@media screen and (min-width: 470px) and (max-width: 568px) {/*****ARDOISE IP 5********/
#contIntroArdoise {
    z-index: 10;
    display: block;
    position: relative;
    top:-150vh;
    width: 320px;
    height: 537px;
    margin: 150px auto 0 auto;
    transform: translateY(-50%);
    background: url(../images/fondArdoiseMidiP.png) center center no-repeat;
    
}
#contIntroArdoisePictoHaut {
    display: block;
    position: relative;
    height: 100px;
    width: 320px;
    margin: 5px auto 0 auto;
    border: #ccc 0px solid;
    text-align: center;
    line-height: 125px;
    font-family: 'colbPict';
    font-size: 55px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroArdoiseTitre {
    display: block;
    position: relative;
    width: 320px;
    margin: -5px auto 0 auto;
    border: #ccc 0px solid;
    text-align: center;
    font-family: 'quicksandlight';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 34px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.grasTitreArdoise {
    font-family: 'quicksandbold';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 34px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroArdoiseTraitAfr {
    z-index: 10;
    display: block;
    position: absolute;
    height: 25px;
    width: 40px;
    top: 130px;
    left: 64px;
    margin: 0 0 0 0;
    border: #ccc 0px solid;
    opacity: 0.2;
    text-align: center;
}
#contIntroArdoiseTraitBfr {
    z-index: 10;
    display: block;
    position: absolute;
    height: 25px;
    width: 40px;
    top: 130px;
    right: 61px;
    margin: 0 0 0 0;
    border: #ccc 0px solid;
    opacity: 0.2;
    text-align: center;
}
#contIntroArdoiseTraitAuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:130px;
	left:88px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTraitBuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:130px;
	right:88px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTuk{
	display:block;
	position:relative;
	height:1px;
	width:20px;
	margin:5px auto 5px auto;
	border-top:#fff 1px solid;
	text-align: center;
}
#contIntroArdoiseT {
    display: block;
    position: relative;
    height: 1px;
    width: 30px;
    margin: 5px auto 5px auto;
    border-top: #fff 1px solid;
    text-align: center;
}
#contIntroArdoiseTexteHoraire {
    display: block;
    position: relative;
    width: 290px;
    margin: 10px auto 0 auto;
    text-align: center;
    padding: 3px;
    font-family: 'quicksandregular';
    line-height: 18px;
    font-size: 14px;
    color: #000;
    background-color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
#contIntroArdoiseText {
    display: block;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;
    font-family: 'quicksandregular';
    line-height: 18px;
    font-size: 16px;
    color: #fff;
    border: #fff 0px solid;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#contIntroPresse {/*Presse IP 5*/
    z-index: 10;
    display: block;
    position: relative;
    width: 400px;
    height: 430px;
    top:-100vh;
    margin: 80px auto 0 auto;
    transform: translateY(-38%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
}
/***************************************************/
@media screen and (max-width: 470px) {

img {
	max-width: 100% !important;
	height: auto !important;
}
/****MENTIONS*****/
.titreMention{
	font-family: 'quicksandbold';
    line-height: 20px;
    font-size: 20px;
    color: #6f1d14;
}
.StitreMention{
	font-family: 'quicksandbold';
    line-height: 15px;
    font-size: 15px;
    color: #6f1d14;
}
#BlockMentionA {
    display: block;
    position: relative;
    max-width: 880px;
    margin: -100px auto 0 auto;
    padding:30px 10px 30px 10px;
    background-color:#fff;
}
#BlockContenuMention {
    display: block;
    position: relative;
    width: 100%;
    }
#blockMention{
	display:block;
	position:relative;
	margin:100px 0 0 0;
	width:100%;
}
#blockMention p{
	text-align: left;
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a{
    font-family: 'ralewaymedium';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#blockMention a:hover{
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/*****FERMETURE RESTO********/
#conteneurIntroFermRestaurant{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    text-align:center;
    z-index:200;
}
#contIntroFermRestaurant{
	z-index:10;
	display:block;
	position:relative;
	max-width:280px;
	height:300px;
	top:-50vh;
	margin:0px auto 0 auto;
	transform: translateY(-50%);
	background-color:#fff;
  	-moz-box-shadow: 0px 0px 5px 0px #000;
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	-o-box-shadow: 0px 0px 5px 0px #000;
	box-shadow: 0px 0px 5px 0px #000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroFermRestaurant:before{
	content: '';
    background: #b5853b;
    width: 80px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    }
    
#contIntroFermRestaurant:after{
	content: '';
    background: #b5853b;
    width: 6px;
    height: 80px;
    position: absolute;
    left: -3px;
    top: 3px;
    }
#contIntroFermRestaurantBF{
	display:block;
	position:absolute;
	text-align:center
	width:30px;
	height:30px;
	right:10px;
	top:10px;
	line-height:24px;
	font-family: 'icomoon';
	font-size: 24px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	cursor:pointer;	
	z-index:200;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
#contIntroFermRestaurantBF:hover{
	color:#000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
	}
#contIntroFermRestaurantBF:before{
	content: "\ea0d";
	}
#contIntroFermRestaurantB1{
	display:block;
	position:relative;
	max-width:278px;
	height:298px;
	text-align:center;
	margin:0 auto 0 auto;
	border:#b5853b 1px solid;
}
#contIntroFermRestaurantB2{
	display:block;
	position:relative;
	width:250px;
	text-align:center;
	margin:30px auto 0 auto;
	
}
#contIntroFermRestaurantB1LogC{
	display:block;
	position:relative;
	width:100%;
	float:none;
	margin:0;
	text-align: center;
	line-height:80px;
	font-family: 'colbPict';
	font-size: 80px;
	color:#b5853b;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;

}
#contIntroFermRestaurantB1LogC:before{
	content: "\e900";	
}
#contIntroFermRestaurantB1Titre{
	display:block;
	position:relative;
	width:auto;
	border:#ccc 0px solid;
	float:none;
	margin:0 auto 0 auto;
	text-align: center;
	font-family: 'quicksandlight', Arial, Helvetica;
	letter-spacing:0px;
	line-height:30px;
	font-size: 30px;
	color:#6f1d14;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
}
.titreGrasIntroCarteFerme {
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 30px;
    font-size: 30px;
    color: #6f1d14;
}
.titreGrasIntroCarteFermeExpo{
    font-family: 'quicksandbold';
    letter-spacing: -1px;
    line-height: 10px;
    font-size: 10px;
    color: #6f1d14;
    vertical-align: super;
}



/**********/
.container {
	width: 292px !important;
}

.hidemobile1 {
	display: none !important;
}

#row1 {
	display: inherit;
}
#logohaut {
	display: inherit;
}
#logohaut {
	height: auto !important;
}
#logohaut .logobloc {
	float :none !important;
	width: auto !important;
}
#blocks1 {
	display: inherit;
}
#hbg {
	display: inherit;
}
#hbg {
	height: auto !important;
}
#hbg .logobloc {
	float :none !important;
	width: auto !important;
}
#maincontent .column {
	width: 100% !important;
	clear:both;
	float:left
}
#maincontent .column1 div.inner, #maincontent .column2 div.inner {
	/*overflow:hidden;*/
}
#maincontent .column div.inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.items-row .item, .column {
	width: auto !important;
	float: none;
	margin: 0 !important;
}

.column div.moduletable, .column div.moduletable_menu {
	float: none;
	width: auto !important;
	/*margin: 0 !important;
	padding: 0 !important;*/
}

/** specifique au formulaire de contact **/
.contact form fieldset dt {
	max-width: 80px;
}

.contact input, .contact textarea {
	max-width: 160px;
}#maintopmodule {
	display: inherit;
}
#maintopmodule {
	height: auto !important;
}
#maintopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centertopmodule {
	display: inherit;
}
#centertopmodule {
	height: auto !important;
}
#centertopmodule .logobloc {
	float :none !important;
	width: auto !important;
}
#centerbottommodule {
	display: inherit;
}
#centerbottommodule {
	height: auto !important;
}
#centerbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
#mainbottommodule {
	display: inherit;
}
#mainbottommodule {
	height: auto !important;
}
#mainbottommodule .logobloc {
	float :none !important;
	width: auto !important;
}
/******************************/
/*******POpUP**************/
#jcemediabox-popup-closelink {
    background: none;
    width: 30px;
    height: 30px;
    right:0;
    position: relative;
    text-align: center;
    float: right;
    border: #b5853b 1px solid;
    padding-left: 0px;
    text-decoration: none;
}
#jcemediabox-popup-closelink:before {
    font-family: 'icomoon';
    font-size: 10px;
    line-height: 30px;
    content: "\ea0f";
    text-decoration: none;
    cursor: pointer;
    color: #b5853b;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
#jcemediabox-popup-info-bottom {
    position: inherit;
    background-color: none;
    min-height: 3px;
    padding: 0px;
    margin: 0px 0px 0 0;
}
#jcemediabox-popup-content {
    padding: 0px 5% 0 5%;
    background-color: #fff;
    text-align:center;
	height:2000px;
}
/*************ACCEIL*******************/
#ContHist{
	display:none;
}

#BlockimageAcc {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: #000 0px solid;
    margin: 0;
    background: url(../images/fondColb.jpg) center center repeat scroll,url(../images/CcolbertAccSmart.png) no-repeat -180px -130px;
    background-blend-mode: multiply;
}
#conteneurAcc{
	z-index:20;
	display:block;
	position:absolute;
	width:100%;
	height:330px;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
	margin-top: 32vh;
   transform: translateY(-50%);
   text-align:center;
}
#BlockAcc{
	display:block;
	position:relative;
	width:260px;
	border:#000 0px solid;
	margin:0px auto 0 auto;	
	text-align:center;
}

#BlockAccLong {
    display: block;
    position: relative;
    float: none;
    text-align: center;
    width: 260px;
    height: 130px;
   margin: 0px auto 0 auto;
}
#BlockAccLongLogo:before {
	display: block;
    position: absolute;
    top: 44px;
    left: 0px;
    margin: 0 0px 0 0px;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbLog';
    font-size: 120px;
    color: #6f1d14;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e901";
    }
#BlockAccCarre03,#BlockAccCarre05,#BlockAccCarre07{
	display:none;
}
#BlockAccCarre01{
	display:inline-block;
	position:relative;
	float:left;
	text-align:center;
	width:130px;
	height:130px;
	margin:0px auto 0 auto;
}
#BlockAccCarre02{
	display:inline-block;
	position:relative;
	float:right;
	text-align:center;
	width:130px;
	height:130px;
	margin:0px auto 0 auto;
}
#BlockAccCarre04{
	display:inline-block;
	position:relative;
	float:left;
	text-align:center;
	width:130px;
	height:130px;
	margin:15px auto 0 auto;
}
#BlockAccCarre06{
	display:inline-block;
	position:relative;
	float:right;
	text-align:center;
	width:130px;
	height:130px;
	margin:15px auto 0 auto;
}
/********/
#BlockAccDecouvrez {
    display: block;
    position: relative;
    width: 100%;
    margin: 0 auto 0 auto;
    text-align:center,
}
#BlockAccRes {
    display: block;
    position: relative;
    width: 100%;
    margin: 25px auto 0 auto;
}
#BlockAccContact {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px 0 0 12px;
    border: #000 0px solid;
    text-align: center;
}
#ContDecAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px 0 0 12px;
    border: #000 0px solid;
    text-align:center;
}
#ContResAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px auto 0 auto;
    border: #000 0px solid;
}
#ContContactAcc {
    display: block;
    position: relative;
    width: 100%;
    height: 130px;
    margin: 0px 0 0 0;
    border: #000 0px solid;
    text-align:center;
}

#bulleDecAcc, #bulleDecAccCh,#bulleDecAccCh2, #bulleDecAccRu, #bulleDecAccRu2 {
    display: block;
    position: relative;
    width: 100%;
    margin: 26px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 0;
    font-size: 125px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleResAcc {
    display: block;
    position: relative;
    width: 100%;
    margin: 26px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 0;
    font-size: 125px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleContactAcc {
    display: block;
    position: relative;
    width: 100%;
    margin: 26px auto 0 auto;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    line-height: 0;
    font-size: 125px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#bulleDecAccCh p {
    display: block;
    position: absolute;
    top: -20px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
#bulleDecAccCh2 p {
    display: block;
    position: absolute;
    top: -22px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 32px;
    color: #fff;
}

#bulleDecAccRu p {
    display: block;
    position: absolute;
    top: -18px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'Quicksand',Arial, Helvetica;
    font-size: 11px;
    line-height: 14px;
    color: #fff;
}
#bulleDecAccRu2 p {
    display: block;
    position: absolute;
    top: -18px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'Quicksand',Arial, Helvetica;
    font-size: 11px;
    line-height: 28px;
    color: #fff;
}
#bulleDecAcc p, #bulleResAcc p, #bulleContactAcc p {
    display: block;
    position: absolute;
    top: -18px;
    width: 100%;
    margin: 0 0 0 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 12px;
    line-height: 14px;
    color: #fff;
}
#PictoResAcc a {
    display: block;
    position: relative;
    margin: 37px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 100px;
    color: #6f1d14;
    line-height: 35px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    
}
#PictoDecAcc a {
    display: block;
    position: relative;
    margin: 35px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 80px;
    color: #6f1d14;
    line-height: 35px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoContactAcc a {
    display: block;
    position: relative;
    margin: 25px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 60px;
    color: #6f1d14;
    line-height: 60px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#PictoCaveCh a {
    display: block;
    position: relative;
    margin: 26px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 100px;
    color: #6f1d14;
    line-height: 30px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    
    }
#PictoHistoCh a {
    display: block;
    position: relative;
    margin: 26px auto 0 auto;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 70px;
    color: #6f1d14;
    line-height: 60px;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    }
    
/************menu haut***************/
#blocResaHBG{
    display:none;
}
#logohaut {
    display: inline-block;
    position: relative;
    float: left;
    margin: 0 0 0 15px;
}
#logohaut a {
    display: block;
    position: relative;
    margin: -5px 0 0 0px;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    text-align: left;
    font-family: 'colbPict';
    font-size: 55px;
    color: #fff;
    speak: none;
    line-height: 75px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#logohaut a:before {
    content: "\e900";
}
.scrollToTop {
    padding: 5px;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    position: fixed;
    bottom: 2px;
    right: 2px;
    display: none;
    width: 20px;
    height: 20px;
    background-color: #b5853b;
}
a.scrollToTop {
    font-size: 18px;
    line-height: 20px;
    z-index: 100;
    
}
/*************CARTE MENU*************/
#contIntroCarte {
    z-index: 10;
    display: block;
    position: relative;
    width: 90%;
    height: 280px;
    top: -50vh;
    margin: 0px auto 0 auto;
    transform: translateY(-50%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contIntroCarteB1 {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin: 10px auto 0 auto;
}
#contIntroCarteB1LogC {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 0px 0 0 3%;
    text-align: center;
    line-height: 93px;
    font-family: 'colbPict';
    font-size: 56px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB1Titre {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 28px 0 0 0px;
    text-align: left;
    font-family: 'quicksandlight', Arial, Helvetica;
    letter-spacing: -3px;
    line-height: 20px;
    font-size: 25px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.titreGrasIntroCarte {
    letter-spacing: -1px;
    line-height: 25px;
    font-size: 25px;
}

#contIntroCarteB2 {
    display: block;
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 auto 0 auto;
}
#contIntroCarteB2Text {
    display: block;
    position: absolute;
    width: 90%;
    top: 0px;
    left: 27px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    padding: 8px 0 8px 0;
}
#contIntroCarteB3 {
    display: block;
    position: relative;
    max-width: 70%;
    margin: 0 auto 0 auto;
    text-align:center;
}
#contIntroCarteB3ContBT {
    display: block;
    position: relative;
    float: none;
    margin: 20px auto 0 auto;
    text-align:center;
}
#contIntroCarteB3Picto {
    z-index: 10;
    display: block;
    position: relative;
    height: 44px;
    width: 100%;
    border: #ccc 0px solid;
    margin: 0 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 50px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB3PictoVin {
    z-index: 10;
    display: block;
    position: relative;
    height: 50px;
    width: 100%;
    border: #ccc 0px solid;
    margin: -10px 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 60px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroCarteB3Bout {
    display: block;
    position: relative;
    height: 0;
    margin: 0 0 0 0;
}
#contIntroCarteB3Bout a {
    display: block;
    position: relative;
    width: auto;
    margin: 0 0 0 0;
    padding: 2px 10px 2px 10px;
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: -1px;
    font-size: 14px;
    color: #fff;
    background-color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    }
#contIntroCarteB3Bout a:before {
    text-decoration: none;
    text-align: left;
    font-family: 'icomoon';
    font-size: 12px;
    margin: 0 5px 0 0;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e9cf";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

#BlockCarteHorD,#BlockCartePartage,#BlockCarteVegan,#BlockCarteHuitre,#BlockCarteFruitsDeMer,#BlockCartePanacheHuitre,#BlockCarteAssietteEcaille,#BlockCartePlateauColbert,#BlockCartePlateauRColbert,#BlockCartePlateauCrustace,#BlockCartePoisson,#BlockCarteViande,#BlockCarteLeg,#BlockCarteFrom,#BlockCarteDessert,#BlockCarteClassiques,#BlockCarteIncontournable,#BlockCarteGlaces,#BlockCarteAperitif,#BlockCarteBiere,#BlockCarteWisky,#BlockCarteAlcool,#BlockCarteSingle,#BlockCarteLongDrink,#BlockCarteDigestif,#BlockCarteJus,#BlockCarteSoda,#BlockCarteInfusion,#BlockCarteSalon,#BlockCarteMenuGC,#BlockCarteChamp,#BlockCarteCarafe,#BlockCarteBlanc,#BlockCarteProvence,#BlockCarteRouge,#BlockCarteEau{
	display: block;
    position: relative;
    max-width: 500px;
    text-align: center;
    margin: 10px auto 10px auto;
    padding: 0 10px 0 10px;
}

#MenuFix{
	display:none;
}
#BlockCartemillieuCont {
    display: block;
    position: relative;
    padding: 0 5px 0 5px;
}
#BlockCartemillieuCont p {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 18px;
    line-height: 18px;
    color: #6f1d14;
    letter-spacing: -1px;
}
table th, table td {
    padding: 10px 5px 2px 0px;
    line-height: 14px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 1px solid #ccc;
    border-top: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    width: auto;
    font-family: 'ralewaymedium';
    font-size: 12px;
}
.textCartePrix {
    text-align: right;
    font-family: 'ralewaybold';
    font-size: 10px;
    line-height: 12px;
    width: 20%;
}
.ZoomCarte a {
    display: block;
    position: relative;
    float: left;
    margin: 6px 2px 0px 0;
    width: 25px;
    border: #000 0px solid;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    font-family: 'icomoon';
    font-size: 18px;
    color: #b5853b;
    speak: none;
    line-height: 0px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.petitTextSCarte {
    margin: -10px 0 0px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 8px;
    line-height: 10px;
    color: #000;
}

.petitTextSCarteM {
    margin: -10px 0 12px 0;
    padding: 0 10px 0 10px;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 8px;
    line-height: 10px;
    color: #6f1d14;
}

.textCarteGras {
    text-align: left;
    font-family: 'ralewaybold';
    font-size: 12px;
    line-height: 14px;
}
.textGrasMaron {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: center;
    font-family: 'quicksandbold';
    font-size: 20px;
    line-height: 15px;
    color: #6f1d14;
}
.textGrasMaron3 {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 16px;
    letter-spacing:-1px;
    color: #6f1d14;
}
#logCcarteMenu {
    display: block;
    position: relative;
    margin: 0 auto 65px auto;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbLog';
    font-size: 100px;
    color: #6f1d14;
    speak: none;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
#PictGCcarte {
    display: block;
    position: relative;
    margin: 20px auto 20px auto;
    width: 100%;
    text-decoration: none;
    text-align: center;
    font-family: 'colbPict';
    font-size: 40px;
    color: #b5853b;
    speak: none;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
}
.textCarte {
    margin: 0px 0 0px 0;
    text-decoration: none;
    text-align: center;
    font-family: 'ralewaymedium';
    font-size: 12px;
    line-height: 14px;
    color: #000;
}
/*******vins**********/
.textMaronTitreCarteVin {
    margin: 0px 0 0px 0;
    padding: 5px 0 5px 0;
    text-decoration: none;
    text-align: left;
    font-family: 'quicksandbold';
    font-size: 16px;
    line-height: 18px;
    color: #6f1d14;
    border-bottom: #ccc 0px solid;
}
.textGrasMaron2CarteVin {
    margin: 0px 0 0px 0;
    padding: 5px;
    width:20%;
    text-decoration: none;
    text-align: center;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 14px;
    line-height: 16px;
    color: #6f1d14;
    border-bottom: #ccc 0px solid;
}
.textCartePrixVin {
    text-align: center;
    font-family: 'ralewaybold';
    font-size: 10px;
    line-height: 12px;
}
.textTitreVinRose {
    margin: 0 0 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    color: #6f1d14;
    background-color: #fff;
}
.textTitreVinRouge {
    margin: 0 0 0 0;
    padding: 5px;
    text-decoration: none;
    text-align: left;
    letter-spacing: -1px;
    font-family: 'quicksandbold';
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    color: #fff;
    background-color: #6f1d14;
}
/************ARDOISE*****************/
#contIntroArdoise {
    z-index: 10;
    display: block;
    position: relative;
    top:-150vh;
    width: 320px;
    height: 537px;
    margin: 20px auto 0 auto;
    transform: translateY(-50%);
    background: url(../images/fondArdoiseMidiP.png) center center no-repeat;
    
}
#contIntroArdoisePictoHaut {
    display: block;
    position: relative;
    height: 100px;
    width: 320px;
    margin: 5px auto 0 auto;
    border: #ccc 0px solid;
    text-align: center;
    line-height: 125px;
    font-family: 'colbPict';
    font-size: 55px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroArdoiseTitre {
    display: block;
    position: relative;
    width: 320px;
    margin: -5px auto 0 auto;
    border: #ccc 0px solid;
    text-align: center;
    font-family: 'quicksandlight';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 34px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.grasTitreArdoise {
    font-family: 'quicksandbold';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 34px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroArdoiseTraitAfr {
    z-index: 10;
    display: block;
    position: absolute;
    height: 25px;
    width: 40px;
    top: 130px;
    left: 64px;
    margin: 0 0 0 0;
    border: #ccc 0px solid;
    opacity: 0.2;
    text-align: center;
}
#contIntroArdoiseTraitBfr {
    z-index: 10;
    display: block;
    position: absolute;
    height: 25px;
    width: 40px;
    top: 130px;
    right: 61px;
    margin: 0 0 0 0;
    border: #ccc 0px solid;
    opacity: 0.2;
    text-align: center;
}
#contIntroArdoiseTraitAuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:130px;
	left:88px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTraitBuk{
	z-index:10;
	display:block;
	position:absolute;
	height:25px;
	width:40px;
	top:130px;
	right:88px;
	margin:0 0 0 0;
	border:#ccc 0px solid;
	opacity:0.2;
	text-align: center;
}
#contIntroArdoiseTuk{
	display:block;
	position:relative;
	height:1px;
	width:20px;
	margin:5px auto 5px auto;
	border-top:#fff 1px solid;
	text-align: center;
}

#contIntroArdoiseT {
    display: block;
    position: relative;
    height: 1px;
    width: 30px;
    margin: 5px auto 5px auto;
    border-top: #fff 1px solid;
    text-align: center;
}
#contIntroArdoiseTexteHoraire {
    display: block;
    position: relative;
    width: 290px;
    margin: 10px auto 0 auto;
    text-align: center;
    padding: 3px;
    font-family: 'quicksandregular';
    line-height: 18px;
    font-size: 14px;
    color: #000;
    background-color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
}
#contIntroArdoiseText {
    display: block;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;
    font-family: 'quicksandregular';
    line-height: 18px;
    font-size: 16px;
    color: #fff;
    border: #fff 0px solid;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/******************historique****************/
#ConteneurPHistoMob,#ConteneurPHistoMobChRu{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
	background:  url(../images/imgHistoMob.jpg) center center no-repeat;
	background-size: cover;
}

#ConteneurHistoMob {
    display: block;
    position: relative;
   width: 80%;
    height: auto;
    margin: 80px auto 0 auto;
    text-align: center;
    background-image: -webkit-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: -moz-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: -o-linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    background-image: linear-gradient(rgba(111,29,20,0.9)80%, rgba(111,29,20,0.2));
    padding: 20px;
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#ConteneurHistoMob:before{
	content: '';
    background: #fff;
    width: 50px;
    height: 6px;
    position: absolute;
    left: -3px;
    top: -3px;
    opacity:0.9;
}
#ConteneurHistoMob:after{
	content: '';
    background: #fff;
    width: 6px;
    height: 50px;
    position: absolute;
    left: -3px;
    top: 3px;
    opacity:0.9;
}
#BlocHistoLogoMob:before {
	display: block;
    position: relative;
    width: 100%;
    margin: 20px auto 40px auto;
    text-align: center;
    font-family: 'colbLog';
    font-size: 100px;
    line-height: 50px;
    color: #fff;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e901";
}
#BlocHistoMobTxt {
    display: block;
    position: relative;
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: left;
    font-family: 'ralewaymedium',Arial, Helvetica;
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    border: #fff 0px solid;
    padding: 10px 0 10px 0;
}
#BlocHistoMobTitre {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    height: 35px;
    margin: 30px 0 0 0;
    text-align: left;
    font-family: 'quicksandregular',Arial, Helvetica;
    
    font-size: 24px;
    letter-spacing: -1px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    }
#BlocHistoMobTitre:before{
    display: block;
    position: relative;
    margin: 0 0 0 -10px;
    float: left;
    font-family: 'colbPict';
    font-size: 50px;
    line-height: 15px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e900";
}
/**********GALLERIE**********/

#contIntroCarteGaller {
    z-index: 10;
    display: block;
    position: relative;
    width: 90%;
    height: 280px;
    margin:-50vh auto 0 auto;
	transform: translateY(-38%);
    
}
#contIntroCarteB3GALLERIE {
    display: block;
    position: absolute;
    z-index:30;
    left:0;
    right:0;
    top: 115px;
    width: 90%;
    height:auto;
    border: #000 0px solid;
    margin: -50vh auto 0 auto;
    transform: translateY(-50%);
    text-align:center;
}
#blockLiensGalle{
	display: block;
    position: relative;
    float: none;
    width: 270px;
    height:105px;
    border: #000 0px solid;
    margin: 20px auto 0 auto;
}
#pictFlecheGALLE {
    display: none;
    }
#pictFlecheGALLE:before {
    font-family: 'icomoon';
    line-height: 60px;
    font-size: 50px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\ea3c";	
}
#BoutGallResto {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.restGoTo a.linkOn{
	pointer-events:auto;
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    -webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

.restGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
  	-ms-transition: all 0.2s ease-in-out;
  	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}

/*******/
.restGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.restGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e9d7";
}
/******/
.restGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
   pointer-events:auto;
}

.restGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e9d7";
}

/******/
#BoutGallPlats {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
#BoutGallPlats:before{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    right: 2px;
    top: 20%;
    opacity:0.5;
    }
#BoutGallPlats:after{
	content: '';
    background: #b5853b;
    width: 1px;
    height: 20px;
    position: absolute;
    left: -1px;
    top: 20%;
    opacity:0.5;
    }
.platGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    }

.platGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
	
}

/******/
/*******/
.platGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.platGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e626";
}
/******/
.platGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:auto;
}

.platGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e626";
}
/******/
#BoutGallVideo {
    display: inline-block;
    position: relative;
    float:left;
    top:0;
    line-height: 0px;
    width: 90px;
    height:100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
.vidGoTo a.linkOn {
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
.vidGoTo a.linkOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color:#b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
}

/*********/
.vidGoTo a.changedOn{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:none;
}
.vidGoTo a.changedOn:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #fff;
	padding:0;
	text-align:center;
	content: "\e913";
}
/******/
.vidGoTo a.changedOff{
    text-align: center;
    font-family: 'quicksandbold', Arial, Helvetica;
    letter-spacing: 0px;
    line-height: 14px;
    font-size: 14px;
    color: #b5853b;
    opacity:0.5;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
  	pointer-events:auto;
}

.vidGoTo a.changedOff:before {
    display:inline-block;
    position:relative;
    width: 90px;
	margin: 0 auto 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:30px;
	line-height:40px;
	color: #b5853b;
	padding:0;
	text-align:center;
	content: "\e913";
}
/*******ST SYLVESTRE**********/
#TitreMenuStsylv {
    display: block;
    position: relative;
    width: 70%;
    padding: 10px;
    border-top: #6f1d14 4px solid;
    border-bottom: #6f1d14 4px solid;
    border-bottom-style: double;
    border-top-style: double;
    margin: 0px auto 30px auto;
    text-align: center;
    font-family: 'quicksandbold';
    line-height: 24px;
    font-size: 24px;
    color: #6f1d14;
}
#MenuStsylv {
    display: block;
    position: relative;
    width: 100%;
    margin: 30px auto 30px auto;
    text-align: center;
    font-family: 'ralewaymedium_italic';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 14px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/******Offrir**********/

#ConteneurOffrir{
	display:block;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:  url(../images/imgHistoMob.jpg) fixed no-repeat;
	background-size: cover;
}
#contIntroCarteB3PictoOffrir {
    z-index: 10;
    display: block;
    position: relative;
    height: 44px;
    width: 100%;
    margin: 0 0 0 0;
    text-align: center;
    line-height: 50px;
    font-family: 'colbPict';
    font-size: 50px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

/************INFO DIVERS*************/
#MenuFixINFO{
	display:none;
}

#contIntroCarteInfo {
    z-index: 10;
    display: block;
    position: relative;
    width: 90%;
    height: 280px;
    top:-50vh;
    margin: -10px auto 0 auto;
    transform: translateY(-38%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
    text-align:center;
}
#contIntroCarteB3INFO {
    display: block;
    position: absolute;
    bottom: 30px;
    left: 0px;
    right:0;
    width: 270px;
    height: 70px;
    border: #ccc 0px solid;
    margin: 0 auto 0 auto;
    text-align:center;
}
#pictFlecheINFO {
    display: none;
    
}

#BoutINFOservices {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
     left: -10px;
    line-height: 0px;
    width: 90px;
    height: 100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOservices a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    
}
#BoutINFOservices a:before {
    display: inline-block;
    position: relative;
    width: 90px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e60a";
    
}
#BoutINFOhoraires {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    left: -5px;
    line-height: 0px;
    width: 90px;
    height: 100px;
    border: #000 0px solid;
    margin: 0 auto 0 auto;
}
#BoutINFOhoraires a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#BoutINFOhoraires a:before {
    display: inline-block;
    position: relative;
    width: 90px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e94e";
    }

#BoutINFOtheatre {
    display: inline-block;
    position: relative;
    float: left;
    top: 0;
    line-height: 0px;
    width: 90px;
    height: 100px;
    margin: 0 auto 0 auto;
}
#BoutINFOtheatre a {
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: 0px;
    line-height: 12px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BoutINFOtheatre a:before {
    display: inline-block;
    position: relative;
    width: 90px;
    margin: 0 auto 0 auto;
    text-decoration: none;
    font-family: 'icomoon';
    font-size: 30px;
    line-height: 40px;
    color: #b5853b;
    list-style: none;
    padding: 0;
    text-align: center;
    content: "\e921";
}

#BlockCarteINFO, #BlockCarteHORAIRE, #BlockCarteTHEATRE {
    display: block;
    position: relative;
    max-width: 495px;
    text-align: center;
    margin: 30px auto 30px auto;
    padding: 0 20px 0 20px;
}
#textPresta {
    display: block;
    position: relative;
    width: 100%;
    margin: 10px auto 10px auto;
    text-align: center;
    font-family: 'ralewaymedium';
    letter-spacing: 0px;
    line-height: 16px;
    font-size: 14px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
/**********************JAZZ@COLBERT***********************************************************/
#contenuHautJazz{
	display:block;
	position:relative;
	width:auto;
	height:140px;
	margin:0px auto 0 auto;
	text-align:center;
}
#contLogJazz{
	display: block;
    position: relative;
    border:#000 1px solid;
	width:80px;
	height:80px;
	margin: 0 auto 0 auto;
	background: url(../images/logJazzColb.gif) no-repeat  center center ;
    background-size:cover;
}
#contJazzLogC{
	display:none;
	
}
#contJazzTextcont{
	display: block;
    position: relative;
    float: none;
    width: auto;
    margin: 5px auto 0 auto;
}

#contJazzLogC:before{
	content: "\e900";	
}
#contJazzTitre{
	display:block;
	position:relative;
	height:20px;
	float:left;
	margin:0px 0 0 5px;
	text-align: left;
	font-family: 'quicksandlight';
	letter-spacing:-3px;
	line-height:40px;
	font-size: 40px;
	color:#6f1d14;
}
#contJazzText{
	display: block;
    position: relative;
    float:none;
    margin: 15px auto 0 auto;
    text-align: center;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 16px;
    font-size: 13px;
    color: #000;
     }

/**********PRESSE**************/

#contIntroPresse {
    z-index: 10;
    display: block;
    position: relative;
    width: 90%;
    height: auto;
    top:-100vh;
    margin: 30px auto 0 auto;
    transform: translateY(-50%);
    background-image: -webkit-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -moz-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: -o-linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    background-image: linear-gradient(rgba(255,255,255,0.9 )70%, rgba(255,255,255,0.7));
    -moz-box-shadow: 0px 0px 5px 0px #000;
    -webkit-box-shadow: 0px 0px 5px 0px #000;
    -o-box-shadow: 0px 0px 5px 0px #000;
    box-shadow: 0px 0px 5px 0px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=5);
}
#contTitrePress {
    display: block;
    position: relative;
    width: 100%;
    height: 80px;
    margin: 5px auto 0 auto;
}
#contenuHautpress {
    display: block;
    position: relative;
    width: 100%;
    height: 147px;
    margin: 0px auto 0 auto;
    text-align: center;
}
#contPressLogC {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 0px 0 0 3%;
    text-align: center;
    line-height: 75px;
    font-family: 'colbPict';
    font-size: 56px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

#contPressTitre {
    display: block;
    position: relative;
    width: auto;
    height: 100px;
    border: #ccc 0px solid;
    float: left;
    margin: 28px 0 0 0;
    text-align: left;
    font-family: 'quicksandlight', Arial, Helvetica;
    letter-spacing: -2px;
    line-height: 20px;
    font-size: 25px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#pictPress,#pictPressUk{
	display:none;
}
#contPressTextcont {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 0 auto;
}
#contPressTextcont:before {
    content: '';
    background: #000;
    width: 30px;
    height: 1px;
    position: absolute;
    left: 25px;
    top: 0px;
    opacity: 0.3;
}

#contPressTextcont:after {
    display:none;
}
#contPressText {
    display: block;
    position: absolute;
    width: 90%;
    top: -1px;
    left: 10px;
    text-align: left;
    font-family: 'ralewaylight';
    letter-spacing: 1px;
    line-height: 14px;
    font-size: 12px;
    color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    padding: 0;
}
#conteneurModulePresse {
    display: block;
    position: relative;
    width: 100%;
    margin: 10px auto 0 auto;
}

#titrePresse {
    display: block;
    position: relative;
    background-color: #b5853b;
    width: 100%;
    height: 30px;
    margin: 10px auto 0px auto;
    padding: 0;
    text-align: center;
    font-family: 'ralewaybold';
    color: #fff;
    line-height: 30px;
    font-size: 12px;
}
/**********************CONTACT***********************************************************/
#BlockimageContact {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: #000 0px solid;
    margin: 0;
    background: none;
   
}
#BlockPcontact {
    display: block;
    position: relative;
    max-width: 100%;
    height:1000px;
    margin: 40px auto 0 auto;
    border:#000 0px solid;
}
#BlockContenuContact{
	display: block;
    position: relative;
    width: 100%;
    height: 1000px;
}
#BlockPcontactHaut {
    display: block;
    position: relative;
    width: 100%;
    height: 90px;
    margin: 0 auto 0 auto;
    border:#000 0px solid;
}
#BlockPcontactHautTitre {
    display: block;
    position: relative;
    float: right;
    width: 100%;
    height: 80px;
    border: #ccc 0px solid;
    margin: 0 0 0 0;
    text-align: center;
    font-family: 'quicksandlight';
    letter-spacing: -3px;
    line-height: 30px;
    font-size: 30px;
    color: #6f1d14;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactHautTitre:before {
    display: block;
    position: relative;
    width: auto;
    float: none;
    height: 40px;
    border: #ccc 0px solid;
    margin: 0 0 0 -6px;
    text-align: center;
    line-height: 20px;
    font-family: 'colbPict';
    font-size: 60px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    content: "\e900";
}
#blocContactBas{
	display: block;
    position: relative;
    border: #000 0px solid;
    margin: 0px 0 0 0;
    text-align: center;
}
#BlockPcontactMilieuGauche{
	display:block;
	position:relative;
	width:90%;
    margin:30px auto;
    height:280px;
}
#BlockAdresse{
	display: block;
    position: relative;
    width: 140px;
    float:none;
    height: 108px;
    line-height:108px;
    border: #000 0px solid;
    margin: 0 auto;
    text-align: center;
}
#BlockAdressePicto,#BlockTelPicto,#BlockPlanPicto{
	display:block;
    position:relative;
    vertical-align:middle;
    width:40px;
    height:40px;
    border-radius: 40px 40px 40px 40px;
-moz-border-radius: 40px 40px 40px 40px;
-webkit-border-radius: 40px 40px 40px 40px;
	margin: 0 auto;
	text-decoration:none;
	font-family:'icomoon';
	font-size:15px;
	line-height:40px;
	background-color:#b5853b;
	color:#fff;
	padding:0;
	text-align:center;
}

#BlockAdresse p{
	display: inline-block;
    position:relative;
    width:auto;
    margin:10px 0 0 0;
    text-align: center;
    font-family: 'ralewaybold';
    line-height: 16px;
    font-size: 14px;
    color: #000;
    vertical-align:top;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockAdresse p a {
    display: inline-block;
    position: relative;
    width: auto;
    margin: 0;
    text-align: left;
    font-family: 'ralewaybold';
    line-height: 16px;
    font-size: 14px;
    color: #000;
    text-decoration: none;
    vertical-align: middle;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#BlockPcontactMilieuDroit{
	display: block;
    float: none;
    position: relative;
    max-width: 100%;
    border: #000 0px solid;
    margin: 0 auto;
}
/********/


/********FORMULAIRE*********/
/******************/
#fin-captcha1 {
	display:inline-block;
	float:none;
    border-bottom:#6f1d14 1px solid;
    width:90%;
    margin:5px auto;
    background-color:rgba(255,255,255,0.5);
}
 #fin-captcha2 {
	display:block;
	float:none;
    margin:5px auto;
    width:90%;
}
#gcaptcha_4, #gcaptcha_5 {
    display: inline-block;
    float: none;
    height: 44px !important;
    margin:0px 10px 0 0;
}
#capchaPict{
	display:inline-block;
	position:relative;
	float:none;
	width:40px;
    height:40px;
    border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
    margin:2px auto;
    cursor:pointer;
	text-decoration:none;
	font-family:'icomoon';
	font-size:25px;
	background-color:#b5853b;
	line-height:41px;
	padding:0;
	text-align:center;
	vertical-align:top;
}
#fin-button14{
	display:block;
	float:none;
	margin:5px auto;
}

#button14{
	display:block;
	position:relative;
	margin:0;
	width:90%;
    padding: 22px 15px 22px 15px;
	border:none;
	border-radius:0;
	background-color:#b5853b;
	color: #fff;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-style: normal;
	font-family: quicksandbold;
	font-size:16px;
	line-height:0px;
	outline: none;
    cursor:pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
     box-shadow: none;
    -moz-transition: all 0.3s ease;	    
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

#fin-nom, #fin-prenom, #fin-sujet, #fin-courriel {
	display:inline-block;
	float:none;
    border-bottom:#6f1d14 1px solid;
    width:90%;
    background-color:rgba(255,255,255,0.5);
    margin:5px auto;
 }
#fin-message{
 	display:inline-block;
 	float:none;
 	border-bottom:#6f1d14 1px solid;
 	width:90%;
 	height:160px;
 	background-color:rgba(255,255,255,0.5);
	margin:5px auto;
}
#fin-button14 {
    display: block;
    position:relative;
    float: none;
    margin: 10px 0 20px 0;
    text-align:center;
}
#button14 {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 20px 40px 20px 40px;
    border: none;
    border-radius: 0;
    background-color: #b5853b;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    font-family: quicksandbold;
    font-size: 16px;
    line-height: 0px;
    outline: none;
    cursor: pointer;
    text-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#contMessage{
	display:block;
	position:relative;
	width:90%;
	height:280px;
	text-align: center;
	margin:0 auto 0 auto;
	border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	background-color:rgba(255,255,255,0.5);
}

#contMessageInt {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 80%;
    height: 50px;
    margin: 80px auto 0 auto;
}

#txtmessage {
    font-family: ralewaybold;
    color: #6f1d14;
    font-size: 15px;
    line-height: 17px;
    text-align: center;
    padding: 0;
    margin: 0px;
}









}











@media screen and (max-width: 320px) {/*ip 4 ardoise*/

#contIntroArdoise {
    z-index: 10;
    display: block;
    position: relative;
    top:-150vh;
    width: 320px;
    height: 450px;
    
    margin: 20px auto 0 auto;
    transform: translateY(-50%);
    background: url(../images/fondArdoiseMidiP.png) center 30px no-repeat;
}
#contIntroArdoiseText {
    display: block;
    position: relative;
    margin: 20px auto 0 auto;
    text-align: center;
    font-family: 'quicksandregular';
    line-height: 16px;
    font-size: 16px;
    color: #fff;
    border: #fff 0px solid;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}
#contIntroArdoiseBT {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0px;
    border: #fff 0px solid;
    margin: 0 0 0 0;
    text-align: center;
}
#contIntroArdoiseBout {
    display: block;
    position: relative;
    height: 40px;
    width: 250px;
    border: #ccc 0px solid;
    margin: 0 auto 0 auto;
}
#contIntroArdoiseBout a {
    display: block;
    position: relative;
    width: auto;
    margin: 0 0 0 0;
    padding: 4px 8px 4px 8px;
    text-align: center;
    font-family: 'quicksandregular';
    letter-spacing: -1px;
    font-size: 16px;
    color: #b5853b;
    background-color: #000;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
    
}
#contIntroArdoiseBout a:before {
    text-decoration: none;
    text-align: left;
    font-family: 'icomoon';
    font-size: 16px;
    margin: 0 5px 0 0;
    color: #b5853b;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    content: "\e9cf";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
#contIntroArdoisePicto {
    z-index: 10;
    display: block;
    position: relative;
    border: #ccc 0px solid;
    margin: 0 auto 0 auto;
    text-align: center;
    line-height: 20px;
    font-family: 'colbPict';
    font-size: 40px;
    color: #b5853b;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

}

@media screen and (min-width: 590px) and (max-width: 600px) {
	
	#contIntroArdoise {
   margin: -50px auto 0 auto;
    
}
#contIntroPresse {
        margin: -50px auto 0 auto;
    
}

	
}