/*
Reset
-----------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-weight:normal
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {
	font: 13px/1.5 Arial, Helvetica, 'Liberation Sans', FreeSans, sans-serif;
}

a:focus {
	outline: 1px dotted invert;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

/* `Headings
----------------------------------------------------------------------------------------------------*/
h2{background:transparent;font-size:24px;color:#B81319;margin:28px 0 14px }
h3{background:transparent;font-size:18px;color:#B81319;margin:28px 0 0 0}


/* `body
----------------------------------------------------------------------------------------------------*/
body{background:#fff url(/img/bg_body.gif) no-repeat 0 0;color:#5E5E53 }
	#wrap {width:960px;
          margin:0 auto;
		  background:#fff}
	
	#nav{width:960px;height:24px;background:transparent url(/img/bg_nav.gif) no-repeat 0 0}
	#nav_droit{width:300px;background:transparent;position:absolute;top:2px;margin-left:636px}
	#nav_droit ul li {display:inline;margin:0}
	#nav_droit li a{color:#fff;text-decoration:none;font-size:13px;padding:0 18px 0 8px;background:transparent url(/img/separateur.gif) no-repeat center right}
	#nav_droit li a:hover{color:#eee}
	#header {height:171px;width:960px;background:#fff url(/img/bg_header.new.jpg) no-repeat 0 0}
	#header h1 a{background:#fff url(/img/logo.gif) no-repeat 0 0;height:110px;width:310px;display:block;position:relative;top:26px;_top:46px;text-indent:-9999px
    }
	#header h1.en a{background:#fff url(/img/logo_en.gif) no-repeat 0 0;height:110px;width:310px;display:block;position:relative;top:26px;_top:46px;text-indent:-9999px
    }
	#header  h2.slogan{
	    text-indent:-9999px;background:transparent;font-size:8px;margin:0
    }
	
	
	#main_accueil {
		float:right;
		width:718px;
		height:260px;
		padding:0;
		background:#fff url(/img/accueil.gif) no-repeat -10px 0;
		font-size:13px;
		
	}
	#main_home {
		float:right;
		width:718px;
		height:260px;
		padding:0;
		background:#fff url(/img/home.gif) no-repeat -10px 0;
		font-size:13px;
		}
	p.annonce{text-indent:-9999px}
	#main {
		float:right;
		width:718px;
		padding:0;
		background:#fff;
		font-size:13px;
		margin:0 0 60px 0;
		min-height:400px;
  height:auto !important;
  height:400px;

		}
	#main  p{
		padding:18px 10px 0 10px;
		background:#fff;
		line-height:1.4
		}	
	#main ul{
		
		background:#fff;
		font-size:13px;
		padding:12px 24px 0 ;
		color:#B9131A
		}
	#main ul li{
		
		background:#fff url(/img/bg_lien_extra.gif) no-repeat 0 1px;padding:0 0 0 28px
		
		}
blockquote {
  background: transparent url(/img/open-quote.gif) left top no-repeat;margin-top:24px
}
blockquote div {
  padding: 0 48px;
  width:600px;
  background: transparent url(/img/close-quote.gif) right bottom no-repeat;
  text-align:justify;font-style:italic;}
	


	#main dl{
		
		background:#fff;
		font-size:12px;
		padding:12px 48px;
		font-weight:900;
		color:#5E5E53;
		text-align:right;
		width:600px;
		}
		#main dt,dd{
		font-weight:900;
		}
	#main dl.contact{
		
		background:#fff;
		font-size:12px;
		padding:12px 0;
		font-weight:normal;
		color:#5E5E53;
		text-align:left;
		font-size:16px
		
		
	}
	#main dl.contact dt{
		margin-top:16px}
		
	.accueil {
		float:right;
		width:300px;
		padding:60px 10px 18px 10px;
		background:#fff;
		line-height:1.4;
		font-size:16px
		font-weifht:100
		
	}

	
	#sidebar {
		float:left;
		width:240px;
		padding:0 0 0 0;
		background:transparent;
		margin:-12px 0 0 0;
	
		}
		#sidebar ul {
		list-style-type: none;
		}
		#sidebar ul li {
		background:transparent url(/img/bg_lien_sidebar.gif) no-repeat 0 0;
        display:block;
		width:202px;
		margin:0
			}
	
	#sidebar ul li a{
	font-size:14px;
		font-weight:normal;
		color:#5E5E53;
		text-decoration:none;
		background:transparent;
        padding:0 0 0 30px;
		display:block;
		height:28px
		
	}
	#sidebar ul li.last  a{height:24px}
	#sidebar ul li.last  a:hover{height:24px}
	#sidebar ul li a:hover{
	color:#B51D1C;
	background: transparent url(/img/hover.gif) no-repeat 2px 0;font-weight:900;
	}
	
	/* Les trois blocs blancs
----------------------------------------------------------------------------------------------------*/
	#extra_blanc{
		clear:both;
		padding:0;
		background:#fff url(/img/bg_extra_blanc.jpg) no-repeat 0 0;
		height:200px;
		width:100%;
		}
		#extra_blanc_un, #extra_blanc_deux, #extra_blanc_trois{
		width:308px;
		height:198px;
		margin:0 5px;
		float:left;
		display:inline
		}
		#extra_blanc_un ul, #extra_blanc_deux ul, #extra_blanc_trois ul{
		width:290px;
		*width:290px;       
		background:transparent;
		margin:6px 0 0 0;
		
		}
		
		
		#extra_blanc ul li a{
		font-size:12px;
	   	font-weight:normal;
		color:#5E5E53;
		text-decoration:none;
		display:block;
		height:22px;
		padding:0 0 0 36px;
		background:transparent url(/img/bg_lien_extra.gif) no-repeat 9px 0;
	    }
		#extra_blanc ul li a:hover{
	    font-weight:normal;
		color:#BA131B;
		}
		#extra_blanc h2{background:transparent;font-size:18px;color:#B81319;margin:26px 0 12px 12px;font-weight:normal;*margin:2px 0 12px 12px}
		#extra_blanc h2.first{background:transparent;font-size:18px;color:#B81319;margin:26px 0 12px 12px;*margin:2px 0 12px 12px}
		#extra_blanc h6{background:transparent;font-size:16px;color:#B81319;position:relative;top:-18px;*top:-38px}
	
	/* Les trois blocs rouges
----------------------------------------------------------------------------------------------------*/		

	#extra_rouge{
		clear:both;
		padding:0;
		background:#fff url(/img/bg_expertise.jpg) no-repeat 0 0;
		height:184px;
		width:960px}
		#extra_rouge ul li { display: inline; padding-left:7px;}

#extra_rouge ul li a
{
text-decoration: none;
font-size:16px;
font-weight:900;
padding:0 0 0 0;
color: #fff;
background:transparent;
width:175px;
display:inline-block;
margin:30px 134px 0 0;
text-align:center;

}


#extra_rouge ul li a:hover
{
color: #A2A192;
}
#extra_rouge span
{position:relative;top:8px;left:4px}

		/*#extra_rouge ul{text-align:center;margin-left:0}
	#extra_rouge ul li{display:inline-block;width:310px;height:28px;background:red;margin:60px 0 0 0;border:0px solid blue}
	#extra_rouge ul li a{color:#fff;font-size:18px;font-weight:900;text-decoration:none;background:transparent url(/img/bg_lien_extra_rouge.gif) no-repeat top 0;background:yellow;paddin-right:180px}
#boite_1 {width: 170px;border:1px solid green}
#boite_2 { width: 170px;margin-left:200px;border:1px solid green}
#boite_3{width: 170px;border:1px solid green}
#expertise {
    width: 960px; height: 144px;
    background: transparent url(/img/bg_expertise.jpg) no-repeat 0 0;
    margin: 0 auto; padding: 0;
    position: relative;}
  #expertise li {
    margin: 6px 0 0 0; padding: 0; list-style: none;
    position: absolute; top: 0;}
  #expertise li, #expertise a {
    height: 136px; display: block}
	
	#boite_1 {left: 4px; width: 310px}
  #boite_2 {left: 326px; width: 310px;}
  #boite_3{left: 646px; width: 310px;}
  
  #boite_1 a:hover {background: transparent url(/img/bg_expertise.jpg) -4px -150px no-repeat}
  #boite_2 a:hover {background: transparent url(/img/bg_expertise.jpg) -326px -150px no-repeat}
  #boite_3 a:hover {background: transparent url(/img/bg_expertise.jpg) -646px -150px no-repeat}*/	

	
	#footer {
	clear:both;
	float:left;
	width:100%;
		background:transparent;
		color:#fff;
		text-align:center;
		font-size:12px;
		height:40px;
		font-weight:900;
		margin-top:10px
		
		}
	#footer ul{
		
		padding:10px 0 ;
		width:960px;
		margin:0 auto;
		background:#797A7B
    }
	#footer ul li{
		display:inline;
		padding-right:0;
		margin:0
		}
	#footer ul li a{
		color:#fff;
		text-decoration:none
		}
		#footer ul li a:hover{
		color:#B31217;
				}
	
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}

/* 
	LEVEL ONE
*/
ul.dropdown                         {list-style:none;height:24px;padding-left:264px;position:absolute;top:0;z-index:100}
ul.dropdown li                      { font-weight:normal; float: left; zoom: 1;margin-left: 0px}
ul.dropdown a:hover		            { color: #eee}
ul.dropdown a:active                { color: #fff}
ul.dropdown li a                    { display: block; padding: 2px 14px 2px 12px ;color:#fff;text-decoration:none;font-size:13px;background:transparent url(/img/separateur.gif) no-repeat top right}
ul.dropdown li a.dernier                   { display: block; padding: 2px 12px ;color:#fff;text-decoration:none;font-size:13px;background:transparent}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: #fff; position: relative; }
ul.dropdown li.hover a              { color: #fff }


/* 
	LEVEL TWO
*/
ul.dropdown ul { width: 200px; visibility: hidden; position: absolute; top: 100%; left: -2px;list-style:none;padding-top:16px;background:#B92025;border-top:2px solid #F4F4F}
ul.dropdown ul li { font-weight: 900; background: #B92025; color: #fff;float: none;padding:2px 20px 2px 0;margin-left:20px;border-bottom:1px solid #eee}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a{border-right: none; width: 100%; display: inline-block;padding:0;font-size:12px;background-image:none } 
ul.dropdown ul li:first-child {border-top:0px solid #BFBDB0;padding-top:8px} 
ul.dropdown ul li.last{border-bottom:0px solid #B81319} 
ul.dropdown ul li.last a{border-bottom:0px solid #B81319;margin-bottom:24px} 
ul.dropdown ul li a:hover{color:#9B9A8A}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
#nav2{background:transparent;float:right;width:300px;height:20px;display:inline}
#nav2 ul li{display:inline;}

.savoirplus {font-weight: 900;color: #B92025;text-decoration:none;font-size:15px;letter-spacing:-0.5px;background:transparent url(/img/savoirplus.gif) no-repeat right center;width:130px;display:block;height:20px}

.biomaude{width:350px;float:left;margin:20px 0 0 0}
.biomaude img{margin-left:10px}
.biomyrianne{width:350px;float:right;margin:20px 0 0 0}
.biomyrianne img{margin-left:10px}
img.nostyle {margin-left:0px}
h3.bio{padding:12px 0 0 12px;margin: 0 0 -8px 0}