/**
 * @author Sophie Martin
 * @lastmodified April, 01 - 2009
 * @media screen
 * @site http://www.biobiscuit.com/
 */

/**
 * TODO LISTE
 *
 */
 
 /**
 * ARCHITECTURE 
 * BODY
 *	-pageTot
 *		- header
 *			- menu	
 *		- content
 *			- text
 *		- footer
 *			- col1
 *			- col2

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

body{
background: #b6d6e9 url(../img/back.jpg) repeat-x left top;
text-align:center;
font-family:Arial;
font-size:0.8em;
}
a{
text-decoration:underline;	
}
	a:hover{
	text-decoration:none;
	}
	
#pageTot{
text-align:left;
margin:auto;
width:950px;
background: transparent url(../img/top.jpg) no-repeat left top;
}
/*
=menu
*/
a.backAccueil{
display:block;
height:106px;
margin-left:34px;
margin-top:108px;
position:absolute;
width:236px;
}
.menu {
float:left;
margin-top:100px;
margin-left:396px;
width:515px;
height:68px;
}
	.menu ul li{
	list-style-type:none;
	float:left;
	display:inline;
	}
		.menu ul li a{
		display:block;
		float:left;
		height:68px;
		text-indent:-1000px;
		overflow:hidden;
		}
			.menu ul li a.accueil{
			width:62px;
			background: transparent url(../img/fr/accueil.jpg) no-repeat left top;
			margin-right:19px;
			}
			.menu ul li a.biobiscuit{
			width:71px;
			background: transparent url(../img/fr/biobiscuit.jpg) no-repeat left top;
			margin-right:20px;
			}
			.menu ul li a.produits{
			width:64px;
			background: transparent url(../img/fr/produits.jpg) no-repeat left top;
			margin-right:19px;
			}
			.menu ul li a.technologie{
			width:86px;
			background: transparent url(../img/fr/technologie.jpg) no-repeat left top;
			margin-right:15px;
			
			}
			.menu ul li a.contact{
			width:62px;
			background: transparent url(../img/fr/contact.jpg) no-repeat left top;
			margin-right:28px;
			}
			
			.menu ul li a.fr{
			width:31px;
			background: transparent none no-repeat left top;
			margin-right:0px;
			}
			.menu ul li a.en{
			width:31px;
			background: transparent url(../img/en.jpg) no-repeat left top;
			
			}
			
			.menu ul li a.current, .menu ul li a:hover{
			background-image:none;
			}
			
	
/*
=content
*/	
#text{
	clear:both;
	background: transparent url(../img/repeat.jpg) repeat-y left top;
	}
#content{
background:transparent url(../img/back_standard.jpg) no-repeat scroll left top;
clear:both;
color:#003465;
line-height:1.5em;
width:848px;
	padding:81px 0 10px 59px;
}
#accueil #content{
	background:transparent url(../img/back_accueil.jpg) no-repeat scroll left top;
	}
