/* @group Layout Structure
============================================================ */

html, body, blockquote {
  position: relative;
  min-height: 100%;
  /*margin-bottom: 25px;*/
}
p {
  text-align: justify;
}

/*@media(max-width:480px) and (orientation:portrait){
	html, body {
	  margin-bottom: 10px;
	}
}

@media(max-width:700px) and (orientation:landscape){
	html, body {
	  margin-bottom: 10px;
	}
}*/

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* @group Generic
------------------------------------------------------------ */

#body-container {
	background-color: white;
}

.wrapper {
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	max-width: 930px;
}



/* @group Main
------------------------------------------------------------ */

body,
input,
textarea,
input[type=checkbox] + label,
input[type=radio] + label,
blockquote p.source {
  color: #666;
  line-height: 1.75;
}

/* @end */
textarea {
    box-sizing: border-box;
    resize: none;
    text-align: justify;
}


/* @group Paddings and Margins
------------------------------------------------------------ */

p, ol, ul, dl, form,
.icon-text, .tabgroup, .togglergroup, .gallery-wrapper, #respond {
  padding-top: .5em;
  padding-bottom: .5em;
}
ul {
  margin-top: -20px;
}

table, pre,
.box, blockquote,
.note, .success, .notice, .warning, .error {
  margin-top: .5em;
  margin-bottom: .5em;
}

/* @end */

/* @end */

/* @group Alignments, Floats and Helpers
------------------------------------------------------------ */

.alignleft   { float: left;  margin: 5px 15px 5px 0; }
.alignright  { float: right; margin: 5px 0    5px 15px; }
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft.small  { margin-right: 10px; }
.alignright.small { margin-left: 10px; }

.left   { text-align: left; }
.right  { text-align: right; }
.center { text-align: center; }

span.left   { text-align: left; }
span.right  { text-align: right; }
span.center { text-align: center; }

small,
.text.small  { font-size: .85em; }
.text.big    { font-size: 1.5em; }
.text.bigger { font-size: 2.5em; }
.text.huge   { font-size: 3.5em; }

.primary   { float: left; }
.secondary { float: right;}

.first { margin-left: 0 !important; }
.last  { margin-right: 0 !important; }

.top    { margin-top: 0;    padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }


/* @end */

/* @group Dividers, Spacers and Rulers
------------------------------------------------------------ */

.hr,
.hr-wrapper,
.spacer,
.divider {
  clear: both;
  display: block;
}

.hr {
  border-top: 1px solid #dadada;
}

.hr-wrapper        { padding: 1.5em 0; }
.hr-wrapper.big    { padding: 2em 0; }
.hr-wrapper.bigger { padding: 2.5em 0; }
.hr-wrapper.huge   { padding: 3em 0; }
.hr-wrapper.small  { padding: 1em 0; }

.spacer        { height: 1em; }
.spacer.big    { height: 2em; }
.spacer.bigger { height: 3em; }
.spacer.huge   { height: 4em; }
.spacer.small  { height: .5em; }

.hr.smaller {
  padding: 0;
}

/* @end */

/* @group Dropcaps
------------------------------------------------------------ */

.dropcap,
.dropcap-square,
.dropcap-circle {
  display: block;
  float: left;
  font-weight: normal;
  line-height: 36px;
  margin-right: 6px;
}

.dropcap {
  font-size: 3.1em;
}

.dropcap-square,
.dropcap-circle {
  background-color: #666;
  color: white;
  margin-top: 3px;
  text-align: center;
}

.dropcap-square {
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  font-size: 2.3em;
  width: 36px;
}

.dropcap-circle {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  font-size: 1.78em;
  width: 36px;
}

/* @end */

/* @group Social Icons
------------------------------------------------------------ */

ul.social-icons {
  list-style: none;
  padding-left: 0;
  overflow: hidden;
}

ul.social-icons li {
  float: left;
  margin-right: 7px;
  margin-top: 20px;
}

ul.social-icons li a {
  background-repeat: no-repeat;
  display: block;
  height: 16px;
  opacity: .65;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
	filter: alpha(opacity=65);
  text-indent: -9999px;
  transition: opacity .2s linear;
  -moz-transition: opacity .2s linear;
  -ms-transition: opacity .2s linear;
  -o-transition: opacity .2s linear;
  -webkit-transition: opacity .2s linear;
  width: 16px;
}

.secondary ul.social-icons li {
  margin: 0 0 0 5px;
}

ul.social-icons li a:hover {
  opacity: 1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

/* @end */


/* @group Lists
------------------------------------------------------------ */

ul.checklist, ul.crosslist, ul.minuslist, ul.pluslist,
ul.checklist li ul, ul.crosslist li ul, ul.minuslist li ul, ul.pluslist li ul {
  padding-left: 0;
}

ul.checklist li, ul.crosslist li, ul.minuslist li, ul.pluslist li {
  background: url(../lib/frontend/images/list_icons.png) no-repeat;
  list-style: none;
  padding-left: 25px;
}

ul.checklist li { background-position: 2px -75px; }
ul.crosslist li { background-position: -27px -46px; }
ul.pluslist  li { background-position: -53px -20px; }
ul.minuslist li { background-position: -75px 2px; }

/* @end */






/* @group Top Bar
------------------------------------------------------------ */

#top-bar {
    overflow: hidden;
    height: 25px
}


#top-bar .navbar-text{
    display: block;
    margin-top: 3px
}

/* color */
#top-bar {
    background-color: #d9d7d9;
}
#top-bar .navbar-text{
    color: #333;
}

body.no-top-bar #top-bar {
  display: none;
}

/*
@media(max-width:480px) and (orientation:portrait) {
    .navbar-fixed-bottom { 
    	position: fixed; 
    	top: 0; 
    	left: 0; 
    	width: 100%; 
    	margin: 0; 
    }

    body.no-top-bar .mainbody{
		margin-top: 0px
	}

	body.with-top-bar .mainbody{
		margin-top: 25px
	}
}
/* @end */

