@charset "UTF-8";
/*  
Theme Name: Theme Biomeridies
Theme URI: http://btobdesign.com
Description: Theme pour Biomeridies
Version: 1.0
Author: BtoB design
Author URI: http://btobdesign.com

Please leave credit where credit is due.
*/


/* CSS Document */

/* -------------------------------------------------------------- 
  
* the grid is 960px wide, with 24 columns spanning 30px, and a 10px margin between columns
   
http://www.blueprintcss.org/
-------------------------------------------------------------- */
/* -------------------------------------------------------------- 
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-size: 100%;vertical-align: middle}
body { line-height: 1.5;background: #fff;margin:0}
html, body	{height:100%}

a img { border: none}

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

/*Zones principales */

#pbody		{background:url(images/bkheader.jpg) top left repeat-x;}
#hbody		{background:url(images/hbkheader.jpg) top left repeat-x;}
#home, #page		{min-height: 100%;margin-bottom: -102px;position: relative;}


#head		{margin-top:-163px;height:30px}
#home #head		{margin-top:-305px;height:86px}

#main	{position:relative;z-index:3;background:url(images/bandeau2.jpg) top right no-repeat;}
#home #main	{background:url(images/hbandeau.jpg) top right no-repeat;}

#bkrepete	{position:relative;height:165px;padding:0;background: url(images/bk.jpg) top left repeat-x;width:50%;z-index:1}
#home #bkrepete	{height:305px;background: url(images/hbk.jpg) top left repeat-x;}

#content	{margin-top:80px}


#contenu, #sidebar		{margin-top:20px;margin-bottom:10px}
#home #contenu	{margin-top:10px;margin-bottom:10px}

#footercontainer {background: #09404f url(images/bkfooter.gif) top left repeat-x;height:102px;position:relative}

#error-404 {width:100%;margin:0;padding:0;min-height: 100%;position: relative;background:url(images/bk404.gif) top left repeat-y}
#error-404 .container {min-height: 100%;}
#chiffre	{background:url(images/404.gif) top left no-repeat;min-height:280px;}
#texte-404	{background:url(images/404txt.jpg) top left no-repeat;min-height:614px;margin-left:115px}
#error-404 #contenu 	{margin-top:70px}


