/****************************************************************************************************/
/****************** 		                        Site Portail BTP Boutillet			                        ********************/
/****************** 					  Feuille de style - grosoeuvre							********************/
/***************************************************************************************************/
/**** 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;
	text-align: justify;
}
#EB_multi {
	background-image: url(../images/fondMulti.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height:400px;
	padding-top : 140px;
	padding-left : 100px;
}

h1
{
		font-family: Arial, Helvetica;
	font-size: 1.2em;
	font-weight: bold;
}

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

#entete
{
	height:171px;
	background:url('../images/grosoeuvre_01.gif') no-repeat;
}

#centre
{
	min-height: 442px;
	height: auto;
	background:url('../images/centre_corps_Autres.gif') repeat;
	float:left;
	width : 800px;

}

#pied
{
	position : relative;
	height: 62px;
	background:url('../images/grosoeuvre_05.gif') no-repeat;
	clear:left;
}
/**************************  Entete  ***************************/
/**** BLOCS ****/
#flash { position: absolute; }

/****  STYLES  ****/
/** Menu Horizontal **/
.EB_entreprise li {
	margin-left: 20px;	
}
.catalogue p a:hover img{
	filter: Invert;
	color: #FF9900;
	text-decoration: underline;
	border: solid 2px #00ff00;
}
#entete ul
{
	float: right;
	list-style-type: none;
	margin: 0;
}

#entete ul li
{
	float: left;
	margin: 0;
	margin-top: 44px;
	margin-left: 8px;
	padding: 0;
}

#entete ul li a
{
	display: block;
	width: 65px;
	height: 18px;
	text-align: right;
	text-decoration: none;
}

/************************  Menu Haut  *************************/
/**** BLOCS ****/
#haut
{
	height: auto;
	background: #EB7028;
	border-right: 1px solid #C5C4C4;
	border-left: 1px solid #C5C4C4;
}

.haut_corps
{
	height: 35px;
	background: #EB7028 url('../images/grosoeuvre_02.gif') no-repeat 90px -35px;
}

/****  STYLES  ****/
/** Menu Horizontal **/
.menuH
{
	list-style-type: none;
	text-align: center;
	width: 598px;
	margin-left: 90px;
	position: relative;
}

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

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

/*<li> du Menu Haut*/
.menuH0 { left: 0; width: 111px; }
.menuH1 { left: 111px; width: 115px; }
.menuH2 { left: 226px; width: 135px; }
.menuH3 { left: 361px; width: 139px; }
.menuH4 { left: 500px; width: 96px; }

/*Lien Survolé, Sélectionné ou Actif*/
.menuH0 a:hover, .menuH0 a:focus, .menuH0 a:active
{ background: url('../images/grosoeuvre_02.gif') 0 0 no-repeat; }
.menuH1 a:hover, .menuH1 a:focus, .menuH1 a:active
{ background: url('../images/grosoeuvre_02.gif') -111px 0 no-repeat; }
.menuH2 a:hover, .menuH2 a:focus, .menuH2 a:active
{ background: url('../images/grosoeuvre_02.gif') -226px 0 no-repeat; }
.menuH3 a:hover, .menuH3 a:focus, .menuH3 a:active
{ background: url('../images/grosoeuvre_02.gif') -361px 0 no-repeat; }
.menuH4 a:hover, .menuH4 a:focus, .menuH4 a:active
{ background: url('../images/grosoeuvre_02.gif') -500px 0 no-repeat; }

/*Lien activé et page en cours sur le site*/
.active0 { background: url('../images/grosoeuvre_02.gif') 0 0 no-repeat; }
.active1 { background: url('../images/grosoeuvre_02.gif') -111px 0 no-repeat; }
.active2 { background: url('../images/grosoeuvre_02.gif') -226px 0 no-repeat; }
.active3 { background: url('../images/grosoeuvre_02.gif') -361px 0 no-repeat; }
.active4 { background: url('../images/grosoeuvre_02.gif') -500px 0 no-repeat; }

/*********************  Corps de la Page  ********************/
/******  Sous Menu Haut ******/
/*Blocs*/
#sous_menuH0 /*Sous Menu Haut Vide*/
{
	height: 20px;
	background:url('../images/grosoeuvre_03.gif') no-repeat;
	padding-top: 2px;
	margin-bottom: -2px;
	/*background-color: pink;*/
}

#sous_menuH1 /*Sous Menu Haut Entreprise*/
{
	height: 35px;
	background:url('../images/grosoeuvre_entreprise.gif') no-repeat 0 -35px;
	margin-left: 200px;
	/*background-color: pink;*/
}

/****  STYLES  ****/
/** Menu Horizontal Sous Menu Haut ENTREPRISE**/
#sous_menuH1
{
	list-style-type: none;
	text-align: center;
	width: 400px;
	position: relative;
}

#sous_menuH1 li
{
	top: 0;
	position: absolute;
/*	border: solid 1px;*/
}

#sous_menuH1 li, #sous_menuH1 a
{
	display: block;
	height: 35px;
	text-decoration: none;	
}

/*<li> du Sous Menu Pavillons*/
.sous_menuH10 { left: 0; width: 100px; }
.sous_menuH11 { left: 100px; width: 118px; }
.sous_menuH12 { left: 218px; width: 80px; }
.sous_menuH13 { left: 299px; width: 100px; }

/*Lien Survolé, Sélectionné ou Actif*/
.sous_menuH10 a:hover, .sous_menuH10 a:focus, .sous_menuH10 a:active
{ background: url('../images/grosoeuvre_entreprise.gif') 0 0 no-repeat; }
.sous_menuH11 a:hover, .sous_menuH11 a:focus, .sous_menuH11 a:active
{ background: url('../images/grosoeuvre_entreprise.gif') -100px 0 no-repeat; }
.sous_menuH12 a:hover, .sous_menuH12 a:focus, .sous_menuH12 a:active
{ background: url('../images/grosoeuvre_entreprise.gif') -218px 0 no-repeat; }
.sous_menuH13 a:hover, .sous_menuH13 a:focus, .sous_menuH13 a:active
{ background: url('../images/grosoeuvre_entreprise.gif') -299px 0 no-repeat; }

/*Lien activé et page en cours sur le site*/
.active10 { background: url('../images/grosoeuvre_entreprise.gif') 0 0 no-repeat; }
.active11 { background: url('../images/grosoeuvre_entreprise.gif') -100px 0 no-repeat; }
.active12 { background: url('../images/grosoeuvre_entreprise.gif') -218px 0 no-repeat; }
.active13 { background: url('../images/grosoeuvre_entreprise.gif') -299px 0 no-repeat; }

/****  STYLES  ****/
/** Fil d'Arianne**/
.fil
{	
	height: auto;
	background-color: #EB7028;
	font-size: 0.8em;
	color: #FFFFFF;
	margin-top: 1px;
	padding-bottom: 2px;
	margin-left: 100px;
}

.fil img
{
	border: none;
}

.fil a
{
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}

.fil p
{
	margin-left: 35px;
	margin-top: -20px;
}

.fil a:hover, .fil a:focus, .fil a:active
{
	text-decoration: underline;
}

/**** BLOCS ****/
#centre_corps_grosoeuvre
{
	height: auto; /*Top Right Bottom Left*/
	font-size: 1em;
	float : left;
	padding-top: 20px;
	padding-right: 85px;
	padding-bottom: 0;
	padding-left: 100px;
	
}

/*********************  Affichage des Actualités ********************/
hr
{
	height: 1px;
	margin: 1em 0 1em 0; /*Top Right Bottom Left*/
	padding: 0;
	color: #000000;
	background-color: #000000;
	border: 0;
}

#actu .image, #emploi .image { float: left; }

#actu .texte, #emploi .texte
{
	height: auto;
	min-height: 150px;
}

#actu h4, #emploi h4
{
	margin-left: 170px;
	font-size: 1.5em;
	margin-bottom: 20px;
}

#actu p, #emploi p
{
	margin-left: 170px;
	color:#000000;
	font-size: 1em;
	margin-bottom: 20px;
}

#actu h5, #emploi h5
{
	text-align: right;
	font-size: 0.7em;
}

/*Candidature spontanée*/
.candidature { margin-bottom: 20px; }

.candidature a
{
	text-decoration: none;
	font-weight: bold;
	color: #f00;
}

.candidature a:hover, .candidature a:focus, .candidature a:active
{ text-decoration: underline; }

