/**
 * @author Sophie Martin
 * @lastmodified Juillet, 25 - 2008
 * @media screen
 * @site http://www.quiboweb.com/
 */

/**
 * TODO LISTE
 *
 */
 
 /**
 * ARCHITECTURE 
 * BODY
 *		- top
 *			- content
 *				- langue
 *				- menu
 *				- banniere
 *		- container
 *			- text
 *				- content
 *					- odd
 *					- even
 *			- subtext
 *				- content
 *					- odd
 *					- even
 *		- footer
 */

*{
margin:0;
padding:0;
}

body{
font-size:0.7em;
font-family:  Arial, Helvetica, sans-serif;
color:#545454;
}
a{
text-decoration:underline;
}
	
a:hover{
text-decoration:none;	
}
	div#text div.content div.odd a.retour{
	color:#006eb6;
	font-weight:bold;
	float:right;
	margin-top:7px;
	}
	a.map{
	float:left;
	text-decoration:none;
	width:311px;
	}
p{
color:#545454;
font-size:1.1em;
padding-top:5px;
line-height:1.3em;
text-align:justify;
}
img{
border:none;
}
#text ul{
	margin-left:15px;
	}
ul#messages , ul#warnings ,  ul#errors {
	margin-bottom:10px;
	}
ul#messages li, ul#warnings li,  ul#errors li{
	color:#cc5314;
	list-style-type:none;
	}
/*************************************
=top
**************************************/	
div#top {
height:403px;
background:transparent url(../img/top.jpg) no-repeat center top;
width:100%;
}
	div#top div.content{
	width:929px;
	margin:auto;
	} 
/*************************************
=lang
**************************************/	
		div#langue{
		color:#fff;
		background:transparent url(../img/menuLang.jpg) no-repeat center top;
		float:right;
		margin-top:48px;
		height:13px;
		width:185px;
		}
			div#langue a{
			display:block;
			color:#fff;
			float:left;
			text-decoration:none;
			height:13px;
			text-align:center;
			}
				div#langue a span{
				display:none;
				}
				
				div#langue a.francais{
				background:transparent url(../img/menuFr.jpg) no-repeat left top;
				width:45px;
				margin-right:29px;
				}
				div#langue a.english{
				background:transparent url(../img/menuEn.jpg) no-repeat left top;
				width:39px;
				margin-right:30px;
				}

				div#langue a.spanish{
				background:transparent url(../img/menuEs.jpg) no-repeat left top;
				width:42px;
				}
				div#langue a.francais:hover,div#langue a.currentFr,
				div#langue a.english:hover,div#langue a.currentEn,
				div#langue a.spanish:hover,div#langue a.currentEs{
				background-image:none;
				}
				
	a.accueil{
	width:250px;
	display:block;
	float:left;
	position:absolute;
	height:88px;
	}	
/*************************************
=menu
**************************************/	
		div.menu{
		clear:both;
		background:transparent url(../img/menu.jpg) no-repeat left top;
		float:left;
		width:960px;
		height:35px;
		margin-top:54px;
		}
			div.menu a{
			height:35px;
			display:block;
			float:left;
			}
			div.menu a.ferments{
			background:transparent url(../img/menuFerments.jpg) no-repeat left top;
			width:101px;
			margin-left:33px;
			margin-right:24px;
			}
			div.menu a.enzymes{
			background:transparent url(../img/menuEnzymes.jpg) no-repeat left top;
			width:92px;
			margin-right:27px;
			}
			div.menu a.probiotiques{
			background:transparent url(../img/menuProbiotiques.jpg) no-repeat left top;
			width:115px;
			margin-right:51px;
			}
			div.menu a.entreprise{
			background:transparent url(../img/menuEntreprise.jpg) no-repeat left top;
			width:82px;
			margin-right:28px;
			}
			div.menu a.guide{
			background:transparent url(../img/menuGuide.jpg) no-repeat left top;
			width:110px;
			margin-right:31px;
			}
			div.menu a.distributeurs{
			background:transparent url(../img/menuDistributeurs.jpg) no-repeat left top;
			width:90px;
			margin-right:33px;
			}
			div.menu a.liens{
			background:transparent url(../img/menuLiens.jpg) no-repeat left top;
			width:41px;
			margin-right:29px;
			}
			div.menu a.contact{
			background:transparent url(../img/menuContact.jpg) no-repeat left top;
			width:59px;
			}
			div.menu a span{
			display:none;
			}
			div.menu a:hover, div.menu a.current{
			background-image:none;
			}
			

/*************************************
=banniere
**************************************/	
		div.banniere{
		clear:both;
		height:251px;
		width:960px;
		}
		div.banniere a.suite_banniere{
		display:block;
		position:relative;
		height:132px;
		width:315px;
		margin-left:365px;
		margin-top:-186px;
		text-decoration:none;	
		}
		
			
		
div#container  {
height: 300px;
width:100%;
background-color:#f2f2ec;
}
div#subtext {
width:41%;
float:left;
right:0;
height:100%;
}
	div#subtext p{
	text-align:left;
	}
div#text {
float:left;
height:100%;
width:99%;
}
html>body #container{
height: auto;
min-height: 300px;
}

/*************************************
=Ariane
**************************************/	
.ariane ul{
	margin-top:-10px;
	
	}
.ariane ul li{
	list-style-type:none;
	color:#4e963c;
	display:block;
	margin-bottom:20px;
	display:ineline;
	float:left;
	}
	.ariane ul li span{
	font-weight:bold;
	}
	.ariane ul li a{
	color:#4e963c;
	}
/*************************************
=text
**************************************/	
	div#text div.content{
	background-color:#F2F2EC;
margin:auto;
padding-right:0px;
padding-top:23px;
width:840px;
	} 

	div#text div.content h1{
	color:#1C1C77;
	margin-bottom:14px;
	font-family:Georgia;
	font-size:3.4em;
	font-weight:normal;
	}
	div#text div.content div.odd{
	margin-bottom:40px;
	}
	div#text div.content div.odd h2{
	color:#4b6579;
	font-size:1.3em;
	line-height:1.6em;
	font-weight:normal;
	margin-bottom:4px;
	font-family:"Helvetica";
	text-transform:uppercase;
	}
	div#text div.content div.odd span.logoLien{
	float:left;
	clear:both;
	display:block;
	height:110px;
	width:222px;
	}
	div#text div.content div.odd p.col{
	width:305px;
	float:left;
	}
		div#text div.content div.odd p.col a{
		color:#f5a700;
		/*border-bottom:1px solid #f5a700;*/
		
		}
	div#text div.content div.odd img.fromage{
	float:right;
	
	}
	div#text div.content div.odd p.subcol{
	float:right;
	width:175px;
	color:#cc5314;
	text-align:left;
	font-size:0.95em;
	margin-right:10px;
	}
	
	div#text div.content div.odd p.subcol a.suite_banniere{
	display:inline;
	float:none;
	color:#cc5314;
	/*border-bottom:1px solid #cc5314;*/
	}
	div#text div.content div.even{
	clear:both;
	background-color:#dfe8e8;
	border-top:1px solid #bfcdc4;
	border-bottom:1px solid #bfcdc4;
	margin-bottom:19px;
	padding:19px 23px  33px 23px ;
	}
		div#text div.content div.even div.citation{
		text-align:center;
		}
			div#text div.content div.even div.citation p{
			color:#006eb6;
			font-style:italic;
			font-size:1.2em;
			margin-bottom:5px;
			font-family:georgia;
			}
			div#text div.content div.even div.citation span.quote_left{
			
			height:16px;
			width:22px;
			}
			
			div#text div.content div.even div.citation span.quote_right{
		
			height:16px;
			width:22px;
			}
	div#text div.content div.even  a.suite_banniere{
	display:inline;
	color:#006eb6;
	/*border-bottom:1px solid #006eb6;*/
	float:none;
	}
p.conseils{
	float:left;
	margin-bottom:30px;
	width:353px;
	}