/* 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: 960px;margin: 0}
.span-special-home {width:220px}

/* Add these to a column to append empty cols. */
.append-0 {padding-right: 10px} .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 {padding-right: 4px;margin-right: 5px;border-right: 1px solid #eee}

/* 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: -18px} .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}

.span-1_5 {width:40px}
.span-3_5 {width:140px}


/* Misc classes and elements
-------------------------------------------------------------- */


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

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

.clearfooter {height: 102px;clear: both;}


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

/* Default fonts and colors. 
   Pour une typo serif, utiliser le code:   font: 1em Georgia, "lucida bright", "times new roman", serif;*/
   
body {font-size: 75%;color: #222;font-family:  Arial, Verdana, sans-serif}
h2,h3,h4,h5,h6 {color:#292929;font-family: Arial, sans-serif}
h1 {font-family:"Times New Roman", Times, serif;color:#8cbf3c;}

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

h1 {font-size:3em;line-height:0.8em;padding:0 0 0 0.7em;background:url(images/h1.gif) top left no-repeat;height:40px}
h2, h5 {font-size: 1.5em;margin-bottom: 0.75em;line-height:1.2em;background:url(images/h2.gif) bottom right no-repeat}
h1.special {font-size:18px;margin:10px 0 5px 0;background:none;padding:0;height:20px}
h3, .intro	{font-size: 1.2em;color:#007da4;text-align:left;line-height:1.5em}
h5 {font-size: 1.15em;font-weight: bold;margin:0;padding:0}
h6 {font-size: 1em;font-weight: bold}


#home h3	{margin-top:10px}
#home h1 {font-size:2.2em;line-height:1.2em;padding:0 0 0 0.9em;background:url(images/hh1.gif) top left no-repeat;height:32px}

h3 a, h5 a {text-decoration:none}
h5 a	{color:#292929}
.presse_news h3, .presse_news h3	{padding:0;margin:0;line-height:1.3em;}
.presse_news h5 {background:none}

/* Text elements
-------------------------------------------------------------- */
p, ul       {margin: 0 0 1.5em;text-align:justify;font-size:1em}
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         {margin: 0 0 1.5em;vertical-align:text-top}

strong, .strong      {font-weight: bold}
tt          {display: block;margin: 1.5em 0;line-height: 1.5}

.listeactu .first {font-weight:bold;font-size:1.1em}


/*listes 
--------------------------------------------------------------*/
ul, ol      {margin:0 0 1.5em 0;padding-left:0}
ol          {list-style-type: decimal}
ul, li	{list-style:none}

#contenu li	{background:url(images/puce.gif) 0px 8px no-repeat; padding-left:15px}
#contenu .listelien li, .presse_news li, .fichemembre .liste.dernier, .listeactu .liste.dernier, .fichemembre .liste, #contenu .listeactu .liste {background:none}

/*listing de post --> style des li */
#contenu .listeactu .liste	, #sidebar .listeactu .liste		{border-bottom:1px solid #3e4545;padding:3px 0 3px 0}
.fichemembre .liste.first, #contenu .listeactu .liste.dernier, #sidebar .listeactu .liste.dernier, .fichemembre .liste.dernier {border:none;}
.fichemembre .liste.dernier, .listeactu .liste.dernier {padding-bottom:7px}

/*listing de post --> puces */
#contenu .listeactu .liste.pucenews, #sidebar .listeactu .liste.pucenews  	{background:url(images/puce_news.gif) 0px 3px  no-repeat}
#contenu .listeactu .liste.puceagenda 	{background:url(images/puce_agenda.gif) 0px 3px  no-repeat}

/*listing de titres --> plan du site */
#plan li {background:none;padding-left:0}

#plan li h5 {background:url(images/h2.gif) bottom right no-repeat;padding-left:0;margin-left:0px;padding-bottom:10px}

.listelien li {border-bottom:1px solid #000;height:100px;padding-bottom:10px}

.fichemembre .liste {border-top:1px solid #3e4545;padding:3px 0 3px 0}
.alignbas .liste {border-bottom:1px solid #3e4545;padding:3px 0 3px 0}
.fichemembre .noborder {border:none}


/*liens
------------------------------------------------------------- */
a:focus, 
a:hover     {color: #464646}
a           {color: #007da4;text-decoration: underline}

p a[href$=".PDF"], p a[href$=".pdf"], a[href$=".PDF"], a[href$=".pdf"] {padding: 2px 2px 2px 20px;background: url("images/pdficon_small.png") top left no-repeat;}
.fichemembre .liste	a, .listeactu .liste a, .listeactu a	{text-decoration:none}

.fichemembre .liste.dernier a, #contenu .listeactu .dernier a, #sidebar .listeactu .dernier a {text-decoration:underline}
.presse_news .gris a	{color:#636969;text-decoration:underline}

/* marges différentes
----------------------------------------------------------------*/
p.dernier, .dernier a, .dernier, #home .listeactu p, #sidebar .listeactu p, .presse_news .beforelast, .presse_news .beforelast p {margin-bottom:5px}

.fichemembre p	{margin-bottom:0}
#contenu .listeactu .liste.pucenews a, #contenu .listeactu .liste.puceagenda a, #sidebar .listeactu .liste.pucenews a {margin-left:25px}

.presse_news li {margin-bottom:10px}
.archives p, .archives h3	{line-height:normal;margin-bottom:0.5em}

.activity p {font-size:0.95em}

.fichemembre {margin-bottom:30px;height:330px;position:relative}

.alignbas {position:absolute;bottom:0}

/*alignement des textes  et de bloc
------------------------------------------------------------- */
.gauche, .gauche p, .presse_news, .intro p, .fichemembre, .fichemembre p, .fichemembre a, .listeactu p, .listeactu a, .fichemembre .liste div p, .span-special-home p	{text-align:left}

.droite {text-align:right}

.right		{float:right}

/* Some default classes
-------------------------------------------------------------- */
.small      {font-size: .95em;}
.large      {font-size: 1.2em;line-height: 2.5em;margin-bottom: 1.25em}

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

.gris, .gris a 		{color:#636969;}

/* -------------------------------------------------------------- 
ZONES SPÉCIFIQUES
-------------------------------------------------------------- */

/*introductions et filets 
--------------------------------------------------------------*/
.intro, .filet	{background:url(images/intro.gif) 11px 0px  no-repeat;padding:10px 0 0 25px}
.introvide		{background:url(images/introvide.gif) 11px 0px  no-repeat;min-height:40px}
.filet 		{margin-bottom:0}
.filet p {margin-bottom:5px}


/* header 
----------------------------------------------------------------*/	
#bandeau			{position:relative;height:50px;float:left;z-index:3;background:url(images/logo.gif) top left no-repeat;}
#bandeau .accroche	{float:left;margin-left:192px;color:464646;font-size:1.1em;font-weight:bold;padding-top:5px}


#topsidebar			{margin-top:5px}


#slideshow-logo			{color:#7b7b7b;height:85px;font-size:10px}
#home #slideshow-logo   {height:157px}
#home #slideshow-logo	h1 		{background:none;padding-left:0;font-size:1.8em}


/* sidebar 
----------------------------------------------------------------*/	
#sidebar .listeactu	{margin-bottom:20px}


/* footer
----------------------------------------------------------------*/	

#footer			{margin-bottom:0;padding-bottom:0}

#coordonnees {margin-top:8px}
#coordonnees p, #coordonnees p a {color:#82bbd0;font-size:11px;}
#baseline {background:url(images/footerbarrevertic.gif) top right repeat-y;}
#baseline p		{text-align:right;margin-bottom:0;padding-right:10px}
#baseline p.nom	{color:#fff;font-size:14px}

#rightsfooter {font-size:9px;color:#fff}
#rightsfooter #signature a	{text-decoration:none;color:#fff;line-height:normal;margin-bottom:0;padding-bottom:0 }


/* -------------------------------------------------------------- 
FORMULAIRES
-------------------------------------------------------------- */
body {font-size: 75%}
input {border:solid 1px #a9a9a9;}
label	{font-weight:bold}

#searchsubmit {padding:0}

/* ZONE DE RECHERCHE */
#rechercher	{margin-top:0;}
#home #rechercher	{margin-top:10px;}
#rechercher form {line-height:0}
.pagesearch h2 {margin-top:0;}
.pagesearch h2 a {text-decoration:none}
.pagesearch p{margin-bottom:1em;}
strong.search-excerpt {background: #add5e1 }

/*FORMULAIRE CONTACT*/
.contact		{margin-bottom:15px}
.contact label	{width:120px;text-align:right;float:left;margin-right:10px;font-weight:normal}
.contact label.obligatoire	{font-weight:bold}
contact .input-contact	{float:left;display:block;}


/* 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 du haut */
#menutop	{float:right;height:24px;margin:0;padding:0}
#menutop ul	{list-style:none;padding:0 0 0 0;margin:0}
#menutop li	{display:inline;padding:15px 5px 0 12px;line-height:1em;background:url(images/menutopbarre.gif) top right repeat-y}
#menutop a	{font-size:9px;color:#515151;text-decoration:none}


/* Menu principal */


#home #menu	{margin-top:163px}
#menu	{margin-top:80px}
#menu ul {list-style:none;margin:0;padding:0}
#menu li{height:28px;float:left;display:inline;width:118px;text-align:center;margin:0;padding:9px 0 0 0;}
#menu li a{font-size:13px;color:#fff;text-decoration:none;font-weight:bold}
#menu li a:hover{text-decoration:none;color:#CCCCCC;}
#menu li.current_page_item	{background:url(images/a-current.gif) center bottom no-repeat;padding-top:7px}
#menu li.current_page_item a	{font-size:14px;}

/* Menu footer */

#menufooter ul 	{margin:0;padding:0;margin-top:8px}
#menufooter li	{list-style:none;background:url(images/menufooterbarre.gif) bottom left repeat-x}
#menufooter li a{font-size:11px;color:#82bbd0;text-decoration:none}
#menufooter li a:hover{text-decoration:none;color:#CCCCCC;}


/* -------------------------------------------------------------- 
PHOTOS / IMAGES
-------------------------------------------------------------- */
.logo		{width:122px;height:46px;position:absolute;top:20px;left:0px;background:url(images/vide.gif) top left repeat}
#home .logo		{top:0px;}
.logovide {width:100px;height:100px;background:url(images/vide.gif) top left repeat;margin-bottom:0}

.logobox_slideshow, .logobox	{position:relative;height:75px;width:75px;margin:0 auto;display: table;overflow: hidden;}
#home .logobox_slideshow, .logobox {height:100px;width:100px;}
.logocontent {display: table-cell; vertical-align: middle;text-align:center}
#slideshow  {max-width:75px;max-height:75px;margin:0 auto;}
.logobox img, #home #slideshow {max-width:100px;max-height:100px;margin-bottom:0}
.logobox, .logovide {margin-bottom:5px}





.newsbox	{position: relative;max-height:50px;max-width:51px; overflow:hidden;margin-bottom:0;}
.newsbox a img	{width:60px;height:auto}

.photo {position: relative;max-height:130px;max-width:230px; overflow:hidden;margin-bottom:10px}
.photo span {width:13px;height:11px;display:block;position:absolute;top:119px;left:0px;background: url(images/corner.gif) no-repeat}


.partenaires		{margin-top:10px}
.partenaires h3 img	{float:left;padding-right:20px;vertical-align:middle;max-width:100px;max-height:100px;}
.partenaires h3 a	{text-decoration:none;}

div.wpcf7-response-output	{clear:both}