/* Soprema SMB */
/* Pages intérieures */

body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
	  font-family: verdana;
	  font-size: 11px;
	  color: #000000;
	  background-color: #ebebeb;
}

/*Page d'accueil*/

#cadreIndex {
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	width: 720px;
	height: 492px;
	background-color: #fae64a;
	border: 3px solid #ffffff;
}

.encadreIndex {
	width: 234px;
	height: 117px;
	float: left;
	border: 3px solid #ffffff;
}

.encadreRealisation {
	width: 234px;
	height: 26px;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	text-align: right;
	padding-top: 91px;
}

.encadreRealisation a{
	color: #acacac;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}

.encadreContact {
	width: 154px;
	height: 20px;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	padding-top: 97px;
	padding-left: 80px;
}

.encadreContact a{
	color: #acacac;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.encadreLiens {
	width: 234px;
	height: 65px;
	display: block;
	float: left;
	border: 3px solid #ffffff;
	text-align: right;
	padding-top: 52px;
}

.encadreLiensContenu1 {
padding-right: 20px;
}

.encadreLiensContenu {
padding-right: 30px;
}

.encadreLiensContenu a{
	color: #acacac;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.encadreLiensContenu1 a{
	color: #acacac;
	font-size: 15px;
	text-decoration: none;
	font-weight: bold;
}

.encadreIndexBlanc {
	width: 234px;
	height: 117px;
	float: left;
	border: 3px solid #ffffff;
	background-color: white;
	font-size: 9px;
}

.encadreIndexBlanc a, .Lien a{
	color: #22569f;
	text-decoration: none;
}

.encadreIndexBlanc a:hover, .Lien a:hover{
	color: #22569f;
	text-decoration: underline;
}

/* Content */
#container {
     margin-left: auto;
     margin-right: auto;
     width: 727px;
     text-align: left; /* on rétablit l'alignement normal du texte */
	 background-color: white;
}

#banner {
	width: 727px;
	height: 78px;
	/*border: 2px solid #000000;*/
	background-image:url(../img/banner.jpg); background-repeat:no-repeat;
}

#menuBanner {
	position: relative;
	margin-top: 0;
	top: -6px;
	left: 418px;
	width: 350px;
	color: #FFFFFF;
	font-weight: bold;
}

#lienLogoBanner {
	position: relative;
	margin-top: 0;
	top: 12px;
	left: 124px;
	width: 129px;
	height: 63px;
}

#menuDessous {
	padding-left: 496px;
	width: 231px;
	height: 13px;
	background-color: #cfcfcf;
}

#ZoneIntermediaire {
	border: 4px solid #ffffff;
}

#ZoneInterieur {
	border: 15px solid #ffffff;
	border-top: 0px;
	height:462px; 
	overflow:auto;
}


#ZoneContenu {
	border-left: 34px solid #fae64a;
	float: left;
	width: 485px;
	min-height: 462px;
	margin: 4px;
	margin-left: 0;
	margin-top: 8px;
}

#ZoneDroite {
	float: left;
	/*width: 234px;*/
	width: 190px;
	margin: 4px;
	margin-left: 0;
	text-align:right;
}

#lienDerniereRealisation {
	margin-bottom: 4px;
	margin-top: 4px;
	width: 22px;
	height: 21px;
	background-color: #ebe9ea;
	text-align: left;
	vertical-align: top;
	float: left;
}

#lienTexteDerniereRealisation {
	margin-bottom: 4px;
	margin-top: 4px;
	padding-top: 4px;
	width: 167px;
	height: 17px;
	background-color: #ebe9ea;
	text-align: left;
	float: left;
}

#lienTexteDerniereRealisation a{
	text-decoration: none;
	color: #acacac;
	font-size: 8pt;
}

#lienTexteDerniereRealisation a:hover{
	text-decoration: none;
	color: #7c7c7c;
	font-size: 8pt;
}

.chiffreBatiment{
	font-size: 20px;
}

#liendroite  {
	margin-bottom: 4px;
	width: 103px;
	height: 84px;
	background-color: #f9e449;
	float: left;
}

#lienTexteDroite {
	width : 86px;
	height: 61px;
	background-color: #f9e449;
	float: left;
	text-align: left;
	padding-top: 23px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

#lienTexteDroite a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing : -0.5px ;
}

#lienIndex  {
	margin-bottom: 4px;
	width: 129px;
	height: 117px;
	background-color: #f9e449;
	float: left;
}

#lienTexteIndex {
	width : 100px;
	height: 89px;
	background-color: #f9e449;
	float: left;
	text-align: left;
	padding-top: 28px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}

#lienTexteIndex a {
	text-decoration: none;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}

#lienIndexDerniereRea {
	height: 27px;
	background-color: #ebebeb;
}

.chiffreBatimentIndex{
	font-size: 25px;
}

#MargeBas {
	clear: left;
	height: 0px;
	background-color: white;
}

#menuBas {
	text-align: right;
	background-color: #ebebeb;
}
/* Style de la liste du modules batiment */

.ligneBatiment {
	clear: left;
	height: 76px;
	padding-bottom: 30px;
}

.imageBatiment {
	width: 76px;
	height: 76px;
	float: left;
	vertical-align: middle;
}

.texteBatiment {
	float: left;
	padding-left: 20px;
	width: 305px;
	height: 76px;
	vertical-align: middle;
}

.texteBatiment h3 {
	margin: 0;
	margin-bottom: 5px;
	font-size: 11px;
	font-weight: bold;
	color: #acacac;
}

