/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */	
/*	CFIWEB www.cfiweb.fr		CHARTE DE GOUVERNANCE STALLERGENES */																						
/* ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */	
	html, body {
		background:#6695C3 url(../images/fr/bg.jpg) repeat-x top;	
		/* * height:100%; */
		height:100%;
	}

	#debug {
		width:100%;border-top:1px dashed #FF0000;background:#FFF;padding:20px;font-size:11px;display:none;
	}

	img { border:0;behavior: url(/js/pngbehavior.htc);}
	/*em { font-style:italic;}
	acronym{cursor:help; border-bottom:1px dotted;}*/
	/*a:focus, a:active, button, input, select, textarea {outline:none}  a voir si tres utile sur le a et le button */ 
	
	/*input.invisible { display:none; }*/
	
	#container {
		background-color:#ffffff;
		background:#fff url(../images/image2-background.jpg) no-repeat top left;
		margin:0 auto;
		text-align:left;
		 /** height:100%;*/ 
		width:968px;
		/*padding:0 40px;	*/
		/*ajout berte */
		height: auto !important; 
	    height: 100%;
		min-height: 100%;
	}
	#content{
		z-index: 1;
		width:968px;
		/*min-height:420px;*/
		font:11px Arial, Verdana, Helvetica, sans-serif;
		color:#72726A;
	}

	/*div#container {
		position: relative;	
	}*/
	#contenuboby {
		width:636px;
		float:left;
		padding:25px 0 0 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}


/* Header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	#header {
		position: relative;
		/*width:968px;*/
		text-align:left;
		height:100px;
		overflow: hidden;
	}
	#headerLogo {
		position: absolute;
		top: 0;
		left: 0;
	}
	.accroche {
		position: absolute;
		top: 25px;
		left: 350px;
	}
	#choose_lang {
		width: 215px;
		height: 16px;
		padding-top: 4px;
		overflow: hidden;
		font: 10px/10px Arial, sans-serif;
		color: darkblue;
		background: #7cadd8;
		position: absolute;
		top: 2px;
		right: 34px;
		text-align: center;
		display: table-cell;
		vertical-align: top;
		opacity: .8;
		filter: alpha(opacity=80);
	}
	#choose_lang img {
		vertical-align: text-top;
		border: none;
	}
	#panier {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 68px;
		right: 66px;
		width: 150px;
		text-align: right;
		font: bolder 11px/12px Arial, sans-serif;
		height: 20px;
	}
	#panier a {
		display: block;
		height: 20px;
		text-decoration: none;
		color: #ca0440;
		padding: 6px 20px 0 0;
		background: url(../images/panier_home.gif) top right no-repeat;
	}
	.info-tel {
		position: absolute;
		top: 30px;
		right: 58px;
		color:#FFFFFF;
		font:bolder 20px Arial, Helvetica, sans-serif;
		text-align: center;
	}
	.info-tel a { color:#000099; text-decoration:none; font-size:11px; font-weight:normal;}
	
		#nav-generale { 
			font-family: Arial, Helvetica, sans-serif;
			margin: 0 0 0 32px;
			z-index: 30;
		}
		#nav-generale ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}
		#nav-generale li {
			position: relative;
			margin: 0 2px 0 0;
			padding: 0;
			display: inline;
			float: left;
		}
		#nav-generale li a {
			width: 126px;
			margin: 0;
			padding: 0 0 0 2px;
			display: block;
			background: url(../images/bg_menu.gif) top right no-repeat;
			color: #fff;
			font-size: 11px;
			height: 18px;
			line-height: 18px;
			text-decoration: none;
			text-align: center;
		}
		#nav-generale li a:hover {
			background: url(../images/bg_menu.gif) bottom right no-repeat;
		}
		#nav-generale ul ul {
			margin: 0;
			padding: 0;
			display: none;
			position: absolute;
			top: 18px;
			left: 0;
			z-index: 100;
		}
		#nav-generale ul ul li {
			margin: 0 0 0 -1px;
			padding: 2px 0;
			float: left;
			clear: both;
			border: 1px solid #868ea3;
			border-top: none;
			background: #fff;
		}
		#nav-generale ul ul li a {
			text-align: left;
			height: 14px;
			line-height: 14px;
			width: 118px;
			margin: 0;
			padding: 0 5px;
			background: #eee;
			float: none;
			color: #102054;
			height: auto;
		}
		#nav-generale ul ul li a:hover {
			background: #ccf1f9;
		}
		#nav-generale ul li:hover ul, #nav-generale ul li.over ul {
			display: block;
		}
		.clearfix:after {
		    content: ".";
		    display: block;
		    height: 0;
		    clear: both;
		    visibility: hidden;
			line-height: 0;
			font-size: 0px;
		}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */
	
	
	
	
	/*#languages {
	float:right;
	padding:25px 17px 0 0;
	}
	#languages a { margin-left:5px;}*/
/* Fin Header ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	
	
/* CONTENT */
#content #col1 { width:662px; float:left; padding:10px 20px 0 35px; }	
#content #col2 { width:180px; float:left; width:220px; min-height:470px;}	

#content #col3 { 
	position: abolute;
	width: 220px;
	margin-left: -220px;  
	background-color: #ffffff;  /* le fond                 */
	filter:alpha(opacity=50);   /* Internet Explorer 6     */
	-moz-opacity:0.5;           /* Mozilla 1.6 et infér.   */
	opacity: 0.5;               /* CSS3 et Mozilla récents */
}	


	
/* Footer ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
	#footer{
		width:900px;
		clear:both;
		height:30px;/**/
		text-align:left;
		font:9px Verdana, Arial, Helvetica, sans-serif;
		color:#8E8E8E;
		padding:0 30px 0 35px;
		margin:50px 0 0 0;
		/*position: absolute;
		bottom: 0; left: 0;	
		width: 100%;*/
	}
	#footer a{ font:9px Verdana, Arial, Helvetica, sans-serif; color:#8E8E8E; text-decoration:none; padding:0 3px;}
	#footer a:hover{color:#D10040; text-decoration:none; }
	.copyright { padding:0 15px 0 0;}
	.signature { display:block; float:right; text-align:left; padding:0 50px 0 0;}
/* Fin Footer ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */