#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0)}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url(../../assets/colorbox/images/loading.gif) no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0 0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url(../../assets/colorbox/images/controls.png) no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url(../../assets/colorbox/images/controls.png) no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
.content-slider{overflow:hidden;visibility:hidden;position:relative}.slider-wrapper{overflow:hidden;position:relative}.slider-wrapper>*{float:left;width:100%;position:relative}.slider-control{height:30px;position:relative}.slider-control a,.slider-control .slider-menu{position:absolute;top:9px;display:inline-block}.slider-control .slider-prev{left:0}.slider-control .slider-next{right:0}.slider-control .slider-menu{top:0;width:50%;left:50%;margin-left:-25%;font-size:27px;text-align:center}.slider-control .slider-menu b{color:#bbb;cursor:pointer}.slider-control .slider-menu b.active{color:#666}
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,700italic,400italic);
html,
body {
  margin: 0;
  padding: 0;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
}
a:link,
a:visited,
a:hover,
a:active,
a:focus {
  color: inherit;
}
h1 {
  font-size: 1.8em;
  font-weight: normal;
  margin: 0.85em 0 0.4em;
}
h2 {
  font-size: 1.5em;
  font-weight: normal;
  margin: 0.85em 0 0.4em;
}
h3 {
  font-size: 1.35em;
  font-weight: normal;
  margin: 0.85em 0 0.4em;
}
h4 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0.85em 0 0.4em;
}
h5 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.85em 0 0.4em;
}
h6 {
  font-size: 1em;
  font-weight: bold;
  margin: 0.85em 0 0.4em;
}
p {
  margin: 0;
  padding: 0 0 1.25em 0;
}
a img {
  border: none;
}
/**********************************************************
 *                  Layout & Size                      *
 **********************************************************/
/**********************************************************
 *                 Compositing & Shading                  *
 **********************************************************/
/**********************************************************
 *                 Animation & Transform                  *
 **********************************************************/
/**********************************************************
 *                         Fonts                          *
 **********************************************************/
/**********************************************************
 *                         Misc.                          *
 **********************************************************/