/* @group Info Bars
------------------------------------------------------------ */

.info-bar {
  padding: 10px 0 0px;
  overflow: hidden;
}

/* Social Icons */

.info-bar ul.social-icons {
  padding: 3px 0 0;
}

/* Navigation */

.info-bar nav ul {
  list-style: none;
  padding: 1px 0 0 0;
  overflow: hidden;
}

.info-bar nav ul li {
  float: left;
}

.info-bar .primary {
  padding-left: 15px;
}

.info-bar .secondary {
  padding-right: 15px;
}

.info-bar .primary nav ul li {
  margin-right: 15px;
}

.info-bar .secondary nav ul li {
  margin-left: 15px;
}

.info-bar nav ul li a {
  text-decoration: none;
}

.info-bar nav ul li a:hover {
  text-decoration: underline;
}

.info-bar nav ul li a:hover {
  text-decoration: none;
}

/* @end */

/* @group Info Boxes
------------------------------------------------------------ */

.info-box {
  border: 1px solid;
  padding: 8px 8px 8px 35px;
}

.info-box.note    { border-color: #DADADA;                 background: #f7f7f7  }
.info-box.success { border-color: #A3C159; color: #5E6F33; background: #DEE3AB }
.info-box.help    { border-color: #68A2CF; color: #2E6093; background: #BFE4F9 }
.info-box.notice  { border-color: #68A2CF; color: #2E6093; background: #BFE4F9 }
.info-box.warning { border-color: #E6C555; color: #9E660D; background: #FDEBAE }
.info-box.error   { border-color: #FF9999; color: #C31B00; background: #FFCCCC }

.info-box.no-icon {
  background-image: none;
  padding-left: 8px;
}

.info-box.legend { width: 16px; height:16px; border-radius: 4px; padding: 0px 8px 0px 8px; }

/* @end */



/* @group Header Bar
------------------------------------------------------------ */

#header-bar {
  -moz-box-shadow:    inset 0 0 0 0 transparent,
                      inset 0 -15px 15px -15px rgba(0,0,0, .4);
  -webkit-box-shadow: inset 0 0 0 0 transparent,
                      inset 0 -15px 15px -15px rgba(0,0,0, .4);
  box-shadow:         inset 0 0 0 0 transparent,
                      inset 0 -15px 15px -15px rgba(0,0,0, .4);
  position: relative;
  z-index: 4;
}

/* @end */

/* @group Header
------------------------------------------------------------ */

#header {
  position: relative;
}

#header-top-border,
#header-bg,
#header-shine,
#header-gradient,
#header-light {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#header-top-border {
  background: white;
  height: 1px;
  z-index: 2;
  opacity: .2;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

#header-bg {
  background-image: url(https://www.infovino.fr/lib/frontend/images/header_footer_bg.png);
  background-position: left top;
  background-repeat: repeat;
  z-index: 1;
  opacity: .25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
	filter: alpha(opacity=25);
  height: 100%;
}

#header-shine {
  z-index: 2;
}

#header-gradient {
  z-index: 1;
}

#header-light {
  background: url(https://www.infovino.fr/lib/frontend/images/header_light.png) center top no-repeat;
  height: 245px;
  z-index: 2;
}

#header-wrapper .wrapper{
  overflow: visible;
  /* width: 930px;
  z-index: 3;  */
  *z-index: 3;  /* IE Fix to prevent DropDown Menu from showing behind content */
  position: relative;
  margin-bottom: 78px;
}

body.header-style-left.with-featured-content #header-wrapper .wrapper{
  overflow: visible;
  /* width: 930px;
  z-index: 3;  */
  *z-index: 3;  /* IE Fix to prevent DropDown Menu from showing behind content */
  position: relative;
  margin-bottom: 279px;
}


#main-navbar {
  background-color: transparent;
  border: none;
  position: relative;/**/
}


#admin-navbar {
  background-color: transparent;
  border: none;
  position: relative;/**/
}

.navbar-default .navbar-collapse{
	border-color: transparent;
}
.menu-header-bar-container ul{
  margin-top: 0px;
}

/* @end */

/* Left Styled Header */

body.header-style-left #header-shine {
  background: url(https://www.infovino.fr/lib/frontend/images/header_shine_left.png) -200px bottom no-repeat;
  height: 79px;
}

body.header-style-left #header,
body.header-style-left #header-gradient {
	min-height: 215px;
  height: 100%;
}

body.header-style-left.with-featured-content #header {
	min-height: 416px;
	height: 100%;
}

@media(max-width:641px){

	body.header-style-left.with-featured-content #header-wrapper .wrapper{
	  margin-bottom: 179px;
	}
	
	body.header-style-left.with-featured-content #header {
	  min-height: 316px;
	}
}

/* Logo */

#header .wrapper #logo {
  margin: 0;
  position: absolute;
  top:-55px;
}

@media(min-width:480px)
{
	.navbar-collapse {
        box-shadow: none;
    }
}
@media(max-width:480px)
{
	/*body.header-style-left #main-navbar{
		height:60px;
	}
*/

  #main-navbar .navbar-nav>li {
    	
    	padding-left: 70px;
    	width: 100%;
	}

  #admin-navbar .navbar-nav>li {
      padding-left: 10px;
      width: 100%;
  }


	#main-navbar .navbar-collapse {
        top: 10px !important;
        position: relative;
    }

  #admin-nav  .navbar-collapse {
        top: 10px !important;
        position: relative;
    }
	#header .wrapper #logo {
  		top:-45px;
	}
	#header .wrapper #logo img{
		width: 70%;
	}


}




/* @group Navigation
------------------------------------------------------------ */
.nav > li
{
  min-width: 145px;
}

#main-nav ul {
  list-style: none;
  padding: 0;
  position: relative;
}

