* {margin:0;padding:0} 
html, body {
  height: 100%;
  background-color:#fffff4;
}

div.container-haut
{
	width:auto;
    height:6%;	
	max-height:38px; /*gb */
	background-color:#FFFFDD;
    border-bottom: 2px solid #ffd62f;	
}

div.float-right
{
	float:right;
	margin-left:8px;
	margin-top:5px;
}
div.float-left
{
	float:left;
	margin-right:8px;
	margin-top:5px;
}

div.logo
{
	float:left;
	width:10%;

}

div.bandeauHaut01   /* nom de l'enseigne */
{
	float:left;
	width:20%;
    padding-top: 10px;
	padding-left: 5px;
	font:  12px  Verdana, Arial, Helvetica, sans-serif; 
	color : #CC6633;
	letter-spacing:.1em;
}
div.bandeauHaut02  /* catégorie de l'enseigne */
{
	float:left;
	width:30%;
    padding-top: 10px;
	padding-left: 2px;
	font:11px  Verdana, Arial, Helvetica, sans-serif; 
	color : #333333;
}
div.bandeauHaut03 /* micro région concernée */
{
	float:left;
	width:20%;
    padding-top: 10px;
	padding-left: 2px;
	font:  11px  Verdana, Arial, Helvetica, sans-serif; 
	color : #333333;
}
div.retour
{
	/*float:left;*/
	float:right;
	width:10%;
    padding-top: 8px;
	padding-left: 15px
	/*padding-top: 5px;*/
}
/*---------------------------------------------------------------------*/ 
 div.container-page
{	
   width:auto;
   height:88%;
  /* border:2px solid #FF00AA*/
}
div.container-bloc
{
	width:auto;
	/*height:55%;*/
}
div.container-pageHaut
{
	width:auto;
	height:55%;
}
div.container-pageBas
{
	width:auto;
	height:44%;/*45%*/
}
div.colonne
{
	float:left;
	width:37%;
	height:100%;
	padding:2px;
	color:#333333;
	text-align:justify;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:auto;
	/*margin-left:5px; gb*/
}
div.col30border
{
	float:left;
	width:30%;
	height:100%;
	padding-left:5px;
	padding-right:0px; /*gb*/
	color:#333333;
	text-align:left;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:auto;
	/*border-right:2px solid #cccccc;*/
}
div.col30
{
	float:left;
	width:30%;
	height:100%;
	padding:2px;
	color:#333333;
	text-align:justify;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:auto;
/*	border-left:2px solid #cccccc; gb*/
}
div.col37
{
	float:left;
	width:37%;
	height:100%;
	padding:2px;
	color:#333333;
	text-align:justify;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	overflow:auto;
	/*margin-left:5px; gb*/
}
div.colScroll
{
	float:left;
	width:68%;
	height:100%;
	/*	padding-left:2px;*/
	padding-left:4px;
		padding-right:2px;
		padding-top:0px;
		padding-bottom:0px;
	overflow: auto;
	text-align:justify;
	color:#333333;
	line-height:17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:2px solid #cccccc;
/*	margin-left:2px;*/
	margin-left:0px;
}
/*---------------------------------------------------------------------*/ 
div.container-bas
{
	clear:both;
    width:100%;
	height:3%;
	min-height:18px; /*gb */
/*	height:18px;*/
	background-color:#fffcc0;
	border-top: 1px solid #ffd62f;
	border-bottom: 1px solid #ffd62f;
  /*------------*/
   position:absolute;
  /* z-index:2;*/
   	bottom:0px;
  /*------------*/
}
div.container-bas-relative
{
	clear:both;
    width:100%;
	height:3%;
	min-height:18px; /*gb */
/*	height:18px;*/
	background-color:#fffcc0;
	border-top: 1px solid #ffd62f;
	border-bottom: 1px solid #ffd62f;
  /*------------*/
   position:relative;
  /* z-index:2;*/
   	bottom:0px;
  /*------------*/
}
div.accueilBas
{
	float:left;
	width:12%;
}
div.bandeauBas
{
	float:left;
	width:44%;
	padding-top:4px; /*gb*/
}
/*-----------------------------------------------------------------*/
div.photo
{
	margin-left:15px;
	margin-top:10px;
}