/*
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:117px;}
#content {margin-top:-119px;position:relative;z-index:10}
#home #content {margin-top:-176px;}
#main, #sidebar {margin-top:8px}
#content, #main div {min-height:310px;}

#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 on right hand side of a column. */
.border {background:url(images/bordergrey.jpg) top right repeat-y}

/* 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:#333;font-size:0.9em}
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 h1 {font: bold 1.2em Georgia, "times new roman", serif;color:#333;}
#home h1 {margin-top:50px;border:none}
#sidebar h1 {font-size:16px;font-weight:regular;}
#sidebar h2 {margin-bottom:0.3em}


/* 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 1.5em 1.5em 1.5em}
ul          {list-style-type: circle}
.onglet ul {list-style:none;margin:0;padding:0}

/*ol          {list-style-type: decimal}
dl          {margin: 0 0 1.5em 0}
dl dt       {font-weight: bold}
dd          {margin-left: 1.5em}

abbr, 
acronym     {border-bottom: 1px dotted #666}
address     {margin-top: 1.5em;font-style: italic}
del         {color:#666}*/

a:focus, 
a:hover     {color: #006eab;text-decoration: underline;}
a           {color: #006eab;text-decoration: none;}
a.more   {background:url(images/more.jpg) center right no-repeat;padding-right:15px;padding-bottom:3px;font-weight:bold;font-size:10px}
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}
/*blockquote  {margin: 1.5em;color: #666;font-style: italic}

em,dfn      {font-style: italic;background: #ffc}
dfn         {font-weight: bold}
pre,code    {margin: 1.5em 0;white-space: pre}
pre,code,tt {font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace;line-height: 1.5} 
tt          {display: block;margin: 1.5em 0;line-height: 1.5}*/

/* 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      {font-size: .85em;margin-bottom: 1.875em;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} 
#menu ul {position:absolute; display:none; width:150px;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 a {text-decoration: none;color:#fff;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;line-height:2em;width:148px;text-indent:6px}
#menu ul a:hover {background:url(images/bkmenu.png) repeat;width:120px;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 
-------------------------------------------------------------- */
ul.idTabs {margin:0;padding:0;}
.idTabs li { list-style:none;height:30px}
ul.idTabs a, ul.idTabs a:hover, ul.idTabs a.selected {font: bold 0.98em Georgia, "times new roman", serif;height:30px;padding:3px 10px}
ul.idTabs  a {display:block;text-decoration:none;color:#fff;background:url(images/coinbleu.png) top right no-repeat;}
ul.idTabs a:hover {color:#000;background:url(images/coingris.png) top right no-repeat;}
ul.idTabs a.selected {color:#000;background:url(images/coinblanc.png) top right no-repeat;cursor:default;}
.onglet div {clear:left;padding-left:10px}

#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:43px}
#logo	{padding-top:17px}
#logo img {margin:0;padding:0}

#news p, #products p {margin-bottom:0.25em}
#products hr, #products img {margin-bottom:0.5em}
#news {margin-left:10px}

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


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

.focus p {padding-right:10px;height:85px}
img.icon {margin-top:35px;float:left}



#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}