/* -----------------------------------------------------------------
	LAYOUT
------------------------------------------------------------------ */
* {
	padding: 0;
	margin: 0;
}

html, body, 
#haut, #auteur, #liens-accessibilite, #contenu, #bas,
#contenant, #billets, #contenu-principal, #contenu-principal-home, #contenu-principal-plan
#contenu-secondaire, #agenda {
	margin : 0;
	padding : 0;
	}

html {
	height: 100%;
}

body
{
	padding: 0;
	height: 100%;
}

#haut {
	position: relative;
	margin: 0 auto 0 0;
	padding-top: .8em;
	min-height: 100%; 
	height: auto !important; 
	height: 100%; 
	}

* html #haut {
	height: 100%;
}	

#haut {
	/*
		The width value below controls the overall width of the design. By default it's set to 82%
		(so it'll take up 82% of the browser window's width). You can set it to a different percentage
		value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
	*/
	width: 100%;
    }

#auteur {
	position: relative;
	width: 100%;
	height: 6.4em;
	padding: 0;
	}

#menu {
	position: absolute;
	top: 6.5em;
	left: 29.8em;
	height: 2em;
	padding: 0;
	margin: 0;
}
#liens-accessibilite {
	display: none;
	}

#contenu {
	padding: 0 0 0 2em;
	width:746px;
	}

#contenant, #billets {
	float: left;
	margin-left: .2em;
	margin-right: -16.6em;
	width: 100%;
	border-top : 1px solid #d9e8f5;
	}

#contenu-principal, #contenu-principal-plan {
	margin: 0 18em 0 .1em;
	padding: 1.3em 0 0 0;
	clear: both;
	}

#contenu-principal-home {
	margin: 0 21em 0 .1em;
	padding: 1.3em 0 0 0;
	clear: both;
	}

#contenu-secondaire {
	margin: 0;
	padding-top: 1.3em;
	float: right;
	width: 16em;
	}

#contenu-secondaire-home {
	margin: 0;
	padding-top: 1.6em;
	float: right;
	width: 16em;
	text-align: center;
	}
	
img.cadre {
	border: 1px solid #91bed4;
	padding: 2px;
	}

#agenda {
	margin-right: 0;
	padding-top: 0;
	float: right;
	width: 16em;
	}

.post-info {
font-size: .75em;
}

#bas
{
	clear: both;
	margin-top: 2em;
	position: relative;
	height: 4em;
	padding-top: 5.0em;
}

#bas .left
{
	position: absolute;
	left: 2.5em;
	bottom: 1em;
}

#bas .right
{
	position: absolute;
	left: 46em;
	padding-right: 0.5em;
	bottom: 1.2em;
}

/* ------------------------------------------------------------
	END LAYOUT
------------------------------------------------------------- */

body { 
	background: #fff;
	font-size: small;
	font-family:verdana, sans-serif;
	color: #000;
	font-size:0.8em;
}

h1, h2.home, h2.home-first {
font-family:arial, sans-serif;
font-size: 1.8em;
color: #f26101;
font-weight: normal;
}

h2 span.laboratoire { font-size: .8em; }

h1 {
padding-bottom: 0.2em;
}

h2.home {
clear: left;
padding-top: .5em;
padding-bottom: 0;
}

.billet {
float: left;
margin-right: 5.2em;
width: 16em;
}

.hide {
display:none;
}

div.billet p {
font-size: .85em;
}

.box-in dl, #agenda dl {
	margin:0;
	font-size: .85em;
}
.box-in dt, .box-in dd, #agenda dt, #agenda dd {
	margin:0 0 0 3px;
	color: #000;
}

#contenu-principal dl {
margin: 0 0 0 .5em;
}

.box-in dt, #agenda dt, #contenu-principal dt {
  line-height: 1.6em;
  	padding:0 14px 0 14px;
  background:url("images/puce.gif") no-repeat 0 .5em;
}

.box-in dd, #agenda dd, #contenu-principal dd {
	padding:0 14px 7px 14px;
}

#contenu-principal dt.favori {
  line-height: 1.6em;
  	padding:0 21px 0 21px;
  background:url("images/etoile.gif") no-repeat 0 .3em;
  margin-left: -7px;
}

h2.home-first {
padding-top: 1em;
padding-bottom: 0;
}

h2,h3
{
	font-family:georgia, Serif;
}

h2 {
	font-weight: normal;
	font-size: 1.4em;
	color: #364a76;
	margin-bottom: .3em;
	padding-top: 1em;
	}
	
h3.home {
	color: #364a76;
	}
	
h3 {
	font-weight: bold;
	font-size: 1.2em;
	color: #444;
	margin-bottom: .3em;
	padding-top: 1em;
	}

#contenu-principal-plan h2  {
font-family:verdana, sans-serif;
font-weight: bold;
font-size: 1em;
}

#contenu-principal-plan h2 a {
color: #364a76;
border-bottom: 1px dotted #6389db;
}
#contenu-principal-plan h2 a:hover, #contenu-principal-plan h2 a:active, #contenu-principal-plan h2 a:focus {
	border-bottom:#f26101 1px dotted;
	color: #f26101;
}
#contenu-principal-plan li a {
color: #333;
border-bottom: 1px dotted #666;
}
#contenu-principal-plan li a:hover, #contenu-principal-plan li a:active, #contenu-principal-plan li a:focus {
	border-bottom:#f26101 1px dotted;
	color: #f26101;
}
h2.first, h3.first {padding-top:0;}

h4 {
	font-weight:normal;
	font-family:Verdana, Arial, Serif;
	font-size: .85em;
	margin-bottom: .3em;
	padding-top: .2em;
}

p {
	line-height: 1.6em;
	margin: 0 0 .5em 0;
}

kbd {
	font-family: monospace;
	font-size: 1.4em;
	font-weight: bold;
}

#sauter-menu {display:none;}

a.image, a.image:hover, a.image:active, a.image:focus, a img {
border: none;
text-decoration: none;
}

img.middle {
vertical-align: middle;
}

img.left {
	position: relative;
	float: left;
	margin: .1em 1.8em .7em 0em;
}
img.right {
	position: relative;
	float: right;
	margin: .1em 1.8em .7em 1.8em;
}
img.profile {
	position: relative;
	float: left;
	margin: 0.5em;
	padding:3px;
}

blockquote { 
    margin:1em;
    padding:0 0 0 40px;  
    color:#666;
    background:url(images/blockquote.gif) no-repeat left top;
}

ul { 
	margin:1em;
	padding:0;
}
ol { 
	margin:1em;
	padding:0;
}
li {
	line-height: 1.5em;
	margin:0 1em;
	padding:0.15em;
}

fieldset {
	padding-top: 1.5em;
	border:none;
	text-align:right;
}

legend {
display: none;
}

a {
	color: #a6006e;
	text-decoration: none;
	border-bottom:#a6006e 1px dotted;
}

a:hover, a:active, a:focus {
	text-decoration: none;
	border-bottom:#f26101 1px dotted;
	color: #f26101;
}

a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]"; 
}
a[hreflang|="fr"]:after {
	content: "";
}
a[hreflang] {
	content: normal !important;
}

code, pre { 
	font: 1em "liberation mono", "Andale Mono", "DejaVu Sans Mono", "Courier New", Courier, monospace;
}

pre { 
	overflow: scroll;
	width: 100%;
	display: block;
	border: solid 1px #dcdcdc;
	padding: 10px 20px 10px 30px;
	margin: 1em 0 1em 0;
	text-align: left;
	line-height: 125%;
}
 
html>body pre {
	overflow: auto;
	width: auto;
}
 
#haut { 
	border: none;
	background-color: #fff;
}

#auteur {
	background: #fff;
	text-transform: lowercase;
}

#auteur span.fp, #auteur h1 {
	font-family:verdana, sans-serif;
	color: #91bed4;
	font-weight: normal;
	font-size: 2em;
	padding-left: 1em;
}
#auteur span a:link, #auteur span a:visited, #auteur span a:hover, #auteur span a:active, #auteur span a:focus {
	color: #91bed4;
	text-decoration: none;
	border: none;
}

#auteur span.job {
	font-size: 1.2em;
	font-weight: normal;
	color: #f26101;
	padding-left: 1.75em;
}

#auteur h1 span.job {
	font-size: .6em;
	color: #f26101;
	padding-left: .1em;
	display:block;
}

#auteur span.job a:link, #auteur span.job a:visited, #auteur span.job a:hover, #auteur span.job a:active, #auteur span.job a:focus {
	color: #f26101;
}

#tagline {
	border-top: .6em solid #24324f;
	position: relative;
	height: 2.7em;
	background: #91bed4;
	width:100%;
}

#tagline p {
	color: #fff;
	padding:.05em 0 0 1.4em;
	margin:0;
	font-size: 1.5em;
	font-family:"Arial Narrow", arial, sans-serif;
}

#tagline p strong {
	font-weight: 600;
	}

#taglineHome {
	border-top: .6em solid #24324f;
	position: relative;
	height: 100px;
	background: #91bed4;
	width:100%;
	border-bottom: 1.6em solid #d9e8f5;
}

#taglineHome p {
	color: #fff;
	padding-top: 15px;
	padding-left: 1.5em;
	font-size: 1.8em;
	width: 740px;
	font-family: arial, sans-serif;
}

#taglineHome p strong {
	font-weight: normal;
	}

#arianne {
	margin: 1em 0 2em 0;
	padding-left: 2.55em;
	font-size: .85em;
	color: #9f9989;
}

#arianne a {
color: #9f9989;
border-bottom : 1px dotted #9f9989;
}

#arianne a:hover, #arianne a:active, #arianne a:focus {
color: #f26101;
border-bottom : 1px dotted #f26101;
}

#menu {
	background: #fff;
	font-size: .85em;
	font-weight: normal;
}

#menu ul, #menu ul li {
	padding:0;
	margin:0;
	display: inline;
}

#menu ul li.first_menu {
border-left: 1px solid #91bed4;
padding-bottom: .6em;
}

#menu ul li.current_page_item strong, #menu ul li.current_cat_item strong {
	display: inline;
	padding:0 .5em .2em .5em;
	margin:0;
	border-bottom: .5em solid #91bed4;
	border-right: 1px solid #91bed4;
}

#menu ul li.current_page_item {
	color: #000;
}

#menu ul li.current_cat_item a:link, #menu ul li.current_cat_item a:visited {
	color: #364a76;
	border-bottom: none;
}
	
#menu ul li.current_cat_item a:hover, #menu ul li.current_cat_item a:active, #menu ul li.current_cat_item a:focus {
	color: #f26101;
}

#menu ul li.page_item {
padding-bottom: .6em;
border-right: 1px solid #91bed4;
}

#menu ul li.page_item a:link, #menu ul li.page_item a:visited {
	color: #364a76;
	border-bottom: none;
	padding:0 .5em .2em .5em;
}

#menu ul li.page_item a:hover, #menu ul li.page_item a:active, #menu ul li.page_item a:focus {
	color: #f26101;
	border-bottom: .5em solid #91bed4;
	padding:0 .5em .2em .5em;
}

#menu-secondaire {
	padding: .3em 0 0 0;
	margin-left:2.6em;
	background: #d9e8f5;
	font-size: .85em;
	height: 1.6em;
	font-weight: normal;
}

#menu-secondaire ul, #menu-secondaire ul li {
	padding:0;
	margin:0;
	display: inline;
}

#menu-secondaire ul li.first_menu {
border-left: 1px solid #24324f;
padding-top: .6em;
padding-bottom: .2em;
}

#menu-secondaire ul li.current_page_item strong, #menu-secondaire ul li.current_cat_item strong {
	display: inline;
	padding:0 .5em .25em .5em;
	margin:0;
	border-top: .5em solid #24324f;
	border-right: 1px solid #24324f;
	background: #fff;
}

#menu-secondaire ul li.current_page_item {
	color: #000;
}

#menu-secondaire ul li.current_cat_item a:link, #menu-secondaire ul li.current_cat_item a:visited {
	color: #364a76;
	border-bottom: none;
}
	
#menu-secondaire ul li.current_cat_item a:hover, #menu-secondaire ul li.current_cat_item a:active, #menu-secondaire ul li.current_cat_item a:focus {
	color: #f26101;
}

#menu-secondaire ul li.page_item {
padding-top: .6em;
padding-bottom: .2em;
border-right: 1px solid #24324f;
}