#main-nav ul li a {
  text-decoration: none;
}

#main-nav > ul > li > a {
  letter-spacing: .09em;
  text-transform: uppercase;
}

#main-navbar ul {
  list-style: none;
  padding: 0 0 15px;
  position: relative;
}

#main-navbar ul li a {
  text-decoration: none;
}

#main-navbar > ul > li > a {
  letter-spacing: .09em;
  text-transform: uppercase;
}

#admin-nav ul {
  list-style: none;
  padding: 0;
  position: relative;
}

#admin-nav ul li a {
  text-decoration: none;
}

#admin-nav > ul > li > a {
  letter-spacing: .09em;
  text-transform: uppercase;
}

#admin-navbar ul {
  list-style: none;
  padding: 0 0 0px;
  position: relative;
}

#admin-navbar ul li a {
  text-decoration: none;
}

#admin-navbar > ul > li > a {
  letter-spacing: .09em;
  text-transform: uppercase;
}

@media(max-width: 767px)
{
  #admin-nav > ul > li > a,
  #admin-navbar > ul > li > a {
    text-align: left;
    
  }
}
/* Bootstrap */

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover {
	border: none;
	background: transparent;
}
.navbar-default .navbar-toggle:hover > .icon-bar{
	background-color: #FFF;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #ccc;
}

#admin-navbar.navbar .navbar-toggle:hover > .icon-bar{
  background-color: #800000;
}
#admin-navbar.navbar .navbar-toggle .icon-bar{
  background-color: #555555;
}

.navbar-default .navbar-nav > .open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus,
.nav .open > a, 
.nav .open>a:hover, 
.nav .open>a:focus{ background-color: transparent; }

.navbar-default .navbar-nav > .active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus{ background-color: transparent; }

/* #end */



/* Right Navigation */

body.header-style-left #main-navbar {
  position: relative;
  right: 0;
  top: 50px;
  z-index: 400;
  height:auto !important;
}

@media (max-width: 767px)
{
  body.header-style-left #main-navbar {
    height: auto !important;
  }
}


body.header-style-left #admin-navbar {
  position: relative;
  right: 0;
  top: 5px;
  z-index: 400;
  height:auto !important;
}

body.header-style-left #main-navbar .navbar-collapse{
  margin-bottom: 30px;
}

body.header-style-left #admin-navbar .navbar-collapse{
  margin-bottom: 0px;
}

body.header-style-left #main-nav > ul {
  float: right;
  display: block;
  height:auto !important;
  position: relative;
}

body.header-style-left #main-nav > ul > li {
  float: left;
}

body.header-style-left #main-nav ul li {
  position: relative;
}

body.header-style-left #main-nav ul li a {
  display: block;
}

body.header-style-left #main-nav ul li ul li:first-child a {
  margin-top: 15px;
}

body.header-style-left #main-nav > ul > li > a {
  margin-top: 0px;
  padding: 15px 15px;
}

} 
body.header-style-left #main-nav > ul > li:last-child > a {
  padding-right: 0;
}

/* @end */

body.header-style-left #main-navbar ul.dropdown-menu {
    margin-top: 0;
    float: right;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 10px;
    background-color: #FFF;
}

body.header-style-left #admin-navbar ul.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-right: 10px;
}



#admin-navbar ul li ul li:first-child a {
  margin-top: 10px;
}

#admin-navbar ul li ul li:last-child a {
  margin-bottom: 10px;
}



/* @group Main
------------------------------------------------------------ */

body.no-featured-content #main-bg {
  background: url(https://www.infovino.fr/lib/frontend/images/main_gradient.png) left 68px repeat-x;
  position: relative;
  z-index: 401;
}

body.with-featured-content #main-bg {
  background: url(https://www.infovino.fr/lib/frontend/images/main_gradient.png) left 269px repeat-x;
  position: relative;
}

/* ------------------------------------------------------------ */

#main-top {
  background: url(https://www.infovino.fr/lib/frontend/images/body_top.png) center top no-repeat;
  background-size: contain;
  position: relative;
  height: 374px;
  margin: -68px auto 0 auto;
  z-index: 6;
  /*border: 1px solid red;*/
}


body.with-featured-content #main-top {
  background: url(https://www.infovino.fr/lib/frontend/images/front-page_body_top.png) center top no-repeat ;
  background-size: contain;
  position: relative;
  height: 575px;
  margin: -269px auto 0 auto;
  z-index: 6;
  /*border: 1px solid red;*/
}


/* ------------------------------------------------------------ */

#main-center {
  background: url(https://www.infovino.fr/lib/frontend/images/body_main.png) center top repeat-y;
  background-size: cover;
  position: relative;
  height: 1px;
  margin-top: 44px;
  /*margin: -35px auto 365px auto;*/
  z-index: 4;
  /*border: 1px solid blue;*/
}

@media(max-width:780px)
{

  #main-center {
    background: url(https://www.infovino.fr/lib/frontend/images/body_main.png) center top repeat-y;
    background-size: cover;
    position: relative;
    height: 350px;
    margin-top: -306px;
    /*margin: -35px auto 365px auto;*/
    z-index: 4;
    /*border: 1px solid blue;*/
  }
}

body.with-featured-content #main-center {
  background: url(https://www.infovino.fr/lib/frontend/images/body_main.png) center top repeat-y;
  background-size: contain;
  position: relative;
  height: 350px;
  margin-top: -306px;
  z-index: 4;
  /*border: 1px solid blue;*/
}

/* ------------------------------------------------------------ */

#main-bottom {
  background: url(https://www.infovino.fr/lib/frontend/images/body_bottom.png) center bottom no-repeat;
  background-size: contain;
  position: relative;
  height: 374px;
  margin-top: -342px; /* Minus 8px for #main-wrapper BG */
  z-index: 2;
}


