@charset "utf-8";
/* CSS Document */


#rt-copyright .rt-container {
	background:#edeeef;
	border-top:0px !important;
	margin-top:-5px;
	padding-top:0px;
	font-size:11px;
line-height: 15px;
	
}

#rt-copyright .rt-container .rt-block  {
	margin-top:0px !important;
	padding-top:7px !important;
}


#rt-copyright {
    border-top: 0px;
    box-shadow: none;
}

body{
font:normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
color:#333;
word-wrap:break-word;
}

p {
margin: 0;	
}

.rt-block {
  margin: 0px;
  position: relative;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-top:20px !important;
/*  overflow: hidden; */
}

.search{
width:280px !important;
 margin-top: -35px;
}
#rt-maintop {
  padding-top: 20px;
}


#form-login-username {
    float: left;
    width: 190px;
}
#form-login-password {
    float: left;
    margin: 0 10px;
    width: 190px;
}
#login-form li {
    float: left;
    margin-right: 27px;
}
#login-form{
 float: right;
    margin: 0 0 10px !important;
    position: relative;
    z-index: 99999;
}
#login-form .userdata{
margin:0px !important;
}
#form-login-remember{
float:left;
}
#login-form .button{
margin-top:2px !important; 
}


@media (min-width: 280px) and (max-width: 640px) {
#form-login-password{
margin:0px;
float:none;
}
}
.logo-block {
	padding-top:10px;
	margin-left:-1px;
}

#rt-footer .rt-container {
  background:#edeeef;
  border-top: 1px solid #303030;
}

#rt-top-surround {
background:#fff;
}

#rt-transition {
	background:#fff;
}

.gf-menu {
font:normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
color:#333;
word-wrap:break-word;
margin: 10px auto 0;
list-style: none;
border-bottom: 1px solid #2b281d;
border-top: 1px solid #2b281d;
margin-bottom:15px;
}

#rt-breadcrumbs .rt-block {
  padding: 10px 15px !important;
}

.gf-menu.l1 > li.active {
background: none repeat scroll 0 0 #CBE128;
border:0px !important;
box-shadow:none;
border-radius:0 !important;
height:39px;
}

.title, .component-content h2 {
font-size:11px;
border-bottom:0px;
box-shadow:none;
padding:0;
margin:0;

}

.customfoot a {
font-size:11px;
line-height: 15px;
}
	
.font-size-is-large {
line-height: 20px;
font-size:13px;
}

input, button, select, textarea {
font:normal 10px/1.431 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
color:#333;
word-wrap:break-word;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #6a6868;
  outline: 0;
  outline: thin dotted \9;
}

label,
input,
button,
select,
textarea {
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
}

#indications {
	width:60%;
}

#produits {
	width:38%;
	margin-left:62%;
	margin-top:-217px;
}


#con {
border: 1px solid #cbd1d1;
padding-left: 5px;
}


#onglets {
	height:288px;
}


.login-fields {
font:normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
}

#member-registration a, .formelm-buttons button {
	margin-left:-13px;
}

#rt-top-surround:after {
	background:none;
}

#rt-footer {
	background:none;	
}

#cboxTitle {
	text-align: center;
	border-bottom:0px;
	font-size:13px;
	font-weight:normal;
}

#cboxLoadedContent {
     margin-top: 14px;
}

.SobiPro p {padding:0;margin:0px;}

.span10 {height:15px;}

#dep {
	font-size:11px;
    border-bottom:1px solid #666;
	color:#666;
}


.SobiPro .row-fluid [class*="span"] {
	min-height:0px !important;
}

.spSectionDesc {
	background-image:url(http://www.dermaceutic.fr/images/sobipro/dep.png);
	height:21px;
}

.SobiPro .pagination ul > li > a { 
	border:none !important;
	border-style:none !important;
}

.SobiPro .pagination ul > li > span {
		border:none !important;
	border-style:none !important;
}

#liste {
	border:#666 solid 1px;
	width:100px;
	padding:5px;
	text-align:center;
	margin-left:750px;
}

#retour {
	text-align:center;
	margin-left:770px;
}

#pharma {
	margin-top:-5px;
}

#space {
	height:5px;
}


.SobiPro .btn-success {
    background-color: #cbe128 !important;
	background-image:none !important;
	color:#000 !important;
	text-shadow:none !important;
}


.SobiPro input, .SobiPro button, .SobiPro select, .SobiPro textarea {
	font-family:inherit !important
}


div#article_heading{float:left; /*width:20%;*/ height:28px; padding:3px 6px; margin:0px; background:#D5E355; font-size:16px; font-family: Century Gothic; font-weight:500; color:#FFF; text-transform:uppercase; line-height:28px;}
div#article_box{float:left; width:auto;  padding:0px; margin:0px; border:1px solid #CCCCCC; text-align:left; height:auto;}
div#article_box2{float:left; width:auto; height:auto; padding:0px; margin:0px 0px 20px; border:1px solid #CCCCCC; text-align:left;}
div#article_boximg{
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -o-border-radius: 3px;
   -ms-border-radius: 3px;
    box-shadow: 0 0 4px 0;
  -moz-box-shadow: 0 0 4px 0;
  -webkit-box-shadow: 0 0 4px 0;
  -o-box-shadow: 0 0 4px 0;
  -ms-box-shadow: 0 0 4px 0;
    float: left;
    height: auto;
   margin: 15px;
    text-align: center;
    width: 20%;
}
div#article_boxtext{float:left; width:74.4%; height:auto; padding:0px; margin:0px; text-align:left;}
div#article_boxtext p{line-height:20px; text-align:justify; padding-bottom:10px;}

