@font-face{
	font-family: 'RockoFLF';
	src: url('font/RockoFLF.ttf');
}

@font-face {
    font-family: 'Impact';
    src: url('font/Impact/impact-webfont.eot');
    src: url('font/Impact/impact-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Impact/impact-webfont.woff') format('woff'),
         url('font/Impact/impact-webfont.ttf') format('truetype'),
         url('font/Impact/impact-webfont.svg#impactregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SwissBold';
    src: url('font/SwissBold/swissbold-webfont.eot');
    src: url('font/SwissBold/swissbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/SwissBold/swissbold-webfont.woff') format('woff'),
         url('font/SwissBold/swissbold-webfont.ttf') format('truetype'),
         url('font/SwissBold/swissbold-webfont.svg#swiss_721bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Swiss';
    src: url('font/Swiss/swiss-webfont.eot');
    src: url('font/Swiss/swiss-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Swiss/swiss-webfont.woff') format('woff'),
         url('font/Swiss/swiss-webfont.ttf') format('truetype'),
         url('font/Swiss/swiss-webfont.svg#swiss_721roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face{
	font-family: 'SwissBoldCon';
	src: url('font/SwissBoldCon.ttf');
}

body {
	color: #333;
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-size: 13px;
	background:url('../img/background/form-0.jpg');
}

header{
	background:url('../img/background/form-19.png') repeat-x center top;
	height:370px;
}

.content{
	background:url('../img/background/form-18-2.png') repeat-x center top;
	padding-top:55px;
                margin-bottom: 25px;
}

.imageBIO{
	width:40px;
	float: left;
}

.logo{
	background:url('../img/background/form-20.png') no-repeat center bottom;
	height:300px;
	width:242px;
	position: absolute;
	left:0;
	top:-38px;
	z-index:4;
}

.menu{
	/*background:url('../img/background/form-22.png') no-repeat center bottom;*/
	height:300px;
	width:inherit;
	position: absolute;
	left:0;
	bottom:0;
	z-index: 2;
}

.compte-panier{
	background:url('../img/background/form-21.png') no-repeat center bottom;
	height:70px;
	width:248px;
	position: absolute;
	right:25px;
	top:0;
	z-index:1;
}

.header-container{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height:inherit;
	position: relative;
	background-position-y: 62%;
}

.header-container-ipad{
    display:none;
}

.menu-general ul{
	background:#c4d8de;
	position:absolute;
	z-index:0;
	left:225px;
	top: 15px;
	padding-right:50px;
	padding-left: 50px;
	width:659px;
	box-shadow: 0 0 11px 0px #5C5C5C;
}

.menu-general ul li{
	padding:10px;
	display: inline-block;
	color:#4e6c16;
	font-family: 'SwissBold';
}

.menu-general ul li a{
	color:#4e6c16;
	font-weight: bold;
}

.compte-panier ul{
 	padding-left:23px;
 	color:#fff;
}

.compte-panier ul li a{
	color:#fff;
}

.compte-panier ul.compte li{
	color:#fff;
	font-family: RockoFLF;
	font-size: 80%;
	display: inline-block;
	padding:4px;
}

.compte-panier ul.panier li{
	color:#fff;
	font-family: RockoFLF;
	font-size: 100%;
	display: inline-block;
	padding:4px;
}

.compte-panier ul.panier{
	padding-top:5px;
	padding-left:65px;
}

.menu img{
	position: absolute;
	top:5px;
	left:26px;
}

.menuPC {
	position:absolute;
	left:10px;
	top:192px;
}

.menuPC{
	width:823px;
	font-family: 'Swiss';
}

.menuPC li{
            display:inline-block;
            height:44px;
            line-height:44px;
            padding-right: 13px;
            padding-left: 13px;
            position: relative;
            cursor: pointer;
}

.menuPC > li::after{
	content:'\25BC';
	color:#fff;
	margin-left:3px;
	font-size:70%;
}

.menuPC li a:hover{
	text-decoration: none;
}

.menuPC li:hover{
    background: rgba(0, 0, 0, 0.2);
}

.menuPC li:hover ul{
	display: block;
}

.menuPC li a{
	color:#fff;
	font-size: 100%;
            transition:0.4s;
}

.menuPC li ul{
	padding: 0;
	margin: 0;
	display: none;
	list-style: none;
	position: absolute;
	z-index: 2000;
	left: -10px;
	top: 43px;
	background:url('../img/background/fond-crepi.png');
	border-left: 1px solid #C5C5C5;
	border-right: 1px solid #C5C5C5;
	width: 255px;
}

.menuPC li ul li{
	display: block;
	height: 30px;
	padding-right: 0;
	text-align: left;
	list-style: none;
	width: 100%;
	border-bottom: 1px dashed #C5C5C5;
	vertical-align: middle;
            transition:0.4s;
}

.menuPC li ul li a{
	display: block;
            text-decoration: none;
            background: transparent;
            border: 0;
            padding: 0;
            height: 100%;
            line-height: 30px;
            font-size: 100%;
            letter-spacing: -0.5px;
            color: #f0f0f0;
            padding-left: 10px;
}

.lien-tab-rap{
	position: absolute;
	top: 194px;
	right: 186px;
	height: 87px;
	width: 80px;
}

.lien-tab-rap a{
	width: inherit;
	height: inherit;
	display: block;
}

.facebook{
    position: absolute;
    top: 81px;
    right: 72px;
    height: 47px;
    width: 97px;
}

.facebook a{
    width: inherit;
    height: inherit;
    display: block;
}

.lien-bierre-vin{
    position: absolute;
    top: 185px;
    right: 78px;
    height: 113px;
    width: 111px;
}

.lien-bierre-vin a{
    width: inherit;
    height: inherit;
    display: block;
}

.contacter-nous{
    position: absolute;
    top: 81px;
    right: 189px;
    height: 40px;
    width: 123px;
}

.contacter-nous a{
    width: inherit;
    height: inherit;
    display: block;
}

.lien-tab-rap-ipad{
	visibility: hidden;
	position: absolute;
	top: 194px;
	right: 186px;
	height: 87px;
	width: 80px;
}

.lien-tab-rap-ipad a{
	width: inherit;
	height: inherit;
	display: block;
}

.ContainerFooter{
	background: url('../img/background/form-24.png') no-repeat center;
	height:inherit;
	width:1100px;
	margin: auto;
	background-position-y: 80%;
	position: relative;
}

.ContainerFooter ul{
	position: absolute;
	top:47px;
	left: 98px;
	margin: 0;
	padding: 0;
             width: 340px;
}

.ContainerFooter ul li{
	display:inline-block;
	padding-right: 13px;
	color:#70584d;
	font-size: 120%;
	font-family: RockoFLF;
}

.ContainerFooter ul li a{
	color:#70584d;
}


h1, h2, h3, h4 {
	font-family: 'Open Sans', Verdana, Arial, sans-serif;
	font-weight: 700;
}

.footer {
	background: url('../img/background/footer.png') repeat-x;
	height:168px;
}

#flashMessage{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	background: #CC0000;
	color: #FFFFFF;
	font-weight: 700;
            position: static;
}

.f10 {
	font-size: 10px;
}

.f11 {
	font-size: 11px;
}

.f12 {
	font-size: 12px;
}

.error {
	font-size: 11px;
	color: red;
}

.alert-error {
background: #FBE3E4;
color: #D12F19;
border-color: #FBC2C4;
}

.debug {
	font-size: 12px;
	padding: 10px;
}

.flash-msg {
	position: fixed;
	top: 51px;
	right: 0;
	z-index: 10000;
}

.px60 {
	max-height: 60px;
	max-width: 80px;
}

.tl { text-align: left }
.tr { text-align: right }
.tc { text-align: center }

@media (max-width: 767px) {

	.content {
		padding: 10px;
	}

	.footer {
		padding: 10px;
	}

}
.image
{
	max-width:150px;
	max-height:150px;
}

.message{
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
                        transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
                        transparent 75%, transparent);
     box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
     width: 100%;
     border: 1px solid;
     color: #fff;
     padding: 15px;
     position: fixed;
     _position: absolute;
     z-index:100000;
     text-shadow: 0 1px 0 rgba(0,0,0,.5);
     -webkit-animation: animate-bg 5s linear infinite;
}

.info{
     background-color: #4ea5cd;
     border-color: #3b8eb5;
}

.error{
     background-color: #de4343;
     border-color: #c43d3d;
}

.warning{
     background-color: #eaaf51;
     border-color: #d99a36;
}

.success{
     background-color: #61b832;
     border-color: #55a12c;
}

.message h3{
     margin: 0 0 5px 0;
}

.message p{
     margin: 0;
}

@keyframes animate-bg {
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}

.menu-button{
	position: absolute;
	top:20px;
	left:20px;
	background:#6a5349;
	padding:12px;
}

.menuTransversalePC{
    width:823px;
    font-family: 'Swiss';
    position: absolute;
    left: 28px;
    top: 280px;
}

.menuTransversalePC li{
            display:inline-block;
            height:53px;
            line-height:53px;
            padding-right: 13px;
            padding-left: 13px;
            position: relative;
            cursor: pointer;
}

.menuTransversalePC > li::after{
    content:'\25BC';
    color:#fff;
    margin-left:3px;
    font-size:70%;
}

.menuTransversalePC li a:hover{
    text-decoration: none;
}

/*.menuPC li:hover ul li a{
    padding-left:25px;
}*/

.menuTransversalePC li:hover{
    background: rgba(0, 0, 0, 0.2);
}

.menuTransversalePC li:hover ul{
    display: block;
}

.menuTransversalePC li a{
    color:#fff;
    font-size: 100%;
            transition:0.4s;
}

.menuTransversalePC li ul{
    padding: 0;
    margin: 0;
    display: none;
    list-style: none;
    position: absolute;
    z-index: 2000;
    left: -10px;
    top: 53px;
    background:url('../img/background/fond-crepi-1.png');
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    width: 255px;
}

.menuTransversalePC li ul li{
    display: block;
    height: 30px;
    padding-right: 0;
    text-align: left;
    list-style: none;
    width: 100%;
    border-bottom: 1px dashed #C5C5C5;
    vertical-align: middle;
            transition:0.4s;
}

.menuTransversalePC li ul li a{
    display: block;
            text-decoration: none;
            background: transparent;
            border: 0;
            padding: 0;
            height: 100%;
            line-height: 30px;
            font-size: 100%;
            letter-spacing: -0.5px;
            color: #f0f0f0;
            padding-left: 10px;
}

.ContainerImageBanniere{
    width:inherit;
    height:105px;
/*display: table-cell;*/
    vertical-align: middle;
    text-align:center;
}

.back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    font-size: 12px;
    padding: 1em;
    display: none;
}

.back-to-top:hover {
    background-color: rgba(135, 135, 135, 0.50);
}

#fade {
    background:#000;
    position:fixed;
    width:100%;
    height:100%;
    filter:alpha(opacity = 80);
    opacity:.80;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /*--Transparence sous IE 8--*/
    left:0;
    top:0;
    z-index:10;
}

body {
    position:relative;
}
#hideshow {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
}
.popup_block {
    background: #ddd; */
    padding: 10px 20px;
    border: 10px solid rgba(10,10,10,0.5);
    float: left;
    width: 480px;
    position: fixed;
    top: 20%;
    left: 50%;
    margin: 0 0 0 -250px;
    z-index: 100;
    background-color: rgba(100,100,100,0.5);
}
.popup_block .popup {
    float: left;
    width: 100%;
    background: rgb(227, 227, 227);
    padding: 16px;
    border: 1px solid rgba(0, 0, 0, 0.7);
}

.popup h3 {
    margin: 0 0 20px;
    padding: 5px 10px;
    border-bottom: 1px solid #8A8A8A;
    font-size: 1.5em;
    font-weight: normal;
}
.popup p {
    padding:5px 10px;
    margin:5px 0;
}
.popup img.cntrl {
    position:absolute;
    right:-20px;
    top:-20px;
}