#menu-secondaire ul li.page_item a:link, #menu-secondaire ul li.page_item a:visited {
	color: #364a76;
	border-bottom: none;
	padding:0 .5em .2em .5em;
}

#menu-secondaire ul li.page_item a:hover, #menu-secondaire ul li.page_item a:active, #menu-secondaire ul li.page_item a:focus {
	color: #f26101;
	border-top: .5em solid #24324f;
	padding:0 .5em .2em .5em;
}

#contenu {
    overflow: hidden;
}

#contenu-principal ul, #contenu-principal-plan ul {margin-bottom:0em;}

#contenu-principal ul li, #contenu-principal-plan ul li {
	margin:0 0 0 7px;
  padding:0 0 7px 14px;
  line-height:1.6em;
  list-style:none;
  background:url("images/puce.gif") no-repeat 0 .5em;
}

.upper {text-transform: uppercase;}

.field input { 
	padding:0;
	border:#ccc 1px solid;
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
	width: 50%
}

.field textarea { 
	width: 95%;
	padding:0;
	height: 20em;
	border: 1px solid #ccc;	
	background:#f9f9f9;
	font:1em Verdana, Arial, Serif;
}

#bas {
	background: #d9e8f5;
	border-top: solid 1px #91bed4;
	font-size: 0.85em;
	color: #000;
}

#bas a {
text-decoration: none;
border-bottom:none;
color: #364a76;
}

#bas a:hover, #bas a:active, #bas a:focus {
	text-decoration: none;
	border-bottom:#f26101 1px solid;
	color: #f26101;
}

#bas h2 {
text-transform: uppercase;
font-family:arial, sans-serif;
font-size: 1.2em;
font-weight:bold;
color: #24324f;
}

#bas .left p {
font-size: 1.2em;
}

.footer-important, #bas p span.footer-important a {
font-weight:bold;
color: #f26101;
}

#contact_ok {color: green;}

#contact_error {color: red;}

.contactme {
clear: right;
margin-right: 1.8em;
}

#rechercher {
	padding: 7px .5em 0 3px;
}

#rechercher h2 {display:none;}

#q
{
	border:#ccc 1px solid;
	background:#dedede;
	font:1.2em;
	font-family:georgia, serif;
	font-weight: bold;
	color: #444;
	width: 12em;
	padding: .2em 0 0 0;
	height: 1.35em;
}

#rechercher input.submit
{
	margin-left: .5em;
	margin-right: -.45em;
	background: #f26101;
	border-left: solid 2px #f9a80b;
	border-top: solid 2px #f9a80b;
	border-bottom: solid 2px #db3f0a;
	border-right: solid 2px #db3f0a;
	font-weight: bold;
	padding: .2em;
	font-size: 0.85em;
	color: #fff;
	width: 3em;
	height: 2.1em;
}

.box-in {
	padding: 0;
	margin-bottom: 1.0em;
	text-align:left;
	color: #000;
}

.box-out {
	background: #ebe3cb;
	padding: 7px 0 0 14px;
	border-top: solid 1px #d2cab5;
	border-bottom: solid 1px #d2cab5;
	margin-bottom: 1.0em;
	margin-left: 3px;
	text-align:left;
	color: #333;
}

div.box-out h2, div.box-in h2 {
padding-top: .05em;
font-size: 1.2em;
font-weight: bold;
}

div.box-out h3, div.box-in h3 {
margin-top: .5em;
padding-bottom: .5em;
}

div.box-in p, div.box-in ul li, div.box-out p, div.box-out ul li {
font-size: .85em;
}

div.box-in p {
margin-left: 3px;
}

.box-in ul, .box-out ul {
	margin:0;
}

.box-in ul li {
margin:0 0 0 3px;
color: #000;
}

.box-in ul li.item {color: #9f9989;}

.box-out ul li {
margin:0 0 0 1px;
}

div.box-out p {
padding-right: 14px;
}

.box-in ul li, .box-out ul li {
  padding:0 14px 7px 14px;
  line-height:1.6em;
  list-style:none;
  background:url("images/puce.gif") no-repeat 0 .5em;
}

#bas {
    clear:both;
}