div#article_heading2{float:left; width:43%; height:28px; padding:3px 6px; margin-top:15px; background:#e52e5a; font-size:16px;  font-family: Century Gothic; font-weight:500; color:#fff; text-transform:uppercase; line-height:28px;}

.mod-languages {
	text-align:right !important;
	margin-right:-5px !important;
}

div#eu {
	float:right !important;
}


.category-name a {
    color: #d3df4b !important;
}

.nspInfo.nspInfo1.tleft.fnone {
    display: none;
    visibility: hidden;
}

.readon.fright {
    visibility: hidden;
    display: none;
}

.nspHeader.tleft.fnone {
    margin-bottom: 0;
    font-size: 13px;
}

.rt-block.gk42 {
    border: 1px solid #e0e0e0;
	margin-top: 20px;
	margin-left: 20px;
}


.rt-block.gk4 {
    border: 1px solid #e0e0e0;
	max-width: 90%;
	
}

#dera {
    text-align: center;
    margin-top: -20px;
}

.rt-block.gk4 {
    border: 1px solid #e0e0e0;
      margin-left: 7px !important;
}

._1drm._1b90, ._1drm._1ds4 {
    border: none;
}



.joslide.classic-layout {
    height: 342px;
}


.classic-view .instagram-photo {
    cursor: pointer;
    float: left;
    line-height: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 33% !important;
}

.instagram-photo {
    display: inline-block;
    height: auto;
    width: 400px !important;
}

.carousel-view .post-text {

    width: 380px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.carousel-view .post-meta {
    background: #d3df4b !important;
    padding-top: 0px !important;
    width: 380px;
    margin: 0px;
}

.jcarousel li {
    border: none !important;
}

.jcarousel-wrapper {
    margin: 0px !important;
    position: relative;
}

.nspArt.nspCol1 {
    padding: 0px !important;
    margin: 0px !important;
}

.pluginFontHelvetica, .pluginFontHelvetica button, .pluginFontHelvetica input, .pluginFontHelvetica label, .pluginFontHelvetica select, .pluginFontHelvetica td, .pluginFontHelvetica textarea {
    font: normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
        font-weight: normal;
        font-size: 11px;
        line-height: normal;
}

.carousel-view .post-text p {
    color: #000 !important;
     font: normal 14px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif ;
}

.blogblog a {
    color: #d3df4b !important;
}

blockquote p {
    line-height: 20px;
    font-size: 13px;
}

.blogblog h3 {
    font-size: 135%;
	color: #303030;
}

.blogblog h2 {
    font-size: 145%;
	color: #303030;
}

.item-pageblog h2{
    font-size: 145%;
	color: #303030;
	font-weight: bold;
}

.blogblog h1 {
    font-size: 150%;
	color: #303030;
	line-height: 30px;
}

.item-pageblog h1 {
    font-size: 150%;
	color: #303030;
	line-height: 30px;
}

.item-pageblog h3 {
    font-size: 135%;
	color: #303030;
}

.blogblog h2 a {
    font-size: 25px;
    color: #000000 !important;
}

.button, .readon, .readmore, button.validate, #member-profile a, #member-registration a, .formelm-buttons button, .btn-primary {
     background-color: #9a9b9c !important;
    border: none !important;
}

._4i-s {
    padding: 12px 12px 0;
    word-wrap: break-word;
    font-family: century ghotic;
    font: normal 14px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
}

.carousel-view .post-text p {
     font: normal 14px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif;
}

._5pbw, ._5pbx {
    font: normal 14px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif !important;
}


.pluginFontHelvetica, .pluginFontHelvetica button, .pluginFontHelvetica input, .pluginFontHelvetica label, .pluginFontHelvetica select, .pluginFontHelvetica td, .pluginFontHelvetica textarea {
     font: normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif !important;
}


.component-content .pagenav .pagenav-next {
    float: right;
    height: 35px;
    width: 84px;
    background-image: url(http://www.dermaceutic.com/images/next.jpg);
}

.component-content .pagenav li a {
    padding: 4px 10px;
    font-size: 20px;
    border-radius: 4px;
	opacity: 0;
}

.component-content .pagenav .pagenav-prev {
    float: left;
     height: 35px;
    width: 84px;
    background-image: url(http://www.dermaceutic.com/images/prev.jpg);
}

.rt-block.box1 {
    max-width: 90%;
}

.plugin.gecko.win.x1.Locale_fr_FR {
    max-width: 93%;
    font: normal 11px 'Century Gothic',Helvetica, Arial, Times, serif, sans-serif !important;
}

.component-content .cols-2 .column-1 {
    width: 48%;
    float: left;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

.component-content .cols-2 .column-2 {
    width: 48%;
    float: right;
    margin: 0;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

#rt-bottom {
    margin-top: 10px;
    margin-bottom: 25px;
}


div.nn_tabs_nav li.nn_tabs_tab {
    font-size: 12px !important;
}