/****************************************************************************************************/
/****************** 		                        Site Portail BTP Boutillet			                        ********************/
/****************** 				Feuille de style - Accueil Boutillet						********************/
/***************************************************************************************************/
/**** STYLES ****/
* { margin:0; padding: 0 ; } /*Suppression des Marges des balises courantes*/

/**** BLOCS ****/
body
{
	font-family: Arial, Helvetica;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}

#conteneur
{
	position: relative;
	width: 800px;
	margin: 4px auto;
	background-color: #FFFFFF;
}

#entete
{
	min-height: 29px;
	height:auto;
	_height: 29px; /*Hack IE6*/
}

#centre
{
	min-height: 442px;
	_margin-top: -10px; /*Hack IE6*/
	height: auto;
	background: url('../images/corps.gif') repeat;
}

#pied
{
	float:left;
	width: 100%;
	height: 115px;
	background: url('../images/portail_pied.gif') no-repeat;
}

/************************  Entête  *************************/
/**** BLOCS ****/
#entete_tete
{
	height: 14px;
	background: url('../images/entete_tete.gif') no-repeat;
}

#entete_corps
{
	height: 51px;
	margin-top: -2px; /*Ajustement pour IE6*/
	padding-top: 2px; /*Ajustement pour IE6*/
	background: url('../images/corps.gif') repeat;
}

#entete_pied
{
	height: 7px;
	background: url('../images/entete_pied.gif') no-repeat;
	
}
/**** STYLES ****/
.logo_site
{
	position:relative;
	float : left;
	margin-left: 5px;
}

#entete_corps h1
{
	position:relative;
	float : left;
	text-align: right;
	font-size : 1.6em;
	font-weight: bold; /*Top Right Bottom Left*/
	color: #E63501;
	margin-top: 22px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 70px;
	padding-bottom: 0px;
	vertical-align: baseline;
	
}

#super_boutillet
{	
	position:relative;
	float : left;
	padding-left: 20px;
	margin-bottom : 10px;
	border: 0;
	
}

/*********************  Corps de la Page <div id="centre">  ********************/
/**** STYLES ****/
/** Menu Vertical sans Marges ni Puces **/
ul { list-style-type: none; }

#actu_emploi a
{
	display: block;
	color: #FFFFFF;
	font-size: 0.8em;
	text-decoration: none;
	margin-left: 46px;
	margin-right: 10px;
	padding-top: 6px;
}

#actu_emploi a:hover, #actu_emploi a:focus, #actu_emploi a:active
{
	text-decoration: underline;
}

.actu_corps img, .emploi_corps img
{
	position: absolute;
	margin-left: 13px;
	margin-top: 3px;
}
/** Liens dans les cases EB et MB **/
.liens_EB_MB
{
	list-style-type: none;
	position: relative;
	margin-left: 280px;
}

.liens_EB_MB li { top: 18px; position: absolute; }

.liens_EB_MB li, .liens_EB_MB a 
{
	display: block;
	width: 42px;
	height: 42px;
	text-decoration: none;
/*	border: solid 1px;*/
}

.lien_EB { left: 0;}
.lien_MB { left: 395px;}

/*Liens des Textes ET et MB*/
#EB_MB_corps a { color: #000000; text-decoration: none;} 

#EB_MB_corps a:hover,#ET_MB_corps a:focus,#ET_MB_corps a:active
{ text-decoration: underline; }

/**** BLOCS ****/
#centre_haut
{
	height: auto;
	margin-left: 2px;
}

#flash /*A Gauche dans centre_haut*/
{
	width: 577px;
	height: 223px;
}

#actu_emploi /*A Droite dans centre_haut*/
{
	width: 220px;
	height: auto;
	margin-top: -208px;
	margin-left: 576px;
}

.actu_entete /*ACTUALITE*/ 
{
	height: 33px;
	background: url('../images/actu_entete.gif') no-repeat;
}

.actu_corps
{
	min-height: 27px;
	_height: 27px; /*Hack IE6*/
	height: auto;
	background: url('../images/actu_corps.gif') repeat;
}

.actu_pied
{
	height: 28px; 
	background: url('../images/actu_pied.gif') no-repeat;
}

.emploi_entete /*EMPLOI*/
{
	height: 32px;
	background: url('../images/emploi_entete.gif') no-repeat;
}

.emploi_corps
{ 
	min-height: 27px;
	_height: 27px; /*Hack IE6*/
	height: auto;
	background: url('../images/emploi_corps.gif') repeat;
}

.emploi_pied
{ 
	height: 28px;
	background: url('../images/emploi_pied.gif') no-repeat;
}
/**************************/
#centre_bas
{
	min-height: 140px;
	_height: 140px; /*Hack IE6*/
	/*height: auto;*/
	width: 800px;
	background: url('../images/pro_particuliers_entete.gif') no-repeat;
}

#EB_MB_corps /*Pro et Particuliers Fond*/
{
	float: left;
	min-height: 160px;
	_height: 160px; /*Hack IE6*/
	height: auto;
	margin-top: 75px;
	width: 800px;
	background: url('../images/pro_particuliers_corps.gif') repeat;
}

p#EB /*Boutillet Pro*/
{
	float: left;
	margin: 0; /*Annule la marge de <p> par défaut*/
	padding: 0;
	width: 246px;
	padding-left: 76px;
	padding-right: 50px;
	text-indent: 10px;
	font-size: 0.9em;
}

p#MB /*Maisons Boutillet*/
{
	float: left;
	margin: 0; /*Annule la marge de <p> par défaut*/
	padding: 0;
	width: 256px;
	padding-left: 100px;
	padding-right: 50px;
	text-indent: 10px;
	font-size: 0.9em;
}

/**********************  Pied de Page  **********************/
/**** BLOCS ****/
#menu_bas
{
	height: 62px;
	padding-top: 38px;
	
}

/**** STYLES ****/
/*Mentions Légales et Plan du Site <h6>*/
.mentions_plan
{
	font-size: .7em;
	text-align: center;
}

.mentions_plan a { margin: 0 10px 0 10px; }

/*Menu Horizontal*/
.menuH
{
	list-style-type: none;
	margin-bottom: 5px;
	margin-left: 60px;
	position: relative;
}

.menuH li { top: 0; position: absolute; }

.menuH li, .menuH a
{
	display: block;
	width: 110px;
	height: 65px;
	text-decoration: none;
}

/*<li> du Menu Bas*/
.menuH1 { left: 0; background: url('../images/menu_EB.gif') 0 0 no-repeat; }
.menuH2 { left: 112px; background: url('../images/menu_MB.gif') 0 0 no-repeat; }
.menuH3 { left: 224px; background: url('../images/menu_abp.gif') 0 0 no-repeat; }
.menuH4 { left: 336px; background: url('../images/menu_technibeton.gif') 0 0 no-repeat; }
.menuH4B { left: 448px; background: url('../images/menu_boutillet_MS.gif') 0 0 no-repeat; }
.menuH5 { left: 560px; background: url('../images/menu_paillet.gif') 0 0 no-repeat; }

/*Lien Survolé, Sélectionné ou Actif*/
.menuH1 a:hover, .menuH1 a:focus, .menuH1 a:active
{ background: url('../images/menu_EB.gif') 0 -65px no-repeat; }
.menuH2 a:hover, .menuH2 a:focus, .menuH2 a:active
{ background: url('../images/menu_MB.gif') 0 -66px no-repeat; }
.menuH3 a:hover, .menuH3 a:focus, .menuH3 a:active
{ background: url('../images/menu_abp.gif') 0 -66px no-repeat; }
.menuH4 a:hover, .menuH4 a:focus, .menuH4 a:active
{ background: url('../images/menu_technibeton.gif') 0 -65px no-repeat; }
.menuH4B a:hover, .menuH4B a:focus, .menuH4B a:active
{ background: url('../images/menu_boutillet_MS.gif') 0 -64px no-repeat; }
.menuH5 a:hover, .menuH5 a:focus, .menuH5 a:active
{ background: url('../images/menu_paillet.gif') 0 -63px no-repeat; }

/*Liens des Mentions Légales et du Plan du Site*/
.mentions, .mentions:visited, .plan_site, .plan_site:visited { color: #000000; text-decoration: none; }
.mentions:hover, .mentions:focus, .mentions:active, .plan_site:hover, .plan_site:focus, .plan_site:active
{ text-decoration: underline; }