#biobiscuit #content{
	background:transparent url(../img/back_biobiscuit.jpg) no-repeat scroll left top;
	}
	#content a{
	color:#bf224d;
	}
	#content ul li, #bottom ul li{
	background:transparent url(../img/puceRouge.gif) no-repeat left 4px;
	list-style-type:none;
	line-height:1.7em;
	padding-left:15px;
	}
	#content ul.listeProduits li{
	font-weight:bold;
	font-size:1.25em;
	background-position: left 7px;
	}
	#content ul.listeProduits li.current{
	background-image: url(../img/puceBleu.gif);
	}
	.obt #content .col2 ul li{
	background:transparent url(../img/miniPuce.jpg) no-repeat left 7px;
	margin-left:10px;
	}
	#content ul.listeProduits li.current a{
	color:#003465;
	text-decoration:none;
	}
	#produits  #content .col1{
	float:left;
	text-align:justify;
	width:407px;
	margin-right:30px;
	}
	#produits.biscuits  #content .col1,
	#produits.gateries  #content .col1,
	#produits.tendre  #content .col1,
	#produits.chats  #content .col1,
	#produits.obt  #content .col1{
	width:287px;
	margin-right:0px;
	}
	#produits.biscuits  #content .subProduits{
	background:transparent url(../img/1.png) no-repeat left bottom;
	}
	#produits.gateries  #content .subProduits{
	background:transparent url(../img/2.png) no-repeat left bottom;
	}
	#produits.tendre  #content .subProduits{
	background:transparent url(../img/3.png) no-repeat left bottom;
	}
	#produits.chats  #content .subProduits{
	background:transparent url(../img/4.png) no-repeat left bottom;
	}
	#produits.obt  #content .subProduits{
	background:transparent url(../img/6.png) no-repeat left bottom;
	}
	#produits.obt  #content .col2 img,
	#produits.biscuits  #content .col2 img{
	margin-left:44px;
	}
	#produits.gateries  #content .col2 img,
	#produits.tendre  #content .col2 img,
	#produits.chats  #content .col2 img{
	margin-left:77px;
	}
	
	p.format{
	text-align:right;
	}
	#produits  #content .col2{
	width:390px;
	float:left;
	text-align:justify;
	}
	img.imgBiscuits{
	float:left;
	}
	#produits.biscuits  #content .col2,
	#produits.gateries  #content .col2,
	#produits.tendre  #content .col2,
	#produits.chats  #content .col2,
	#produits.obt  #content .col2{
	width:445px;
	}
	
	#technologie #content .col1{
	float:left;
	margin-right:25px;
	width:235px;
	}
	#technologie #content .col2{
	float:left;
	margin-right:25px;
	padding-left:25px;
	padding-right:25px;
	width:235px;
	border-right:1px solid #A80632;
	border-left:1px solid #A80632;
	}
	
	
	#technologie #content .col1 img,#technologie #content .col2 img,#technologie #content .col3 img{
	margin-bottom:15px
	}
	#technologie #content .col3{
	float:left;
	width:235px;
	}
	#content p{
	padding-bottom:12px;
	}
	#content h1{
	color:#003465;
	font-size:1.95em;
	font-weight:normal;
	letter-spacing:-0.15pt;
	line-height:1.24em;
	margin-bottom:17px;
	}
		#content h1 span{
		color:#a90532;
		font-weight:bold;
		font-size:1.2em;
		}
	#content h2{
	font-size:1.5em;
	color:#003465;
	font-weight:normal;
	margin-bottom:10px;
	}
	#content h2 sup{
	font-weight:bold;
	}
	span.date{
	color:#bf224d;
	font-weight:bold;
	}
	#contact #content .col1,
	#contact #content .col2,
	#contact #content .col3,
	#contact #content .col4{
	float:left;
	height:165px;
	width:165px;
	margin-right:20px;
	}
	#contact #content .col2,
	#contact #content .col3,
	#contact #content .col4{
	border-left:1px solid #A80632;
	padding-left:20px;
	}
	#contact #content .col4{
	margin-right:0;
	}
/*
=bottom
*/
#bottom{
width:950px;
color:#7bc5ff;
font-size:0.85em;
line-height:1.5em;
height:181px;
background:transparent url(../img/bottom.jpg) no-repeat left top;
}
	#bottom p{
	padding-bottom:5px;
	}
	#bottom .col1{
	float:right;
	width:216px;
	margin-right:13px;
	margin-top:24px;
	margin-left:36px;
	}
	
	#bottom .col2{
	float:right;
	margin-top:24px;
	width:177px;
	}
	
	#bottom h2{
	color:#CDE9FF;
font-size:1.5em;
font-weight:normal;
letter-spacing:-0.15pt;
padding-bottom:5px;
	}
	#bottom a{
	color:#bf224d;
	font-weight:bold;
	}
	
img.dog{
position:absolute;
margin-left:29px;
margin-top:-5px;
}	
	
/*
=conception
*/
.conception{
color:#2678B7;
float:right;
font-size:1em;
padding-bottom:30px;
padding-left:29px;
padding-top:17px;
width:319px;
}
	.conception a{
	color:#2678b7;
	
	}
	.conception .copy{
	font-size:0.8em;
	padding-top:10px;
	color:#609ecb;
	}
		.conception .copy a{
		color:#609ecb;
		}
ul#errors {
	color: red;
}

ul#warnings {
	color: orange;
}

ul#messages {
	color: green;
}