.texteBatiment p{
	margin: 0;
	margin-bottom: 5px;
}

.texteBatiment a{
	color: #22569f;
	text-decoration: none;
}

.texteBatiment a:visited{
	color: #22569f;
	text-decoration: none;
}

.texteBatiment a:link{
	color: #22569f;
	text-decoration: none;
}

.texteBatiment a:hover{
	color: #22569f;
	text-decoration: underline;
}


/* Style pour une fiche batiment */

#ficheBatiment {
	width: 481px;
	height: 100%;
	margin-left: auto;
	margin-right: auto;
	text-align: left; /* on rétablit l'alignement normal du texte */
	border:1px solid #000000;
}

#scroller {
	height: 638px;
	width: 481px;
	overflow:hidden;
	overflow-x: hidden;
	overflow-y: scroll;
}

#titreFicheBatiment {
	width: 255px;
	height: 64px;
	float: left;
	padding-left: 20px;
	padding-top: 20px;
	background-color: #ebebeb;
	font-weight: bold;
	color: #7d7d7d;
	font-size: 12px;
	/*border:1px solid #000000;*/
}

#titreImageFicheBatiment {
	width: 189px;
	height: 84px;
	float: left;
	text-align: left;
	margin: 0;
	padding: 0;
	/*border:1px solid #000000;*/
}

#imageDroiteFicheBatiment {
	display: block;
	clear: left;
	width: 464px;
	text-align: left;
	border-top:5px solid #FFFFFF;
}

#imageFicheBatiment {
	display: block;
	clear: left;
	width: 464px;
	text-align: right;
	border-top:5px solid #FFFFFF;
}

#texteFicheBatiment {
	position: relative;
	display: block;
	border:20px solid #FFFFFF;
	width: 424px;
	min-height:190px;
	clear: left;
	background-color: #FFFFFF;
}

#texteFicheBatiment a{
	color: #22569f;
	text-decoration: none;
	font-size: 10px;
}

#texteFicheBatiment a:visited{
	color: #22569f;
	text-decoration: none;
}

#texteFicheBatiment a:link{
	color: #22569f;
	text-decoration: none;
}

#texteFicheBatiment a:hover{
	color: #22569f;
	text-decoration: underline;
}

#ficheBatimentBas {
	position:absolute;
	top:640px;
	display: block;
	clear: left;
	background-color: #ebebeb;
	width: 464px;
	text-align: right;
	border:5px solid #ebebeb;
	font-weight: bold;
}

html>body>#ficheBatiment #ficheBatimentBas{
position: fixed;
}

#ficheBatimentBas a{
	color: #000000;
	text-decoration: none;
}

#ficheBatimentBas a:visited{
	color: #000000;
	text-decoration: none;
}

#ficheBatimentBas a:link{
	color: #000000;
	text-decoration: none;
}

#ficheBatimentBas a:hover{
	color: #000000;
	text-decoration: underline;
}

/* Style pour la page contact */

.DivLabel {
	font-size: 10px;
	font-family: verdana;
}
	

/* Style pour la page recrutement */

.SousTitre {
	 font-family: verdana;
	  font-size: 12px;
	  color: #000000;
}

.TexteActus {
	 font-family: verdana;
	  font-size: 11px;
	  color: #000000;
}

.espacement {
	margin-top: 10px;
	border-top:1px solid #CCCCCC;
	padding-bottom: 25px;
}

.formulaireRecrutement, .IntituleFormulaire, .SavoirPlusActus{
font-family: verdana;
	  font-size: 11px;
	  color: #000000;
}

.Titre {
font-weight: bold;
}	

.imgRecrutement {
max-width: 405px;
}

.TexteActus a{
	text-transform: uppercase;
	font-size: 11px;
	color: #acacac;
	margin: 0;
	text-decoration: none;
	font-weight: bold;
}

/* Style des textes */

#menuBanner a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

#menuBanner a:hover{
	color: #fae64a;
}

#menuBanner a.RubriqueVisiteSelectedJaune{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	color: #fae64a;
}

#menuBanner a:hover.RubriqueVisiteSelectedJaune{
	color: #FFFFFF;
}

.RubriqueSelectedJaune {
	font-size: 14px;
	font-weight: bold;
	color: #fae64a;
}
	

#menuDessous a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#menuDessous a:hover{
	color: #22569f;
}

.RubriqueSelectedBleue {
	font-weight: bold;
	color: #22569f;
}

#menuBas a{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

#menuBas a:hover{
	color: #22569f;
}

.grisGras{
	font-weight: bold;
	color: #acacac;
}

.bleu {
	color: #22569f;
}

#ZoneInterieur h1 {
	font-size: 18px;
	color: #acacac;
}

.TexteGrasGrisFonce{
	font-weight: bold;
	color: #595959;
}

.SousTitreBlanc{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
	color: #FFFFFF;
}

.LiensAvecFleche{
	background: url(../img/puce_lien_entreprises.gif) no-repeat;
	padding-left: 20px;
	font-weight: bold;
}

.LiensAvecFlecheBlanche{
	background: url(../img/puce_lien_blanche.gif) no-repeat;
}

.TexteEvidence{
	font-weight: bold;
	color: #0E3192;
}

.TexteBlanc{
	color: #FFFFFF;
}

h2 {
	text-transform: uppercase;
	font-size: 10px;
	color: #acacac;
	margin: 0;
}