/*
Theme Name: Medesis
Theme URI: http://www.medesispharma.com/
Description: Theme pour Medesis.
Version: 1.0
Author: BtoB Design

*/

@charset "UTF-8";

///////////////////////////////////////////////////////////////////////////

////////////////////
/////////////////////

///////////////////////////////////////////////////////////////////////////

/* -------------------------------------------------------------- 
RESETS
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size:11px;font-family: inherit;vertical-align:middle}
body { line-height: 1.5;background: #fff;margin:0;padding:0}

/*table { border-collapse: separate;border-spacing: 0}
caption, th, td { text-align: left;font-weight:400}
blockquote:before, blockquote:after, q:before, q:after { content: ""}
blockquote, q { quotes: "" ""}*/

a img { border: none}

/* -------------------------------------------------------------- 
GRILLE
-------------------------------------------------------------- */

#home #headcontainer {margin:0;padding:0;height:100px;}
#content {margin-top:-119px;position:relative;z-index:10}
#home #content {margin-top:-176px;padding-left:30px;width:730px}
#main, #sidebar {margin-top:8px;border-bottom:#ddd 1px solid}
#home #products {margin-top:-154px;position:relative;z-index:11}
#home #main {background:url(images/bkenhance.jpg) top left repeat-y;width:730px;margin-top:10px}
.enhance {width:310px;padding-left:10px}

#footcontainer {position:relative;border-top:1px solid #000;margin-top:20px}

.contenu {padding-top:18px}

#print #headcontainer {height:85px}
#print #content {margin-top:0;border-bottom:1px solid #000;margin-bottom:5px}
#print #contentcontainer {margin:0;padding:0;border-top:1px solid #000;}


/* A container should group all your columns. */
.container {width: 950px;margin: 0 auto}

/* Columns
-------------------------------------------------------------- */
/* Use this class together with the .span-x classes to create any composition of columns in a layout. */  
.column {float: left;margin-right: 10px}

/* The last column in a row needs this class. */
.last {margin-right: 0}

/* Use these classes to set the width of a column. */
.span-1   {width: 30px} .span-2   {width: 70px} .span-3   {width: 110px} .span-4   {width: 150px} .span-5   {width: 190px} .span-6   {width: 230px} 
.span-7   {width: 270px} .span-8   {width: 310px} .span-9   {width: 350px} .span-10  {width: 390px} .span-11  {width: 430px} .span-12  {width: 470px} .span-13  {width: 510px} .span-14  {width: 550px} .span-15  {width: 590px} .span-16  {width: 630px} .span-17  {width: 670px} .span-18  {width: 710px} .span-19  {width: 750px} .span-20  {width: 790px} .span-21  {width: 830px} .span-22  {width: 870px} .span-23  {width: 910px} .span-24  {width: 950px;margin: 0}

/* Add these to a column to append empty cols. */
.append-1   {padding-right: 40px} .append-2   {padding-right: 80px} .append-3   {padding-right: 120px} .append-4   {padding-right: 160px} .append-5   {padding-right: 200px} .append-6   {padding-right: 240px} .append-7   {padding-right: 280px} .append-8   {padding-right: 320px} .append-9   {padding-right: 360px} .append-10  {padding-right: 400px} .append-11  {padding-right: 440px} .append-12  {padding-right: 480px} .append-13  {padding-right: 520px} .append-14  {padding-right: 560px} .append-15  {padding-right: 600px} .append-16  {padding-right: 640px} .append-17  {padding-right: 680px} .append-18  {padding-right: 720px} .append-19  {padding-right: 760px} .append-20  {padding-right: 800px} .append-21  {padding-right: 840px} .append-22  {padding-right: 880px} .append-23  {padding-right: 920px} 

