﻿
#animation { width: 725px; height: 349px; background: url(/medias/communs/animation_bg.jpg) no-repeat;}

#SousAnimation { width: 725px; min-height: 78px; height: 78px; background: url(/medias/communs/sous_animation.jpg) no-repeat center bottom; }
#SousAnimation em { background: url(/medias/communs/mstr_colgc_puce.gif) no-repeat right 0.45em; padding: 0 0 0 9px;}

.fr #SousAnimation #accbistros { width: 232px; margin: 0 10px; float:left; padding: 0 0 25px 0; background: url(/medias/fr/acc_bistro_logo.png) no-repeat left 0;}
.en #SousAnimation #accbistros { width: 232px; margin: 0 10px; float:left; padding: 0 0 25px 0; background: url(/medias/en/acc_bistro_logo.png) no-repeat left 0;}
#SousAnimation #accbistros h2 { font-size: 11px; position: relative; margin: 18px 0 0 110px; text-align: left; z-index: 3; color:#054f2d; width: 120px; font-weight:normal; }
#SousAnimation #accbistros p { font-size: 10px; position: relative; margin: 5px 0 0 110px; text-align: left; color:#544a31; width: 120px; }
#SousAnimation #accbistros p.txtContenu { margin: 0 0 0 15px; width:120px; }

#SousAnimation #accrecettes { width: 208px;	margin: 0 0 0 20px; float:left; padding: 0 0 15px 0;}
#SousAnimation #accrecettes h2 { font-size: 11px; position: relative; margin: 18px 0 0 15px; text-align: left; color:#054f2d; width: 120px; font-weight:normal; }
#SousAnimation #accrecettes p { font-size: 10px; position: relative; margin: 5px 0 0 15px; text-align: left; color:#544a31; width: 120px; }
#SousAnimation #accrecettes p.txtContenu { margin: 0 0 0 15px; width:120px; }
#SousAnimation #accrecettes img { position: absolute; left: 125px; top:-20px;}
#SousAnimation a img { border: 1px solid #e2e2e2;}
#SousAnimation a:hover img { border-color: #7b7152;}

/*#SousAnimation #accboutique { width: 221px; min-height: 85px; margin: 0 0 0 24px; float:left; background: url(/medias/communs/acc_boutique_bg.png) no-repeat 127px 26px; }*/
#SousAnimation #accboutique { width: 221px; min-height: 85px; margin: 0 0 0 24px; float:left; background: url(/medias/fr/st-val.png) no-repeat right 5px; }
.en #SousAnimation #accboutique {background: url(/medias/en/st-val.png) no-repeat right 5px; }
#SousAnimation #accboutique h2 { font-size: 11px; position: relative; margin: 18px 0 0 15px; text-align: left; color:#054f2d; width: 180px; font-weight:normal; }
#SousAnimation #accboutique p { font-size: 10px; position: relative; margin: 5px 0 0 15px; text-align: left; color:#544a31; width: 180px; }
#SousAnimation #accboutique p.txtContenu { margin: 0 0 0 15px; width:120px; }

#boxConsomm em, #boxMembres em, .boxAccueilExtranet em { background: url(/medias/communs/mstr_colgc_puce.gif) no-repeat right 0.45em; padding: 0 0 0 9px; }

#boxConsomm em.basket {background: url(/medias/communs/mstr_colgc_basket.gif) no-repeat left -1px; display:inline-block; height:15px; width:15px;}


#boxConsomm { width: 230px;	height: 100px; margin: 12px auto 0 auto; background-image: url(/medias/communs/acc_g01.png); background-repeat: no-repeat;}
#boxConsomm h2 { font-size: 11px; margin: 0 0 0 93px; padding: 27px 0 8px 0; text-align: left; z-index: 3; color:#FFFFFF; font-weight:bold; width: 120px; }
#boxConsomm p { font-size: 10px; margin: 2px 0 0 93px; text-align: left; z-index: 3; color:#544a31; width: 120px; }