/*********************  Page Accueil EB ********************/
/*Blocs*/
.EB_accueil h4 { margin-bottom: 25px; }
.EB_accueil p { margin-bottom: 5px; }
p.EB_sousphotos { margin-top: 40px; }
.EB_photos { float: left; margin-top: -20px; margin-right: 30px; }
/*Styles*/
.EB_orange { color: #EB6718; }
/*********************  Page Entreprise EB ********************/
/*Blocs*/
.EB_entreprise h2 { margin-bottom: 30px; }
.EB_entreprise p { margin-bottom: 20px; }
.EB_entreprise h4 { margin-top: 75px; color: #f00; }/*Provisoire*/
/*Styles*/
.EB_gras_souligne { font-weight: bold; text-decoration: underline; }

.EB_gsi {
	font-style: italic;
	font-weight: bold;
	color: #EB7028;
}

.EB_entreprise img {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

.EB_orangegrasitalique {
	color: #EB6718;
	font-style: italic;
	font-weight: bold;
}


#flash_historique { margin-top: -17px; }
/*********************  Page Contact EB ********************/
/*Blocs*/
.EB_contact h2 { margin-bottom: 10px; }
.EB_contact .EB_horaires { margin-bottom: 70px; margin-right : 10px;}
.EB_contact p { margin-bottom: 20px; }
.EB_adresse { margin-top: -35px; margin-left: 120px;}

.EB_plan
{
	float: right;
	margin-top: -220px;
	margin-right: 0px;
	width: 100px;
	height: 100px;
	border: solid 1px;
}

#form_contact /*Formulaire général*/
{
	height: auto;
	text-align: center;
	font-size: 1em;
	margin-bottom: 20px;
}

#form_contact fieldset
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top:15px;
	border: 2px outset #EB6718;
}

#form_contact input, #form_contact textarea
{
	border: 1px solid #000000;
	background-color: #f8ffe5;
}
#form_contact input.effacer {
	background-color: #CC0000;
	color: #FFFFFF;
}

#form_contact input.valider {
	background-color: #33CC00;
	color: #FFFFFF;
	font-weight: bold;
}

.ligne /*Toutes les lignes du formulaire*/
{
	clear: both;
	padding-top: 10px;
}

/*Fieldset Adresse*/
.adresse label
{
	float: left;
	width: 125px;
	margin-right: 15px;
	text-align: right;
}

.adresse .champ
{
	float: left;
	width: 350px;
	text-align: left;
}

/*Champs nom_prenom et cp_ville*/
.nom_prenom .champ, .cp_ville .champ { width: 125px; }

/*Prenom et Ville Label*/
label.prenom, label.ville { margin-left: -42px;}

/*Div metier*/
.titre_metier
{
	float: left;
	width: 125px;
	margin-left: 70px;
	text-align: right;
}

.metier label
{
	float: left;
	width: 200px;
	text-align: left;
}

.metier .champ
{
	float: left;
	width: 14px;
	margin-left: 150px;
	margin-right: 15px;
	text-align: right;
}

/*Messages d'alertes et OK*/
.alerte, .alerte a, .alerte a:visited
{
	color: #FF0000;
	text-align: center;
}

.ok
{
	color: #009966;
	text-align: center;
}

/*********************  Page References EB ********************/
/*Blocs*/
.references img { border: solid 1px #000000; }

.references .modele
{
	float:none;
	max-height: 320px;
	max-width: 320px;
	padding-top: 10px;
	margin-top: 0px;
	margin-left: 330px;
	background-color: #FFFFFF;
}

.references .catalogue
{
	float:left;
	max-height: 520px;
	max-width: 320px;
	padding: 5px;
	margin-top: 0px;
	margin-left: 0px;
	background-color: #FFFFFF;
} 
.references p { margin: 5px 0 2px 0; }

/*********************  Page Mentions Légales ********************/
/*Blocs*/
.mentions { padding: 0 50px 0 50px; }
.mentions h3 { margin-bottom: 40px; }
.mentions h4 { margin-top: 20px; }

/*********************  Pied de la Page ********************/
.lien_portail /*Lien Vers l'accueil*/
{
	display: block;
	float: right;
	width: 72px;
	height: 45px;
	margin-right: 15px;
	margin-top: 15px;
	text-decoration: none;
	/*border: solid 1px;*/
}

.lien_mentions /*Lien vers les mentions légales*/
{
	display: block;
	float: left;
	width: 250px;
	height: 12px;
	margin-left: 15px;
	margin-top: 30px;
	text-decoration: none;
/*	border: solid 1px;*/
}

/*Contenu provisoire*/
.photos
{
	float:left;
	margin-bottom:50px;
	margin-right:30px;
}

.orga {
	margin-left: 10px;
}