/* Add these to a column to prepend empty cols. */
.prepend-1   {padding-left: 40px} .prepend-2   {padding-left: 80px} .prepend-3   {padding-left: 120px} .prepend-4   {padding-left: 160px} .prepend-5   {padding-left: 200px} .prepend-6   {padding-left: 240px} .prepend-7   {padding-left: 280px} .prepend-8   {padding-left: 320px} .prepend-9   {padding-left: 360px} .prepend-10  {padding-left: 400px} .prepend-11  {padding-left: 440px} .prepend-12  {padding-left: 480px} .prepend-13  {padding-left: 520px} .prepend-14  {padding-left: 560px} .prepend-15  {padding-left: 600px} .prepend-16  {padding-left: 640px} .prepend-17  {padding-left: 680px} .prepend-18  {padding-left: 720px} .prepend-19  {padding-left: 760px} .prepend-20  {padding-left: 800px} .prepend-21  {padding-left: 840px} .prepend-22  {padding-left: 880px} .prepend-23  {padding-left: 920px} 



/* Border with more whitespace, spans one column. */
.colborder {padding-right: 24px;margin-right: 25px;border-right: 1px solid #eee}

/* Use these classes on an element to push it into the next column, or to pull it into the previous column. */
.pull-0 {margin-left:-15px} .pull-1  {margin-left: -40px} .pull-2  {margin-left: -80px} .pull-3  {margin-left: -120px} .pull-4  {margin-left: -160px} 

.push-0  {margin: 0 0 0 18px} .push-1  {margin: 0 -40px 0 18px} .push-2  {margin: 0 -80px 0 18px} .push-3  {margin: 0 -120px 0 18px} .push-4  {margin: 0 -160px 0 18px}
.push-0, .push-1, .push-2, .push-3, .push-4 {float: right}

/* Misc classes and elements
-------------------------------------------------------------- */
/* Use a .box to create a padded box inside a column.  */ 
.box {padding: 1.5em;margin-bottom: 1.5em;background: #eee}

/* Use this to create a horizontal ruler across a column. */
hr {background: #ddd;color: #ddd;clear: both;float: none;width: 100%;height: .1em;margin: 0 0 1.4em;border: none}
hr.space {background: #fff;color: #fff}

/* Clearing floats without extra markup */
.clear {display: inline-block}   
.clear:after, .container:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
* html .clear {height: 1%}
.clear {display: block}

/* -------------------------------------------------------------- 
TYPOGRAPHIE
-------------------------------------------------------------- */

/* Default fonts and colors. 
   Pour une typo serif, utiliser le code:   font: 1em Georgia, "lucida bright", "times new roman", serif;*/
   
body {color: #222;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:11px}
h1,h2,h3,h4,h5,h6 {color: #111;font-family:Verdana, Arial, Helvetica, sans-serif}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal}

h1 {font: 1.9em Georgia, "times new roman", serif;color:#333;line-height: 1.5em;margin-bottom: 0.5em;border-bottom:solid 1px #000;padding-bottom:4px;}
.souligne {background: url(images/soulignegris.jpg) repeat-x bottom left;padding-bottom:11px}

h2 {font-size: 1em;margin-bottom: 0.75em;color:#15bde7;font-weight:bold}
h3 {font-weight:bold;color:#666;font-size:0.9em;text-transform:uppercase}
h4 {font-size: 1.2em;line-height: 1.25;margin-bottom: 1.25em}
h5 {font-size: 1em;font-weight: bold;margin-bottom: 1.5em}
h6 {font-size: 1em;font-weight: bold}

#home #main h2 {font: bold 1.1em Georgia, "times new roman", serif;color:#333;margin-top:17px;border:none;margin-bottom:36px}
#home h1 {font: bold 1.3em Georgia, "times new roman", serif;color:#006eaa;margin-top:17px;border:none;margin-bottom:30px}
#sidebar h1 {font-size:16px;font-weight:regular;}
#sidebar h2 {margin-bottom:0.3em}
#products h4 {margin:0}


/* Text elements
-------------------------------------------------------------- */
p, a         {margin: 0 0 1.5em;font-size:11px}
p.last      {margin-bottom: 0}
p img		{float: left;margin: 1.5em 1.5em 1.5em 0;padding: 0}
p img.top   {margin-top: 0} /* Use this if the image is at the top of the <p>. */
img        {float:left}


ul, ol      {margin:0;padding:0}
li {padding-bottom:5px}
ul          {list-style-type:disc;list-style-position:inside}

a:focus, 
a:hover     {color: #006eab;text-decoration: underline;}
a           {color: #006eab;text-decoration: none;}
a.more   {padding-bottom:3px;font-weight:bold;font-size:10px}
#news .more {font-weight:normal}
p a[href$=".PDF"], p a[href$=".pdf"], a[href$=".PDF"], a[href$=".pdf"] {padding: 2px 2px 2px 20px;background: url("images/icon_pdf.png") top left no-repeat;}

#tools p a[href$=".PDF"], #tools p a[href$=".pdf"], #tools a[href$=".PDF"], #tools a[href$=".pdf"] {padding: 0;background: none;}

strong      {font-weight: bold}
.borderbottom   		{border-bottom: 1px solid #ddd}


/* Tables
-------------------------------------------------------------- */
table   {margin-bottom: 1.4em}
th      {border-bottom: 2px solid #ccc;font-weight: bold}
td      {border-bottom: 1px solid #ddd}
th,td   {padding: 4px 10px 4px 0}
tfoot   {font-style: italic}
caption {background: #ffc}

/* Use this if you use span-x classes on th/td. */
table .last {padding-right: 0} 

/* Some default classes
-------------------------------------------------------------- */
.small, .small a, .small p      {font-size: 10px;font-family:Verdana, Arial, Helvetica, sans-serif;line-height: 1.4em}
.large      {font-size: 1.2em;line-height: 2.5em;margin-bottom: 1.25em}
.quiet      {color: #666}

.intro		{color:#006699;font-weight:bold;padding-bottom:1em}

.hide       {display: none}
.highlight  {background:#ff0}
.added      {color:#060}
.removed    {color:#900}

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

.blue {color:#006699}
.black {color:#000}

.right {float:right}
.gauche {text-align:left}
.droite {text-align:right}


/* -------------------------------------------------------------- 
FORMULAIRES
-------------------------------------------------------------- */
body {font-size: 75%}
input {border:solid 1px #a9a9a9;}
label	{font-weight:bold}
p.send input {background:url(images/tick.png) no-repeat center right;padding-right:18px}
p.send input:hover {color:#000;border-color:#000}

/* RECHERCHER  */
#searchform	{margin-top:5px;}
#s {width:115px;margin:0;padding:3px}
#searchsubmit {border:none;background:none;padding:0;margin:0}
#searchsubmit:hover {color:#006699}


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd}
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4}
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324}
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880}
.error a    { color: #D12F19}
.notice a   { color: #817134}
.success a  { color: #529214}

/* -------------------------------------------------------------- 
MENUS
-------------------------------------------------------------- */
/* Menu top */
#menutop		{float:right;margin:0}
#menutop  ul    {list-style:none;text-align:right;float:right;margin:0;padding:0}
#menutop li	    {margin:0;display:inline;padding:5px 8px 0 5px;background:url(images/menutopborder.jpg) top right no-repeat;line-height:2em }
#menutop li a {padding-top:20px;font:0.90em Verdana, Arial, Helvetica, sans-serif;text-decoration:none;color:#333}
#menutop li a:hover {color:#000} 
#menutop li img {margin:0;}
.qtrans_language_chooser ul, .qtrans_language_chooser li {display:inline;float:right}
.qtrans_language_chooser ul  {padding-left:0}

/* Menu principal */
#barrenavi			{position:relative;z-index:20;background: url(images/menuborder.jpg) top right no-repeat}
#barrenavi div {float:right}

#menu, #menu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; z-index:300; width:100%;font-weight:normal;} 
#menu a {display:block;color:#666;font: 1.20em Georgia, "times new roman", serif;padding:7px 30px 0 0;text-decoration:none;} 
#menu a:hover {color:#006699; text-decoration:none} 
#menu li {float:left; position:relative;height:31px;padding-bottom:0} 
#menu ul {position:absolute; display:none; width:140px;top:31px; left:0;background:url(images/bkmenu.png) repeat top left;border-top:#006699 5px solid;border-bottom:1px solid #006699;height:auto;} 
#menu ul li {margin:0;width:135px;padding-bottom:5px;height:30px;padding-left:5px}
#menu ul li:hover {background:url(images/bkmenu.png) top left repeat;}
#menu ul a {text-decoration: none;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;line-height:1.2em;}
#menu ul a:hover {color:#fff}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;} 
#menu li:hover ul, #menu li li:hover ul,menu li li li:hover ul, #menu li li li li:hover ul {display:block;} 

.active {color:#006699}

/* Menu Footer */
#menufooter ul, #minimenufooter ul, #minimenufooter li 	a  img {margin:0;padding:0}
#menufooter li, #minimenufooter li	{display:inline}
#menufooter li a, #minimenufooter li a {text-decoration:none;font-size:0.80em;font-weight:bold;color:#666;padding-right:10px}
#menufooter li a:hover, #minimenufooter li a:hover {color:#333}

#minimenufooter li 	a {font-weight:normal}
#minimenufooter #flag {margin-top:4px}

/* -------------------------------------------------------------- 
ONGLETS 
-------------------------------------------------------------- */
#contenu img.illustration {margin:0;padding:0;border-top:1px solid #000;margin-left:-10px}
#tools {background:#e5e5e5;border-top:solid #ccc 5px;border-bottom:solid #ccc 5px;padding:0 10px }
#tools img.illustration {margin:0;padding:0;border-top:1px solid #000;margin-left:-10px}
#tools img.WP-PrintIcon {margin-right:5px}
#tools span  {margin-bottom:1.5em}
#tools span p {margin-bottom:0}
#tools a {color:#000}
#tools a:hover {color:#006699;text-decoration:none}
/* -------------------------------------------------------------- 
IMAGES 
-------------------------------------------------------------- */
#home #logo {padding-top:29px}
#logo	{padding-top:17px}
#logo img {margin:0;padding:0}

#products p {margin-bottom:0.25em}
#products hr, #products img {margin-bottom:0.5em}
#products {margin-top:30px;background:url(images/bksidebar.jpg) top left repeat-y;padding-left:10px;height:100%}
#home #news {margin-left:10px}

/* Slideshow */
#slideshow, #bandeau {margin:0;padding:0;border-top:1px solid #000}
.pics { height: 399px; width: 950px; padding:0; margin:0; overflow: hidden }
.pics img { height: 399px; width: 950px;top:0; left:0 }


#page #sidebar div {margin-bottom:1.5em}

.focus-22 p {padding-right:10px;}
img.icon {margin-top:17px;float:left;margin-right:10px}
.focus {padding-left:10px}
.focus-21 {border-left:1px solid #ddd;}



#print #date {float:right}

.rubrique p {padding-right:15px;margin-bottom:0.5em}
.rubrique.span-12  {margin-bottom:1.4em}
.rubrique h2 {margin-top:0}
.rubrique h2 a   {font-size: 1em;margin-bottom: 0.75em;color:#15bde7;font-weight:bold}

#pressroom hr {width:90%}
div.separator {width:175px;border-bottom:1px solid #ddd;height:3px;margin-bottom:10px}


#archives a, #archives a h2, #archives p {margin:0;margin-top:0.25em}
#archives a h2 {font-size: 1.1em;}
#archives a:hover h2 {text-decoration:underline;}
#archives p.last {margin-bottom:1.4em}



#home p {margin-bottom:0}
#home #main {padding-bottom:10px}

#footcontainer img {margin-left:10px}