/******************************************************************************\
 *                              SCALE FACTOR                                  *
\******************************************************************************/
/******************************************************************************\
 *                                GEOMETRY                                    *
\******************************************************************************/
/******************************************************************************\
 *                                  FONTS                                     *
\******************************************************************************/
/******************************************************************************\
 *                                  SIZES                                     *
\******************************************************************************/
/******************************************************************************\
 *                                 COLORS                                     *
\******************************************************************************/
/******************************************************************************\
 *                                 POP-UP                                    *
\******************************************************************************/
body.popup-active {
  overflow: hidden;
}
.overlay {
  display: none;
  color: red;
}
.overlay a img {
  width: auto;
  height: 100vh;
}
.overlay.active {
  display: block;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  text-align: center;
}
#close {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: 15px;
  padding-right: 20px;
  padding-bottom: 15px;
  padding-left: 20px;
  background: red;
  color: white;
  font-size: 1.7em;
  font-weight: 500;
  border: 4px solid #d10224;
  background: #d10224;
  cursor: pointer;
  transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
}
#close:hover {
  background: white;
  color: #d10224;
  transition: background-color 0.5s linear;
  -moz-transition: background-color 0.5s linear;
  -webkit-transition: background-color 0.5s linear;
  -o-transition: background-color 0.5s linear;
}
@media (max-width: 800px) {
  .overlay a img {
    width: 100% !important;
    height: auto !important;
    padding-top: 80px;
  }
}
/******************************************************************************\
 *                                 GENERAL                                    *
\******************************************************************************/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  position: relative;
  min-height: 100%;
  padding-bottom: 80px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 17px;
  color: #303030;
  background: #eaeaea;
}
figure {
  margin: 0;
}
.invisible {
  display: none;
}
/******************************************************************************\
 *                                 HEADER                                     *
\******************************************************************************/
#header .inside #logo_box #logo img {
  width: auto;
  height: 100%;
  padding-bottom: 27px;
  padding-top: 27px;
}
@media (min-width: 401px) and (max-width: 1000px) {
  #header .inside #logo_box #logo img {
    padding-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 500px) {
  #header .inside #logo_box #logo img {
    max-height: 49.5px;
  }
}
@media (max-width: 400px) {
  #header .inside #logo_box #logo img {
    padding-right: 10px;
  }
}
@media (max-width: 360px) {
  #header .inside #logo_box #logo img {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media (min-width: 361px) and (max-width: 400px) {
  #header .inside #logo_box #logo img {
    padding-bottom: 5px;
    padding-top: 15px;
  }
}
@media (min-width: 401px) and (max-width: 500px) {
  #header .inside #logo_box #logo img {
    padding-bottom: 5px;
    padding-top: 15px;
  }
}
header .inside .mod_article .ce_image .image_container img {
  width: 100%;
  height: auto;
}
#header #logo_box {
  background-color: #d10224;
}
#header #logo_box #logo {
  height: 61.8px;
  text-align: right;
}
#header #logo_box #logo img {
  width: 106.2px;
  height: 100%;
}
#header #main_nav_btn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 61.8px;
  height: 61.8px;
  background: #d10224 url('../../files/karin-eminger/img/layout/menu.svg') no-repeat center;
  background-size: 80%;
}
#header #main_nav {
  display: none;
  background-color: #3e3e3e;
  border-left: 8px solid #d10224;
}
#header #main_nav > ul {
  border: none;
}
#header #main_nav > ul li {
  display: block;
}
#header #main_nav > ul li span,
#header #main_nav > ul li a {
  display: block;
  width: 100%;
  padding: 10px;
}
#header #main_nav > ul li span {
  background-color: #d10224;
  color: #fff;
}
#header #main_nav > ul li a {
  color: #fff;
}
@media (max-width: 1000px) {
  #header #main_nav > ul li.submenu ul li:before {
    content: '-';
    position: absolute;
    color: #eedfcc;
    margin-top: 9px;
    margin-left: 12px;
  }
  #header #main_nav > ul li.submenu ul li span,
  #header #main_nav > ul li.submenu ul li a {
    padding-left: 20px;
  }
  #header #main_nav > ul li.submenu ul li.active:before {
    color: rgba(0, 0, 0, 0.75);
  }
}
#header .mod_article {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
#header .mod_article figure {
  line-height: 0;
}
#header .mod_article figure img {
  max-width: 100%;
}
#header #slider {
  width: 980px;
  max-width: 100%;
  margin: 0 auto;
}
#header #slider .ce_sliderStart {
  position: relative;
}
#header #slider .ce_sliderStart:hover nav {
  opacity: 1;
}
#header #slider .ce_sliderStart nav {
  position: static;
  height: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
}
#header #slider .ce_sliderStart nav a {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 35px;
  height: 35px;
  background: transparent no-repeat center center;
  background-size: 70% auto;
  color: transparent;
  overflow: hidden;
}
#header #slider .ce_sliderStart nav .slider-menu {
  top: auto;
  bottom: 0;
}
#header #slider .ce_sliderStart nav .slider-menu b.active {
  color: #d10224;
}
#header #slider .ce_sliderStart nav .slider-prev {
  background-image: url('../../files/karin-eminger/img/layout/arrow_left.png');
  left: 2%;
}
#header #slider .ce_sliderStart nav .slider-next {
  background-image: url('../../files/karin-eminger/img/layout/arrow_right.png');
  right: 2%;
}
#header #slider img {
  display: block;
  width: 100%;
  height: auto;
}
/******************************************************************************\
 *                                 CONTENT                                    *
\******************************************************************************/
#main .mod_article {
  width: 100%;
  padding: 1% 5%;
}
#main .mod_article h2 {
  text-transform: uppercase;
  border-bottom: 1px solid #8b8378;
}
#main .mod_article h3 {
  text-transform: uppercase;
  color: #8b8378;
}
#main .mod_article h4 {
  font-weight: bold;
}
#main .mod_article ul {
  list-style: disc inside;
  margin-bottom: 5%;
}
#main .mod_article .contact a {
  font-weight: bold;
}
#main .mod_article .ce_image {
  margin-bottom: 5%;
}
#main .mod_article .ce_image figure img {
  display: block;
  max-width: 100%;
  height: auto;
}
#main .mod_article .ce_image figcaption {
  max-width: 100%;
  margin: 0 auto;
  padding: 5%;
  background-color: #8b8378;
  color: #eedfcc;
  text-align: center;
}
#main .mod_article#team .ce_image,
#main .mod_article#team-salon .ce_image {
  width: inherit;
  margin: 0;
}
#main .mod_article#team .ce_image figure,
#main .mod_article#team-salon .ce_image figure {
  width: inherit;
  border: none;
}
#main .mod_article#team .ce_image figure img,
#main .mod_article#team-salon .ce_image figure img {
  display: block;
  height: auto;
  margin: 0 auto;
}
#main .mod_article#team .team_member,
#main .mod_article#team-salon .team_member {
  max-width: 320px;
  width: 100%;
  margin: 0 auto 2em;
  color: white;
  font-size: 0.8em;
}
#main .mod_article#team .team_member .ce_image,
#main .mod_article#team-salon .team_member .ce_image {
  width: auto !important;
}
#main .mod_article#team .team_member .name_title,
#main .mod_article#team-salon .team_member .name_title {
  background-color: #8b8378;
  color: rgba(255, 255, 255, 0.5);
  padding: 1em;
  text-align: center;
}
#main .mod_article#team .team_member .skills,
#main .mod_article#team-salon .team_member .skills {
  background-color: rgba(0, 0, 0, 0.75);
  padding: 1em;
}
#main .mod_article#team .team_member p,
#main .mod_article#team-salon .team_member p {
  padding: 0;
}
.panorama {
  width: 100%;
  height: 400px;
  border: none;
}
/******************************************************************************\
 *                                 RIGHT                                      *
\******************************************************************************/
#sidebar {
  background: #3e3e3e;
  color: white;
  padding: 2% 0;
}
#sidebar .contact a {
  color: #eedfcc !important;
}
#sidebar .contact a:hover {
  color: #d10224 !important;
}
#sidebar h5,
#sidebar .ce_text {
  padding: 0 10%;
}
#sidebar .ce_text p {
  padding-bottom: 2%;
  line-height: 1;
}
#sidebar .ce_text table {
  padding-bottom: 2%;
  margin-bottom: 4%;
}
#sidebar h5 {
  text-transform: uppercase;
  font-weight: 200;
  color: #eedfcc;
  border-bottom: 1px solid #eedfcc;
}
/******************************************************************************\
 *                                 FOOTER                                     *
\******************************************************************************/
#footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background-color: #3e3e3e;
}
#footer .inside {
  height: inherit;
}
#footer .inside nav {
  height: inherit;
  text-align: center;
}
#footer .inside nav > ul {
  height: inherit;
}
#footer .inside nav > ul li {
  display: inline-block;
  height: inherit;
  margin: 0 2%;
}
#footer .inside nav > ul li a,
#footer .inside nav > ul li span {
  display: block;
  height: inherit;
  color: #eedfcc;
  line-height: 76px;
  font-size: 1.2em;
  font-weight: 100;
  text-transform: uppercase;
  border-top: 4px solid transparent;
}
#footer .inside nav > ul li span {
  border-top: 4px solid #eedfcc;
}
.ce_player {
  padding-bottom: 1.25em;
}
.mejs-container {
  width: 100% !important;
  height: 0 !important;
  padding-top: 56.25%;
}
.mejs-container video {
  max-width: 100%;
  height: auto;
}
.mejs-container .mejs-layer {
  width: 100% !important;
  height: 100% !important;
}
.mejs-container .mejs-overlay-button {
  margin: -50px 0 0 -50px !important;
}
/******************************************************************************\
 *                                  FONTS                                     *
\******************************************************************************/
@font-face {
  font-family: "'Lucida Grande'";
  src: url('../../files/karin-eminger/fonts/LucidaGrande.eot?#') format('eot'), url('../../files/karin-eminger/fonts/LucidaGrande.woff') format('woff'), url('../../files/karin-eminger/fonts/LucidaGrande.ttf') format('truetype'), url('../../files/karin-eminger/fonts/LucidaGrande.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
#partner .ce_text table tr td {
  padding: 45px;
  line-height: 1.3em;
  vertical-align: middle;
}
#partner .ce_text table tr td img {
  height: auto;
  width: 200px;
}
#partner .ce_text table tr td a {
  text-decoration: none;
  font-size: 1.2em;
}
.ce_form form .formbody > div:not(.headline) {
  padding-bottom: 15px;
}
.ce_form form .formbody > div:not(.headline) > label {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  min-width: 190px;
}
.ce_form h1,
.ce_form h2,
.ce_form h3,
.ce_form h4,
.ce_form h5,
.ce_form h6 {
  margin-bottom: 20px;
}
.ce_form fieldset {
  border: 0;
  padding: 0;
}
.ce_form fieldset legend {
  display: inline-block;
  vertical-align: top;
}
.ce_form fieldset.radio_container span {
  display: inline-block;
  vertical-align: top;
}
.ce_form fieldset.radio_container legend {
  display: inline-block;
  vertical-align: top;
}
.ce_form fieldset.checkbox_container span:not(.mandatory) {
  display: block;
}
.ce_form fieldset span.invisible {
  display: none !important;
}
.ce_form span.mandatory {
  color: #d10224;
}
.ce_form input:not(.upload):not(.submit):not(.radio):not(.checkbox) {
  width: 60%;
  min-width: 320px;
}
.ce_form textarea {
  width: 60%;
  min-width: 320px;
  resize: vertical;
}
.ce_form .captcha,
.ce_form .captcha_text {
  display: block;
}
@media (max-width: 340px) {
  .ce_form textarea,
  .ce_form input:not(.upload):not(.submit):not(.radio):not(.checkbox) {
    width: 100%;
    min-width: unset;
  }
}
.ce_form input.submit,
.ce_form button.submit {
  background: #3e3e3e;
  border: 0;
  padding: 10px 15px 10px 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: all 1s ease;
  margin-bottom: 20px;
}
.ce_form input.submit:hover,
.ce_form button.submit:hover {
  background: #d10224;
}
#team .team_member {
  margin-top: 2em !important;
}
#main .mod_article#team .team_member .name_title,
#main .mod_article#team-salon .team_member .name_title {
  color: white;
}
#main .mod_article#team .team_member .name_title .uppercase,
#main .mod_article#team-salon .team_member .name_title .uppercase {
  font-size: 1.4em;
}
.mod_article_inside .ce_text.promotoion a,
.mod_article_inside .ce_text.promotoion h2 {
  color: #d10224;
}
.ce_text.highlight {
  background: #c2c4c6;
  padding-bottom: 10px;
}
.ce_text.highlight p {
  color: #000;
}
.ce_text.highlight p a {
  color: #d10224;
}
.ce_text.highlight ul {
  margin-bottom: 10px !important;
  padding: 10px 10px 10px 30px;
}
.ce_text.highlight h1,
.ce_text.highlight h2,
.ce_text.highlight h3,
.ce_text.highlight h4,
.ce_text.highlight h5,
.ce_text.highlight h6 {
  background: #d10224;
  color: #fff;
}
.ce_text.highlight h1,
.ce_text.highlight h2,
.ce_text.highlight h3,
.ce_text.highlight h4,
.ce_text.highlight h5,
.ce_text.highlight h6,
.ce_text.highlight p {
  padding: 12px 20px;
}
.ce_text.highlight h2 {
  border-bottom: 1px solid #fff !important;
}
.ce_text.highlight_moderat {
  background: rgba(139, 131, 120, 0.4);
  color: white;
}
.ce_text.highlight_moderat h1,
.ce_text.highlight_moderat h2,
.ce_text.highlight_moderat h3,
.ce_text.highlight_moderat h4,
.ce_text.highlight_moderat h5,
.ce_text.highlight_moderat h6 {
  background: #8b8378;
}
.ce_text.highlight_moderat h1,
.ce_text.highlight_moderat h2,
.ce_text.highlight_moderat h3,
.ce_text.highlight_moderat h4,
.ce_text.highlight_moderat h5,
.ce_text.highlight_moderat h6,
.ce_text.highlight_moderat p {
  padding: 10px;
}
.ce_text.highlight_moderat h2 {
  border-bottom: 1px solid #fff !important;
}
#iy #sereslauncher {
  margin: 0 !important;
  border: 0;
  border-radius: 0;
  background: #3e3e3e;
  padding: 10px 15px 10px 15px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 17px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  cursor: pointer;
  transition: all 1s ease;
  margin-bottom: 20px;
}
#iy #sereslauncher:hover {
  box-shadow: none;
  background: #d10224;
}
#iy {
  padding: 0 !important;
  margin: 0 !important;
}
img {
  max-width: 100%;
  height: auto;
}

/******************************************************************************\
 *                              SCALE FACTOR                                  *
\******************************************************************************/
/******************************************************************************\
 *                                GEOMETRY                                    *
\******************************************************************************/
/******************************************************************************\
 *                                  FONTS                                     *
\******************************************************************************/
/******************************************************************************\
 *                                  SIZES                                     *
\******************************************************************************/
/******************************************************************************\
 *                                 COLORS                                     *
\******************************************************************************/
/**********************************************************
 *                  Layout & Size                      *
 **********************************************************/
/**********************************************************
 *                 Compositing & Shading                  *
 **********************************************************/
/**********************************************************
 *                 Animation & Transform                  *
 **********************************************************/
/**********************************************************
 *                         Fonts                          *
 **********************************************************/
/**********************************************************
 *                         Misc.                          *
 **********************************************************/
/******************************************************************************\
 *                             SCREEN SIZE LARGE                              *
\******************************************************************************/
@media (min-width: 1001px) {
  body {
    background: #eaeaea url('../../files/karin-eminger/img/backgrounds/bg_home2018.jpg') no-repeat fixed;
    background-size: cover;
  }
  body.team-salon #container #main {
    width: 100%;
    float: none;
  }
  body.team-salon #container #main > .inside {
    width: 70%;
    float: left;
  }
  #header #logo_box #logo {
    width: 980px;
    height: 103px;
    margin: 0 auto;
  }
  #header #logo_box #logo img {
    width: 177px;
  }
  #header #main_nav_btn {
    display: none;
  }
  #header #main_nav {
    display: block;
    text-align: center;
    border-left: none;
  }
  #header #main_nav > ul {
    display: inline-block;
  }
  #header #main_nav > ul li {
    display: inline-block;
  }
  #header #main_nav > ul li.submenu ul {
    display: none;
    position: absolute;
    z-index: 2;
    width: 165px;
    background: rgba(0, 0, 0, 0.75);
  }
  #header #main_nav > ul li.submenu ul li {
    border-bottom: 1px solid #eedfcc;
    display: block;
  }
  #header #main_nav > ul li.submenu ul li a,
  #header #main_nav > ul li.submenu ul li span {
    background: none !important;
    color: #fff !important;
    text-align: left;
    padding-left: 10px;
  }
  #header #main_nav > ul li.submenu ul li:last-child {
    border: none;
  }
  #header #main_nav > ul li.submenu:hover ul {
    display: block;
  }
  #header #main_nav > ul li.submenu:hover ul li a,
  #header #main_nav > ul li.submenu:hover ul li span {
    background: none;
  }
  #header #main_nav > ul li.submenu:hover ul li:hover {
    background-color: #d10224;
  }
  #header #main_nav > ul li.submenu:hover ul li:hover a,
  #header #main_nav > ul li.submenu:hover ul li:hover span {
    color: #fff !important;
  }
  #header #main_nav > ul li span {
    background-color: #d10224;
  }
  #header #main_nav > ul:hover li span {
    background-color: transparent;
    color: #fff;
  }
  #header #main_nav > ul:hover li:hover a,
  #header #main_nav > ul:hover li:hover span {
    background-color: #d10224;
    color: #fff;
  }
  #container {
    width: 980px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.5);
  }
  #container:after {
    content: '';
    display: table;
    clear: both;
  }
  #container #main {
    width: 70%;
    float: left;
  }
  #container #main .mod_article#team .ce_image {
    width: 50%;
    margin: 0 auto;
  }
  #container #main .mod_article#team .ce_image figure {
    width: auto;
  }
  #container #right {
    width: 30%;
    float: left;
  }
  #container #right #sidebar {
    font-size: 0.8em;
  }
  #container #right #sidebar .contact a:hover {
    color: #303030;
  }
  #footer nav > ul li a:hover {
    border-top: 4px solid #eedfcc;
  }
}
/******************************************************************************\
 *                        SCREEN SIZE VERY SMALL                              *
\******************************************************************************/
@media (max-width: 359px) {
  #header #logo_box #logo {
    height: 49.44px;
  }
  #header #logo_box #logo img {
    width: 84.96px;
  }
  #header #main_nav_btn {
    width: 49.44px;
    height: 49.44px;
  }
}

/**
 * Global TinyMCE style sheet
 *
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 *
 *   files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 *
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 *
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 *
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (files/tinymce.css).
 */
.warning { color:#c55; font-size:1.1em; }
.confirmation { color:#090; font-size:1.1em; }
.information { color:#999; font-size:0.9em; }
.versalien , .uppercase{ text-transform: uppercase; }
video {
    width: 100%;
}
.mod_article_inside .ce_text ol{
    padding-left: 40px;
}
.mod_article_inside .ce_text ul{
    padding-left: 40px;
}
.mod_article_inside .ce_text ul li{
    list-style-position: outside;
}