body.with-featured-content #main-bottom {
  background: url(https://www.infovino.fr/lib/frontend/images/body_bottom.png) center bottom no-repeat;
  background-size: contain;
  position: relative;
  height: 374px;
  margin-top: -342px; /* Minus 8px for #main-wrapper BG */
  z-index: 2;
}

/* ------------------------------------------------------------ */

#main-content {
	position: relative;
	margin: -418px auto 0 auto;
	z-index:7;
}


body.with-featured-content #main-content {
	position: relative;
	margin: -619px auto 0 auto;
	z-index:7;
}

@media(max-width:641px){
	
	body.with-featured-content #main-top {
	  margin: -169px auto 0 auto;
	}

	body.with-featured-content #main-center {
	  margin-top: -406px;
	}

	body.with-featured-content #main-content {
		margin: -519px auto 0 auto;
	}
}

/* ------------------------------------------------------------ */
#main-wrapper {
  background: url(https://www.infovino.fr/lib/frontend/images/sidebar_divider.gif) 665px top repeat-y;
  border-top: 1px solid white;
  min-height: 570px;
  margin: 0 16px;
  padding: 0 40px 37px 40px;
  /*padding-bottom: 5em;*/
  position: relative;
  z-index: 7;
  
  /*width: 996px;*/
}
@media(max-width:641px){
	
	#main-wrapper {
  	padding: 0 20px 37px 20px;
    min-height: 350px;
	}
}



body.sidebar-left #main-wrapper {
  background-position: 315px top;
}


/* @end */

/* @group Feadured Content Area
------------------------------------------------------------ */

#main-content .featured-content {
  padding: 17px 17px 0;
  max-width: 100%;
  height: auto;

}

#main-content .featured-content img {
    max-width: 100%;
    height: auto;
}

@media(max-width:480px){
	#main-content .featured-content {
	  padding: 12px 12px 0;
	}
}

/* @end */
/* @group Shortcodes
============================================================ */



/* @group Blockquotes
------------------------------------------------------------ */

blockquote {
  background: url(../lib/frontend/images/blockquote_bg.png) no-repeat;
  color: #828282;
  border-left: 0;
  *overflow: hidden; /* IE Fix */
}

blockquote.no-align {
  padding-bottom: .5em;
}

blockquote p {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1.2em;
  font-style: italic;
  line-height: 1.65;
  padding: 12px 0 0 34px;
}

blockquote p.source {
  font-size: .85em;
  font-style: normal;
  font-weight: bold;
  margin-top: -.7em;
  padding-bottom: 5px;
  text-align: right;
}

blockquote.alignleft, blockquote.alignright {
  /*float: right;
  margin: 10px 0 0 10px !important;
  width: 50%;*/
}

blockquote.alignleft {
  float: left;
  margin: 10px 15px 0 0 !important;
}

blockquote.alignleft p.source, 
blockquote.alignright p.source {
  text-align: left;
}

/* @end */

/* @group Boxes
------------------------------------------------------------ */
.cn
{
  position: relative;
}

.box {
  border: 1px solid #dadada;
}

.box.login 
{
  width: 270px;
  min-height: 300px;
  border: 1px solid #dadada;
  margin: auto;
 }

.box.with-bg {
  background: #f7f7f7;
}

/* With Header */

.box.with-header .box-header,
.box.with-header .box-content {
  padding: 5px 30px;
}

.box.with-header .box-header {
  border-bottom: 1px solid #dadada;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  font-size: 1.2em;
}

.box.with-header .box-header strong {
  font-weight: normal;
}

.box.with-header.smaller-inner-padding .box-header,
.box.with-header.smaller-inner-padding .box-content { padding-left: 15px; padding-right: 15px; }
.box.with-header.small-inner-padding   .box-header,
.box.with-header.small-inner-padding   .box-content { padding-left: 20px; padding-right: 20px; }

/* No Header */
.box.no-header.smaller-inner-padding .box-content { padding: 15px; }
.box.no-header.small-inner-padding   .box-content { padding: 20px; }
.box.no-header                       .box-content { padding: 30px; }


/* @end */

/* @group Columns
------------------------------------------------------------ */