#boxEntrep { width: 230px;	height: 86px; margin: -15px auto 0 auto; padding-top: 5px; background-image: url(/medias/communs/acc_g02.png); background-repeat: no-repeat;}
#boxEntrep h2 { font-size: 11px; margin: 0 0 0 9px; padding: 16px 0 0 0;text-align: left; z-index: 3; color:#FFFFFF; font-weight:bold; width: 230px; }
#boxEntrep ul { font-size: 10px; position: relative; margin: 7px 0 0 8px;  text-align: left; z-index: 3; color:#544a31; width: 230px; }
#boxEntrep em {  background: url(/medias/communs/mstr_colgc_puce.gif) no-repeat right 0.45em; padding: 0 0 0 9px; }

#boxMembres { width: 230px;	height: 88px; margin: 7px auto 0 auto; padding-top: 5px; background-image: url(/medias/communs/acc_g03.png); background-repeat: no-repeat;}
#boxMembres h2 { font-size: 11px; margin: 0 0 0 93px; padding: 0; text-align: left; z-index: 3; color:#FFFFFF; font-weight:bold; width: 120px; }
#boxMembres p { font-size: 10px; position: relative; margin: 13px 0 0 93px;  text-align: left; z-index: 3; color:#544a31; width: 120px; }

#boxNouvelles { width: 230px; min-height: 150px; margin: 0 auto; padding-top: 5px; background-image: url(/medias/communs/acc_news_bg.jpg); background-repeat: no-repeat;}
#boxNouvelles h2 { font-size: 11px; position: relative; margin: 8px 0 0 18px; text-align: left; z-index: 3; color:#054f2d; font-weight:normal; }
#boxNouvelles h2 img { position: absolute; top: -2px; margin-left: 5px;}
#boxNouvelles h3 { font-size: 11px; position: relative; margin: 10px 0 0 0; text-align: left; z-index: 3; color:#544a31; font-weight:bold; padding-right: 15px; }
#boxNouvelles ul, #boxNouvelles p { font-size: 11px; line-height:15px; position: relative; margin: 0 15px 0 18px; text-align: left; z-index: 3; color:#544a31; }
#boxNouvelles em {  background: url(/medias/communs/mstr_colgc_puce.gif) no-repeat right 0.45em; padding: 0 0 0 9px; }
#boxNouvelles .hr {  margin-right: 25px; margin-left: 18px;}

#mstrFtr div.hr { margin: 0 0 0 251px; }



.slideshow, #gallery, #accGalCtnr { width:725px; height:349px; background:#fff;}
.pagination { display:none !important; }
.image-wrapper {margin:0;}

#accGalCtnr img {border:none !important;}
#accGalCtnr a {border:none !important; cursor:pointer;}

.thumbs a {display:none;}

/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 724px; display: block;}
.flex-pauseplay span {text-transform: capitalize;}
/*.flexslider .slides a {cursor:pointer;}*/
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {background: #fff; position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */
.flex-direction-nav li a {width: 50px; height:71px; margin: 0; display: block;  position: absolute; top: 140px; cursor: pointer !important; text-indent: -9999px; outline:none;}
.flex-direction-nav li a.next {background: url(/medias/communs/bg_nav_diapora.png) no-repeat 0 0; right:-10px;}
.flex-direction-nav li a:hover.next {background: url(/medias/communs/bg_nav_diapora.png) no-repeat 0 -71px;}

.flex-direction-nav li a.prev {background: url(/medias/communs/bg_nav_diapora2.png) no-repeat 0 0; left: -10px;}
.flex-direction-nav li a:hover.prev {background: url(/medias/communs/bg_nav_diapora2.png) no-repeat 0 -71px;}
.flex-direction-nav li a.disabled {background:none; cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; right:20px; text-align: center; display:none;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/medias/communs/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; background: rgba(58,31,8,.3); border:1px solid white;}
.flex-control-nav li a:hover, .flex-control-nav li a.active {background-position: 0 -13px; background: rgba(58,31,8,.7); cursor:pointer;}