.ligne-panier{
    border: 1px solid rgb(218, 218, 218);
}

/*"""""""""""""""--TABLEAU PANIER---"""""""""""""""""*/

.TablePanier {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #ffffff;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.TablePanier table{
    border-collapse: collapse;
        border-spacing: 0;
    width:100%;
    height:100%;
    margin:0px;padding:0px;
}.TablePanier tr:last-child td:last-child {
    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;
}
.TablePanier table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.TablePanier table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.TablePanier tr:last-child td:first-child{
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;
}.TablePanier tr:hover td{

}
.TablePanier tr:nth-child(odd){ background-color:#e5e5e5; }
.TablePanier tr:nth-child(even)    { background-color:#ffffff; }.TablePanier td{
    vertical-align:middle;


    border:1px solid #ffffff;
    border-width:0px 1px 1px 0px;
    text-align:center;
    padding:12px;
    font-size:12px;
    font-family:'Open Sans', Verdana, Arial, sans-serif;
    font-weight:normal;
    color:#333333;
}.TablePanier tr:last-child td{
    border-width:0px 1px 0px 0px;
}.TablePanier tr td:last-child{
    border-width:0px 0px 1px 0px;
}.TablePanier tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.TablePanier tr:first-child td{
        background:-o-linear-gradient(bottom, #f0af15 5%, #f0af15 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0af15), color-stop(1, #f0af15) );
    background:-moz-linear-gradient( center top, #f0af15 5%, #f0af15 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0af15", endColorstr="#f0af15");  background: -o-linear-gradient(top,#f0af15,f0af15);

    background-color:#f0af15;
    border:0px solid #ffffff;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#ffffff;
}
.TablePanier tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #f0af15 5%, #f0af15 100%);    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f0af15), color-stop(1, #f0af15) );
    background:-moz-linear-gradient( center top, #f0af15 5%, #f0af15 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0af15", endColorstr="#f0af15");  background: -o-linear-gradient(top,#f0af15,f0af15);

    background-color:#f0af15;
}
.TablePanier tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.TablePanier tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}

.TablePanier tr:first-child td{
    padding: 10px;
}

.TablePanier tr td.colonne-article{
    text-align: left;
}

.block{
      display: block;
      width:100%;
      padding: 9.5px;
      margin: 0 0 10px;
      font-size: 8px;
      line-height: 1.42857143;
      color: #333;
      background-color: #f5f5f5;
      border: 1px solid #ccc;
      border-radius: 4px;
  }

  .ardoise{
        padding: 10px;
        margin: 0 0 10px;
        color: #333;
        background:url('../img/background/ardoise.jpg');
        background-size: cover;
        box-shadow: 0px 0px 7px 0px rgb(36, 36, 36);
        border-radius: 1px;
        text-align: justify;
  }

  .titreArdoise{
        color: #93b74d;
        font-family: 'Open Sans', Verdana, Arial, sans-serif;
        font-style: italic;
        font-size: 14px;
  }

  .ardoise .descriptionArdoise{
    color:white;
  }

  .imgProduit{
        width:100%;
        margin: 10px 0px 10px 0px;
        border: 1px solid #ccc;
        padding:5px;
        text-align: center;
  }

  .imgProduit img{
    max-width: 100%;
  }

  .reservationArtDetail{
    color: #db2d46;
    background: white;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    font-family: Arial;
    font-weight: bold;
    font-size: 110%;
    letter-spacing: -0.3px;
    border-top: 1px solid #db2d46;
    border-bottom: 1px solid #db2d46;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .error-message{
    color: red;
    font-weight: bold;
    font-size: 11px;
    font-family: 'Open Sans', Verdana, Arial, sans-serif;
  }