.one-half     { width: 48%; }
.one-third    { width: 30.66%; }
.two-third    { width: 65.33%; }
.one-fourth   { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth    { width: 16.8%; }
.two-fifth    { width: 37.6%; }
.three-fifth  { width: 58.4%; }
.four-fifth   { width: 79.2%; }
.one-sixth    { width: 13.33%; }
.two-sixth    { width: 30.66%; }
.three-sixth  { width: 47.99%; }
.four-sixth   { width: 65.32%; }
.five-sixth   { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.two-sixth,
.three-sixth,
.four-sixth,
.five-sixth {
  float: left;
  position: relative;
  margin-right: 4%;
}

.plain {  min-width: 260px;  }

.last {
  clear: right;
}

/* @end */

/* @group Forms
------------------------------------------------------------ */

form fieldset {
  margin: 0;
}

form fieldset,
form input[type=text],
form input[type=password],
form textarea,
form select {
  border: 1px solid #dadada;
}

form input[type=text],
form input[type=password],
form textarea,
form select {
  padding: 6px;
}

form input[type=text],
form input[type=password] {
  line-height: 1;
}

form input[type=text]:focus,
form input[type=password]:focus,
form textarea:focus,
form select:focus {
  border-color: #bababa;
}

form fieldset {
  padding: 30px;
}

form fieldset legend {
  color: #828282;
  font-size: .85em;
  letter-spacing: 1px;
  line-height: 1.55;
  padding: 0 5px;
  text-transform: uppercase;
}

form label,
form input,
form textarea,
form select {
  cursor: pointer;
}

form label {
  font-size: .85em;
  font-weight: bold;
}

form input[type=checkbox] + label,
form input[type=radio] + label {
  font-weight: normal;
}


/* Placeholder */

form input::-webkit-input-placeholder { color: #9e9e9e; }
form input:-moz-placeholder { color: #9e9e9e; }


/* jQuery Validation & AJAX Submit */

form input[type=text].invalid,
form input[type=password].invalid,
form textarea.invalid,
form select.invalid,
form input[type=text].invalid:focus,
form input[type=password].invalid:focus,
form textarea.invalid:focus,
form select.invalid:focus {
  border-color: #ff9999;
}

form .message {
  display: none;
}

form .spinner {
  background: url(lib/frontend/images/spinner.gif) no-repeat;
  display: none;
  font-size: 15px;
  height: 18px;
  width: 18px;
}

form span.spinner span { visibility: hidden; }

/* @end */
/* @group Misc
------------------------------------------------------------ */

b,
strong {
  font-weight: bold;
}

i,
em,
dfn,
cite,
address {
  font-style: italic;
}

tt,
pre,
kbd,
code {
  font-family: "Lucida Console", Monaco, monospace;
  font-size: .85em;
}

pre {
  background-color: #f7f7f7;
  border: 1px solid #dadada;
  display: block;
  line-height: 1.65;
  overflow: auto;
  padding: 10px;
  white-space: pre;
}

abbr,
acronym {
  border-bottom: 1px dotted;
  cursor: help;
}

ins { text-decoration: overline; }
del { text-decoration: line-through; }

sub,
sup {
  font-size: .85em;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sub { top: 0.4em; }
sup { bottom: 0.5em; }

dt { font-weight: bold; }
dd { padding-left: 1.4em; }

iframe, object {
  font-size: 0; /* Firefox/IE fix: no bottom space */
  line-height: 0; /* Firefox/IE fix: no bottom space */
  vertical-align: bottom; /* Webkit fix: no bottom space */
  /* Trying to fix YouTube videos that overlay drop down menus and lightbox overlays */
  z-index: 1;
  position: relative;
}

:focus { outline: none; }

/* @end */


/* @group Welcome Bar
------------------------------------------------------------ */

#welcome-bar {
  padding: 22px 0 22px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #eaeaea;
}

#welcome-bar h2 {
  text-align: center;
  color: #800000;
  font-size: 1.9em;
  margin: 0;
}

#welcome-bar p {
  text-align: center;
  color: #666;
  font-size: 1.2em;
  padding: 0 15px 0 15px;
}

@media(max-width:641px){

  #welcome-bar h2 {
    text-align: center;
    color: #800000;
    font-size: 1.6em;
    margin: 0;
  }

  #welcome-bar p {
    text-align: left;
    color: #666;
    font-size: 1em;
  }
}

/* @end */
/* @group Page Title
------------------------------------------------------------ */

#page-header {
  border-bottom: 1px solid #c1c1c1;
  margin: 0 8px;
  padding: 8px 40px 0;
  overflow: hidden;
}

#admin-header {
  border-bottom: 1px solid #c1c1c1;
  height: 70px;
  margin: 0px 8px;
  padding: 8px 0px 0;
  /*overflow: hidden;*/
}
@media (max-width: 767px)
{
  #admin-header {
    height: auto !important;
  }
}

#page-header #page-title h1 {
  padding: 20px 0;
}

#page-header .primary {
  width: 600px;
}

#page-header .secondary {
  padding-top: 28px;
  width: 250px;
}


/* Social Icons */

#page-header ul.social-icons {
  padding: 5px 0 0 0;
  float: right;
}

#page-header ul.social-icons li a {
  height: 23px;
  width: 21px;
}


/* Search Form */

#page-header form,
#page-header form p {
  padding: 0;
}

/* @end */

/* @group Layout Options
============================================================ */



/* @group Front Page
------------------------------------------------------------ */

body.home #page-header {
  display: none;
}

body.home.no-welcome-bar #main-wrapper {
  border-top: none;
  padding-top: 35px;
}

body.home #main #content {
  padding-top: 0;
}

body.home #main #sidebar {
  padding-top: 0;
}

body.home.with-welcome-bar #main #content > article:first-child > .entry-content {
    position: absolute;
  padding-top: 0;
}

body.home.with-welcome-bar #main #content > article:first-child > .entry-content-center {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

body.home #main #content > article:first-child {
  padding-top: 0;
  padding-bottom: 0;
}

/* @end */









/* Left Header Style  */

/*body.header-style-left.with-featured-content #main-bg {
  margin-top: 314px;
}

body.header-style-left.with-featured-content #main-top {
  margin-top: -313px;
}
body.header-style-left.with-featured-content #main-center {
  margin-top: -313px;
}
body.header-style-left.with-featured-content #main-content {
  margin-top: -313px;
}*/

/* @end */



/* @group Hide/Show Elements
------------------------------------------------------------ */

body.no-header-bar #header-bar,
body.no-header-shine #header-shine,
body.no-header-light #header-light,
body.no-bg-texture #header-bg,
body.no-welcome-bar #welcome-bar,
body.no-footer-bar #footer-bar,
body.no-bg-texture #footer-bg {
  display: none;
}

/* @end */

/* @group Full Width
------------------------------------------------------------ */

body.fullwidth #content {
  float: none;
  width: 100% !important;
  padding-top: 15px;
}

body.fullwidth #main-wrapper {
  background: url(https://www.infovino.fr/lib/frontend/images/main_body_gradient.png) center top no-repeat;
  background-size: 100% 80%;
  position: relative;
  /*margin-top: -342px; /* Minus 8px for #main-wrapper BG */
  z-index: 3;
  
}

body.fullwidth #sidebar {
  display: none;
}

/* @end */















/* @group Footer
------------------------------------------------------------ */