/*************************************
=subtext
**************************************/	
	div#subtext div.content{
	width:334px;
	float:left;
	padding-top:22px;
	margin-left:23px;
	} 
		div#subtext div.content a.tab{
		display:block;
		color:#e3a716;
		margin-top:7px;
		font-weight:bold;
		}
		div#subtext div.content .odd {
		padding-left:12px;
		margin-bottom:12px;
		padding-right:12px;
		}
		div#subtext div.content .even {
		padding-left:12px;
		background-color:#eae0ba;
		border-top:1px solid #d3c28f;
		border-bottom:1px solid #d4caa6;
		padding-top:5px;
		padding-bottom:12px;
		padding-right:12px;
		margin-bottom:12px;
		}
		div#subtext div.content .even p{
		color:#867447;
		}
		div#subtext div.content  h1{
		color:#566e7f;
		font-family:"Lucida Sans Unicode";
		margin-bottom:3px;
		margin-top:20px;
		font-size:1.4em;
		font-weight:normal;
		margin-left:12px;
		text-transform:uppercase;
		}
		div#subtext div.content  h2{
		color:#4B6579;
		font-size:1.4em;
		padding-top:2px;
		font-weight:normal;
		font-family:georgia;
		height:21px;
		}
			div#subtext div.content  h2.h2Ferments{
			background: transparent url(../img/icoFerments.jpg) no-repeat left top;
			padding-left:34px;
			}
			div#subtext div.content  h2.h2Enzymes{
			background: transparent url(../img/icoEnzymes.jpg) no-repeat left top;
			padding-left:34px;
			}
			div#subtext div.content  h2.h2Probiotiques{
			background: transparent url(../img/icoProbiotiques.jpg) no-repeat left top;
			padding-left:34px;
			}
		div#subtext div.content p{
		clear:both;
		}
	div.col1, div.col2{
	float:left;
	width:410px;
	margin-right:20px;
	margin-bottom:40px;
	}
	div#text div.content div.odd  div.col1 h2, div#text div.content div.odd  div.col2 h2{
	color:#27756f;
	}
	div.col2{
	margin-right:0;
	}
	div.col2 .certification{
	margin-left:250px;
margin-top:-84px;
position:absolute;
	}
	div.col1{
	clear:both;
	}
	div#text div.content div.odd a{
	color:#006eb6;
	}
	div#text div.content div.odd h2 a{
	color:#4B6579;
	}
	p.adress{
color:#4B6579;
float:left;
font-family:"Lucida Sans Unicode";
font-size:1.2em;
margin-left:33px;
margin-top:-199px;
position:relative;
text-transform:uppercase;
	}
label{
	color:#545454;
	display:block;
	width:115px;
	}
input.texte{
	width:401px;
	height:19px;
	border:1px solid #ddddd8;
	background-color:#fff;
	margin-bottom:6px;
	}
	form table td{
	vertical-align:top;
	}
textarea{
	border:1px solid #ddddd8;
	background-color:#fff;
	margin-bottom:6px;
	}
form#formSearch{
	float:left;
	width:250px;
	}
	form#formSearch input{
border:1px solid #C8CED3;
color:#8FA0AC;
float:left;
font-size:0.9em;
height:15px;
margin-right:5px;
padding-left:3px;
padding-top:1px;
width:218px;
	}
	form#formSearch a {
	display:block;
	height:18px;
	width:24px;
	margin-top:-18px;
	float : right;
	background: transparent url(../img/btnSearch.jpg) no-repeat left top;
	}
/*************************************
=footer
**************************************/
div#footer{
text-align:center;
padding-top:18px;
padding-bottom:15px;
background-color:#fff;
}
	div#footer p{
	color:#5b6e6d;
	width:835px;
	margin:auto;
	text-align:left;
	}
	div#footer span{
	font-size:1.5em;
	color:#1b799b;
	}
	#menufoot {
	color:#B4B4A0;
	padding-bottom:20px;
	text-align:center;
	background-color:#fff;
	}
		#menufoot div{
		text-align:left;
		width:835px;
		margin:auto;
		}
		#footer img{
		position:absolute;
		margin-top:-7px;
		}
		#menufoot a{
		color:#9c937a;
		margin-right:10px;
		margin-bottom:15px;
		}
		#menufoot p.conception,
		#menufoot p.conception a{
		color:#908c83;
		}
		#footer p.telephone{	
		text-transform:uppercase;
		padding-bottom:20px;
		}
		 #menufoot p{
		display:inline;
		color:#908c83;
		margin-top:-6px;
		font-size:1em;
		margin-right:12px;
		}
		#menufoot span.conception{
		color:#d1d4c2;
		font-size:1.5em;
		display:inline;
		margin-left:12px;
		margin-right:12px;
		margin-top:-4px;
		}