#footer-widget-area {
  -moz-box-shadow:    inset 0 0 0 0 transparent,
                      inset 0 5px 5px -5px rgba(0,0,0, .6);
  -webkit-box-shadow: inset 0 0 0 0 transparent,
                      inset 0 5px 5px -5px rgba(0,0,0, .6);
  box-shadow:         inset 0 0 0 0 transparent,
                      inset 0 5px 5px -5px rgba(0,0,0, .6);
  margin-top: -68px;
  padding: 100px 0 40px;
  position: relative;
  width: 100%; /* IE7 Fix*/
}

#footer-bg {
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background-image: url(https://www.infovino.fr/lib/frontend/images/header_footer_bg.png);
  background-position: left top;
  background-repeat: repeat;
  z-index: 1;
  opacity: .25;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
	filter: alpha(opacity=15);
}

#footer-widget-area #footer-bottom-border {
  position: absolute;
  bottom: 0; left: 0; width: 100%; height: 1px;
  background: white;
  z-index: 2;
  opacity: .1;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: alpha(opacity=10);
}

#footer-widget-area .widget {
  margin-bottom: 35px;
  z-index: 2;
  position: relative;
}

#footer-widget-area .wrapper div .widget:last-child {
  margin-bottom: 0;
}

/* @end */



/* @group Footer Bar
------------------------------------------------------------ */

#footer-bar {
  -moz-box-shadow:    inset 0 0 0 0 transparent,
                      inset 0 15px 15px -15px rgba(0,0,0, .7);
  -webkit-box-shadow: inset 0 0 0 0 transparent,
                      inset 0 15px 15px -15px rgba(0,0,0, .7);
  box-shadow:         inset 0 0 0 0 transparent,
                      inset 0 15px 15px -15px rgba(0,0,0, .7);
  padding: 1em 0;
}

#footer-bar .wrapper
{
  overflow: visible;
}

/* @end */

/* @group Table
------------------------------------------------------------ */
table, tbody, tfoot, thead, tr, th, td  {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

.table table thead tr th.nobg {
  background: none !important;
  border-top: none;
  border-left: none;
}


/* Default*/

.table.default table {
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.table.default table th,
.table.default table td {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  padding: 5px 5px 5px 10px;
}

.table.default table tr.alt th,
.table.default table tr.alt td,
.table.default table tr th.alt,
.table.default table tr td.alt { 
  background-color: #f7f7f7;
}


.table.default table tr.locked th,
.table.default table tr.locked td,
.table.default table tr th.locked,
.table.default table tr td.locked { 
  background-color: #DEE3AB;
}

.table.default table tr.tocomplete th,
.table.default table tr.tocomplete td,
.table.default table tr th.tocomplete,
.table.default table tr td.tocomplete { 
  background-color: #6dc0f4;
}

.table.default table tr.empty th,
.table.default table tr.empty td,
.table.default table tr th.empty,
.table.default table tr td.empty { 
  background-color: #FDEBAE;
}

.table.default table th {
  font-size: .85em;
  font-weight: normal;
  letter-spacing: 1px;
  line-height: 1.55;
  text-transform: uppercase;
}

.table.default table thead tr th {
  border-bottom-style: solid;
  border-bottom-width: 2px;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 10px;
}

.table.default tfoot tr th,
.table.default tfoot tr td {
  border-top-style: solid;
  border-top-width: 2px;
}


/* Minimal */

.table.minimal table {
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.table.minimal table th,
.table.minimal table td {
  border-top: 1px solid #dadada;
  border-left: 1px solid #dadada;
  padding: 5px 5px 5px 10px;
}

.table.minimal table th {
  background: #f7f7f7;
  font-weight: bold;
}

.table.minimal table thead tr th {
  border-bottom: 3px solid #cacaca;
}

.table.minimal table tfoot tr th,
.table.minimal table tfoot tr td {
  border-top: 3px solid #cacaca;
}

/* @end */

table, pre,
.box, blockquote,
.note, .success, .notice, .warning, .error {
  margin-top: .5em;
  margin-bottom: .5em;
}

/* Button Gradient */

.btn-default, button, a.button,
input[type=submit],
input[type=reset],
.paginator a,
.paginator span,
.table.default table thead tr th,
.tabgroup.default .tab,
.togglergroup.default .toggler,
.box .box-header {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* IE10+ */
  background: linear-gradient(top,  #ffffff 0%,#f1f1f1 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-9 */
  text-shadow: 0 1px white;
}

/* Inverted Button Gradient */

.tabgroup.default.horizontal .tab.active,
.togglergroup.default .toggler.active,
.paginator .current {
  background: #f1f1f1; /* Old browsers */
  background: -moz-linear-gradient(top,  #f1f1f1 0%, #ffffff 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* IE10+ */
  background: linear-gradient(top,  #f1f1f1 0%,#ffffff 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
  text-shadow: 0 1px white;
}

.paginator a, .paginator span,
.small.framed img {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* @group Buttons, Paginator
------------------------------------------------------------ */

button,
a.button, 
input[type=submit],
input[type=reset]{
  border: 1px solid #dadada;
  color: #404040;
  cursor: pointer;
  display: inline-block;
  font-size: .85em;
  font-weight: bold;
  line-height: 1.55;
  margin-right: 5px;
  padding: 5px 12px;
  text-decoration: none;
  text-align: center;
}

.paginator a,
.paginator span {
  border: 1px solid #dadada;
  color: #404040;
  cursor: pointer;
  display: inline-block;
  font-size: .85em;
  font-weight: bold;
  line-height: 1.55;
  padding: 5px 12px;
  text-decoration: none;
  text-align: center;
}

button:hover,
a.button:hover, 
input[type=submit]:hover,
input[type=reset]:hover,
.paginator a:hover,
.paginator span:hover {
  border-color: #cacaca;
}

button:active,
a.button:active, 
input[type=submit]:active,
input[type=reset]:active,
.paginator a:active,
.paginator span:active,
.paginator .current {
  border-color: #bababa;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, .5);
  -moz-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5);
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .5);
}

.button.big    { font-size: 1.2em; padding: 5px 20px; }
.button.bigger { font-size: 1.5em; padding: 10px 30px; }

/* @end */

/* @group Rounded Corners
------------------------------------------------------------ */

form fieldset,
form input[type=text],
form input[type=password],
input[type=submit],
input[type=reset],
form textarea,
form select,
pre,
.entry-featured-content,
.framed,
.fancy.framed img,
.box,
.box .box-header,
.info-box,
.tabgroup .tab-content-wrapper,
.taggroup a,
.gallery .gallery-item a,
.widget_tag_cloud .tagcloud a,
button, a.button, 
#comments .comment,
.overlay-image {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.widget_flickr .flickr_badge_image a,
.highlight,
.small.framed {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

.paginator a, .paginator span,
.small.framed img {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

/* @end */

/* @group Custom Elements
============================================================ */



/* @group Entry
------------------------------------------------------------ */

.entry                      { padding-bottom: 4em; padding-top: .5em; }
.entry.small-bottom-padding { padding-bottom: 2.5em; }
.entry.no-bottom-padding    { padding-bottom: .5em; }

.entry.full-post.no-featured-content.no-meta-infos {
  padding-top: 0;
}


/* Entry Heading */

.entry.full-post .full.entry-header {
  width: 980px;
  border-bottom: 1px solid red;
}

.entry.full-post > * > .entry-heading {
  padding-bottom: 18px;
  text-shadow: 0 1px white;
}
/*
.entry.full-post.no-featured-content.no-meta-infos > * > .entry-heading {
  padding-bottom: 0;
}*/

.entry.post > * > .entry-heading,
.entry.post > * > * > .entry-heading,
.entry.portfolio > * > .entry-heading,
.entry.portfolio > * > * > .entry-heading {
  border-bottom: 1px solid #dadada;
}

.entry.post.no-meta-infos.no-excerpt.no-buttons > * > .entry-heading,
.entry.post.no-meta-infos.no-excerpt.no-buttons > * > * > .entry-heading {
  border-bottom: none;
}

.entry.post.entry-meta-style-s1 > * > .entry-heading {
  padding: 10px 0;
}

.entry.post.entry-meta-style-s2 > * > * > .entry-heading {
  padding-bottom: 10px;
}

.entry.post.no-featured-content > * > .entry-heading,
.entry.post.no-featured-content > * > * > .entry-heading {
  padding-top: 0;
}


/* Entry Featured Content */

.entry-featured-content {
  line-height: 0;
}

.entry-meta-style-s2 > * > .entry-featured-content {
  margin-top: .5em; /* To line up with excerpt text */
}


/* Entry Data */

.entry-data {
  border-bottom: 1px solid #dadada;
  overflow: hidden;
  margin-bottom: .5em;
}

.entry-meta-style-s1.no-featured-content.no-heading > .entry-data,
.entry-meta-style-s2.no-heading > * > .entry-data {
  border-top: 1px solid #dadada;
}

/*.entry.post .entry-data,
.entry.no-featured-content .entry-data  {
  border-top: 1px solid #dadada;
}*/


/* Entry Data Read More */

.entry-data .read-more {
  float: right;
  margin-right: 5px;
  padding: .4em 0 .4em 0;
  font-weight: bold;
}

.entry-data .read-more .more-link {
  font-size: .85em;
  margin-bottom: .5em;
  overflow: hidden;
  padding: 3px 0;
}


/* Default Read More */

.entry.no-meta-infos > .read-more,
.entry.no-meta-infos > * > .read-more {
  font-size: .85em;
  font-weight: bold;
  margin-top: .3em;
  padding-top: 7px;
}


/* Entry Meta */

.entry-meta {
  float: left;
  font-size: .85em;
  overflow: hidden;
  padding: .4em 0 .4em 0;
}

.entry-meta .meta-info {
  display: block;
  float: left;
  padding: 3px 0;
  margin-right: 30px;
}

.entry-meta .meta-info:last-child {
  margin-right: 0;
}

.entry-meta .meta-info .content {
  background-position: left top;
  background-repeat: no-repeat;
  padding: 3px 0 3px 20px;
}

.entry-meta .meta-info.date       .content { background-image: url(lib/frontend/images/entry-meta_icon_date.png); }
.entry-meta .meta-info.categories .content { background-image: url(lib/frontend/images/entry-meta_icon_categories.png); }
.entry-meta .meta-info.comments   .content { background-image: url(lib/frontend/images/entry-meta_icon_comments.png); }
.entry-meta .meta-info.author     .content { background-image: url(lib/frontend/images/entry-meta_icon_author.png); }

.entry .entry-meta.passive-links .content a {
  color: #828282;
}



/* Entry Content */

.entry.preview .entry-content {
  border-bottom: 1px solid #dadada;
}

.entry.post .entry-content,
.entry.full-post.no-meta-infos .entry-content {
  padding: 5px 0;
}


/* Entry Size */

body.not-fullwidth .entry.preview.entry-meta-style-s1.one-half .entry-heading,
body.not-fullwidth .entry.preview.entry-meta-style-s1.one-third .entry-heading,
body.not-fullwidth .entry.preview.entry-meta-style-s1.one-fourth .entry-heading,
body.fullwidth .entry.preview.entry-meta-style-s1.one-third .entry-heading,
body.fullwidth .entry.preview.entry-meta-style-s1.one-fourth .entry-heading {
  padding: 10px 0 7px;
}

body.not-fullwidth .entry.preview.entry-meta-style-s1.one-half .entry-content,
body.not-fullwidth .entry.preview.entry-meta-style-s1.one-third .entry-content,
body.not-fullwidth .entry.preview.entry-meta-style-s1.one-fourth .entry-content,
body.fullwidth .entry.preview.entry-meta-style-s1.one-third .entry-content,
body.fullwidth .entry.preview.entry-meta-style-s1.one-fourth .entry-content {
  padding: 3px 0;
}




/* @end */
ul.ui-autocomplete {
  z-index: 500;
}




/* @group Images & Frames
------------------------------------------------------------ */

a img {
  position: relative;
  z-index: 2;
}


/* Frame */

.framed {
  background-color: white;
  border: 1px solid #d4d4d4;
  display: inline-block;
  line-height: 0;
  padding: 6px;
}

.framed img {
  *display: block; /* IE Fix for too much bottom padding */
}

.framed.small {
  padding: 3px;
}


/* Fancy Frame */

.framed.fancy {  
  background: #f8f8f8; /* Old browsers */
  background: -moz-linear-gradient(top,  #f8f8f8 0%, #e8e8e8 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8f8f8), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* IE10+ */
  background: linear-gradient(top,  #f8f8f8 0%,#e8e8e8 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f8f8', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
  padding: 0;
}

.framed.fancy img,
.framed.fancy iframe {
  border: 1px solid white;
  padding: 5px;
}


/* WP Caption */

.entry-content .wp-caption {
  line-height: 0;
}

.entry-content .wp-caption p {
  font-size: .85em;
  line-height: 1.7;
  padding: 4px 0 0;
  text-align: center;
}


/* WP Caption inside Fancy Frame */

.entry-content .framed.fancy.wp-caption {
  padding: 6px;
}

.entry-content .framed.fancy.wp-caption img,
.entry-content .framed.fancy.wp-caption iframe {
  border: none;
  padding: 0;
}

/* @end */

/* @group Lightbox
------------------------------------------------------------ */

.overlay-image {
  background: url(lib/frontend/images/img-link-icon_lightbox.png) center center no-repeat;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}

.entry-link .overlay-image { background-image: url(lib/frontend/images/img-link-icon_entry.png); }
.video-link .overlay-image { background-image: url(lib/frontend/images/img-link-icon_video.png); }
.external-link .overlay-image { background-image: url(lib/frontend/images/img-link-icon_external.png); }

/* @end */

/* @group Tabs
------------------------------------------------------------ */

.tabgroup {
  clear: both;
  overflow: hidden;
}

.tabgroup .tabs-wrapper .tab {
  border: 1px solid #dadada;
  cursor: pointer;
  display: block;
  overflow: hidden;
  margin: 0 -1px -1px 0;
  padding: 7px 12px;
}

.tabgroup .tabs-wrapper .tab strong {
  line-height: 1.55;
  font-size: .85em;
}

.tabgroup .tab-content-wrapper {
  border: 1px solid #dadada;
  border-radius-top-left: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
}

.tabgroup .tab-content-wrapper .tab-content {
  display: none;
  padding: 5px 12px;
}


/* Vertical */

.tabgroup.vertical .tabs-wrapper {
  float: left;
  width: 200px;
}

.tabgroup.vertical .tabs-wrapper .tab {
  position: relative;
  z-index: 2;
}

.tabgroup.vertical .tabs-wrapper .tab:first-child {
  border-radius-top-left: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
}

.tabgroup.vertical .tabs-wrapper .tab:last-child {
  border-radius-bottom-left: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
}

.tabgroup.vertical .tabs-wrapper .tab.active {
  background: white;
  border-right: none;
  filter: 0;
}

.tabgroup.vertical .tab-content-wrapper {
  /*width: 398px;*/
  float: right;
  position: relative;
  z-index: 1;
}

.fullwidth .tabgroup.vertical .tab-content-wrapper {
  /*width: 698px;*/
}

.tabgroup.vertical .tab-content.active {
  display: block;
  overflow: hidden;
}


/* Horizontal */

.tabgroup.horizontal .tabs-wrapper .tab {
  background-color: silver;
  float: left;
}

.tabgroup.horizontal .tabs-wrapper .tab:first-child {
  border-radius-top-left: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
}

.tabgroup.horizontal .tabs-wrapper .tab:last-child {
  border-radius-top-right: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}

.tabgroup.horizontal .tabs-wrapper .tab.active {
  background-color: white;
  border-bottom: 1px solid white;
}

.tabgroup.horizontal .tab-content-wrapper {
  clear: both;
}

.tabgroup.horizontal .tab-content.active {
  display: block;
  overflow: hidden;
}

/* @end */

/* @group Toggler
------------------------------------------------------------ */

.toggler strong {
  cursor: pointer;
}


/* Style: Default */

.togglergroup.default .toggler {
  margin-bottom: -1px;
  *zoom: 1; /* IE Fix */
}

.togglergroup.default .toggler-wrapper .toggler strong {
  background: url(../lib/frontend/images/toggler_icons.gif) 8px -13px no-repeat;
  border: 1px solid #dadada;
  display: block;
  font-weight: normal;
  padding: 6px 5px 5px 21px;
}

.togglergroup.default .toggler-wrapper:first-child .toggler strong,
.togglergroup.default .toggler-wrapper:first-child .toggler.active {
  border-radius-top-left: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-radius-top-right: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
}

.togglergroup.default .toggler-wrapper:last-child .toggler strong {
  border-radius-bottom-left: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-radius-bottom-right: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
}

.togglergroup.default .toggler-wrapper:last-child .toggler.active strong {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}

.togglergroup.default .toggler-wrapper .toggler.active strong {
  background-position: -20px 15px;
}

.togglergroup.default .toggler-content {
  border: 1px solid #dadada;
  margin-bottom: -1px;
  padding: 5px 12px 5px 22px;
}


/* Style: Simple */

.togglergroup.simple .toggler strong {
  background: url(../lib/frontend/images/toggler_icons_simple.gif) 0 -20px no-repeat;
  display: inline-block;
  padding: 3px 0 3px 25px;
}

.togglergroup.simple .toggler.active strong {
  background-position: -28px 6px;
}

.togglergroup.simple .toggler-content {
  padding-left: 25px;
  padding-bottom: 1em;
}

/* @end */

/* @end */