/******** OPHLM *********/
/******** SARREGUEMINES *********/
/** Le site se divise en 3 bandes verticales au sein du container :
A pour la bande gauche, 
B pour la bande du milieu, 
C pour la bande de droite 

 	Normal				  Prime'
_____________		_________________
| A | B | C |     	| A | 	B 	| C |
|   |   |   |	+	|	|		|	|
|   |   |   |		|	|		|	|

**/


BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; margin: 0 0 0 0; background-color: #3366CC;}
P, TD, TEXTAREA { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #666666;}

LI {
	list-style-type:disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}

HR {color:#FF0000 1px solid;}

INPUT {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; color: #666666; 
border: #3399FF solid 1px;
vertical-align:top;
padding-top: 3px;
}
TEXTAREA {
font-family: Arial, Helvetica, sans-serif; 
font-size: 10px; color: #666666; 
border: #3399FF solid 1px;
vertical-align:top;
padding-top: 3px;
}

select {  font-family: Arial, Helvetica, sans-serif; font-size: 10px;}

a {color:#FF0000; text-decoration: underline; font-weight: bold;}
a:hover {color:#666666; text-decoration: none; font-weight: bold;}
a:active {color: #FF0000; text-decoration: underline; font-weight: bold;}



/******** BLOCS CONTAINERS *********/

#container {
	/*background-color:#99CC00;*/
	width: 780px;
	text-align: left;
	background-image:url(../img/sarreguemines/fond_container.gif);
	background-repeat:repeat-y;
	background-position:left top;
	/*background-attachment:fixed;*/
	/* pour rtablir l'alignement par dfaut  gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: table;
}


.BlocContenu {
	width: 778px;
	display: inline;
	float: left;
	background-image:url(../img/sarreguemines/fond_ombre.gif);
}


/******** BLOC GAUCHE A *********/

.BlocGaucheA {
	width: 160px;
	height:100%;
	background-image:url(../img/sarreguemines/fond_colonne_A.gif);
	background-repeat:repeat-y;
	background-position:left top;
	display: inline;
	float: left;
}

.BlocGaucheType {
	width: 100%;
	background-image:url(../img/sarreguemines/vide_vert.gif);
	background-attachment:fixed;
	background-position:left top;
	background-repeat:repeat-y;
	display: inline;
	float: center;
}

.BlocGaucheTypeLong{
	width: 100%;
	height: 250px;
	display: inline;
	float: center;
}



/** ROLLOVER ACCUEIL **/

.MenuNiveau1{
 	display: inline;
	float: left;
}


.ContenantMenuRub1{
margin: 5px;
}

.ContenantMenuRub2{
	margin: 0px;
}

.ContenantMenuRub3{
	margin: 0px;
}


/* Menu deroulant */





.ContDeroul {
width: 219px;
visibility: hidden; 
position: absolute;
/*top: 15px; */
margin-top: -20px;

}

.DeroulA {
width: 220px;
display:inline;
float: left;
background-image:url(../img/sarreguemines/roll_haut_bas.gif);
background-position:top left;
background-repeat:no-repeat;
/* background-attachment:fixed; */
}

.DeroulB {
width: 220px;
display:inline;
float: left;
background-image:url(../img/sarreguemines/roll_fond_jaune.gif);
background-position:top left;
background-repeat:repeat-y;
/* background-attachment:fixed; */
padding-left: 5px;
}

.DeroulC {
width: 220px;
display:inline;
float: left;
background-image:url(../img/sarreguemines/roll_haut_bas.gif);
background-position:bottom left;
background-repeat:no-repeat;
/* background-attachment:fixed; */
}








/******** BLOC MILIEU B *********/

.BlocMilieuB {
	width: 190px;
	background-image:url(../img/sarreguemines/fond_colonne_2.gif);
	display: inline;
	float: left;
}

.BlocMilieuBLarge {
	width: 190px;
	width: 220px;
	background-image:url(../img/sarreguemines/fond_colonne_2_large.gif);
	display: inline;
	float: left;
}

.BlocMilieuType {
	width: 100%;
	display: inline;
	float: center;
}

.BlocMilieuTypeNoir {
	width: 190px;
	height: 5px;
	background-color:#000000;
	display: inline;
	float: left;
}

.BlocLiensJaunes {
	width: 225px;
width: 190px;
	height: 130px;
vertical-align:middle;
	display: inline;
	float: left;
	background-image:url(../img/sarreguemines/fond_colonne_B_jaune.gif);
}

.BlocLiensJaunesLong {
	width: 220px;
	height: 130px;
	vertical-align:middle;
	display: inline;
	float: left;
	background-image:url(../img/sarreguemines/fond_colonne_B_jaune_long.gif);
}

/* MILIEU B PRIME */

.BlocMilieuBPrime {
	width: 620px;
	display: inline;
	float: left;
}

.BlocMilieuPrimeType {
	width: 580px;
	width: 570px;
	/*height: 120px;*/
	display: inline;
	float: left;
	/*padding-left: 15px;*/
	padding-right: 10px;
}

.BlocMilieuPrimeTitre {
width: 100%;
background-color:#99CC00;
}
/******** BLOC DROITE C *********/

.BlocDroiteC {
	width: 430px;
	/*width: 415px;*/
	background-color:#99CC00;
	display: inline;
	float: left;
}



/*Le Contain15 permet d'aligner tout le contenu de C sur la gauche
en gardant une marge de 15 pix */
.Contain15 {
	/*width: 410px;*/
width: 380px;
width: 420px;
width: 540px;
	background-color: #FFFFFF;
	display: inline;
	float: left;
	padding-left: 15px;
}

/*Le Contain15B a une largeur plus petite que le contain15 pour la partie infos pratiques */
.Contain15B {
	/*width: 410px;*/
width: 380px;
width: 420px;
width: 380px;
	background-color: #FFFFFF;
	display: inline;
	float: left;
	padding-left: 15px;
}



.BlocDroiteCFin {
	/*width: 400px;*/
	width: 100%;
	background-color:#FFFFFF;
	display: inline;
	float: left;
}

.BlocDroiteType {
	width: 100%;
	display: inline;
	float: center;
}



.BlocDroiteCourt {
	/*width: 375px;*/
	width: 360px;
	width: 396px;
	background-color:#FFFFFF;
	display: inline;
	float: left;
	/*padding-left: 15px;*/
	padding-right: 10px;
}

.BlocDroiteCourtFin {
	/*width: 370px;*/
	width: 355px;
width: 368px;
	background-color:#FFFFFF;
	display: inline;
	float: left;
	/*padding-left: 15px;*/
	padding-right: 10px;
}


.BlocDroiteTypeJaune {
	/*width: 425px;*/
	width: 360px;
	height: 5px;
	background-color:#FEF000;
	display: inline;
	float: left;
}

.BlocDroiteTypeJauneFin {
	/*width: 395px;*/
	width: 380px;
	height: 5px;
	background-color:#FEF000;
	display: inline;
	float: left;
}


/******** BLOCS Plan du site & Imprimer & adresse *********/

.PlanDuSite {
	position:absolute; 
	top: 350px; 
	margin-left: 0px;
	margin-left: -155px;
}

.Imprimer {
	position:absolute;
	top: 350px; 
	margin-left: -78px;
}

.Adresse {
position:absolute; 
	top: 450px; 
	margin-left: 35px;
	margin-left: -180px;
}



/******** Titres et Sous Titres *********/

H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #3399FF;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3399FF;
}

.TitreHaut {
color:#FFFFFF;
font-size: 16px;
font-weight:bold;
vertical-align: text-top;
}


/******** Navigation *********/

/* Liens de navigation sur fond jaune */
.LiensNoirs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	padding-left: 15px;
}

a.LiensNoirs {text-decoration: none;}
a:hover.LiensNoirs {text-decoration:underline; background-color: #FFFFFF;}
a:visited.LiensNoirs {text-decoration: none;}
a:active.LiensNoirs {text-decoration: none;}


/* Liens de navigation rouge sur pages blanches */
.LiensRouges {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

a.LiensRouges {text-decoration: none;}
a:hover.LiensRouges {text-decoration:underline;}
a:visited.LiensRouges {text-decoration: none;}
a:active.LiensRouges {text-decoration: none;}



.LiensVertsClairs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCE680;
	text-align:center;
}

a.LiensRouges {text-decoration: none;}
a:hover.LiensRouges {text-decoration:underline;}
a:visited.LiensRouges {text-decoration: none;}
a:active.LiensRouges {text-decoration: none;}

/******** Contact *********/
/* Partie commune  tous les sites*/

.ContBContact {
width: 782;
/* height: 20px; */
padding-left: 15px;
padding-top: 20px;
}

.ContactGauche {
width: 150px;
display: inline;
float: left;
}

.ContactDroite {
width: 445px;
/*width: 470px;*/
display: inline;
float: left;
}

.Erreur {
color:#CC0000;
font-weight: bold;
}

.ImageContact {
width: 120px;
display: inline;
float: left;
}


.Civil {
width: 320px;
display: inline;
float: left;
padding-bottom: 20px;
}



/******** Tableau des loyers *********/
/* Partie commune  tous les sites*/

.ContainerTableau {
	width: 782;
height: 20px;
padding-bottom: 30px;
}

.TitreT {
font-size:16px;
font-weight: bold;
}

.Nombre {
font-weight: bold;
}



/*** Actualites ***/

.ActuImage {
width: 110px;
display: inline;
float: left;
/*padding-top: 15px;*/
}

.ActuImageZoom{
width: 220px;
display: inline;
float: left;
/*padding-top: 15px;*/
}


.ActuTexteCourt {
width: 425px;
width: 420px;
display: inline;
float: left;
/*padding-top: 15px;*/

}

.ActuTexteCourtZoom {
width: 340px;
display: inline;
float: left;
padding-top: 15px;

}

.ActuTexteLong {
width: 600px;
display: inline;
float: left;
padding-top: 15px;
}

.TitreActu {
color: #51BFE2;
font-weight: bold;
}
a.TitreActu {text-decoration: none;}
a:hover.TitreActu {text-decoration:none;}
a:active.TitreActu {text-decoration: none;}
a:link.TitreActu {text-decoration: none;}

.EnSavoirPlus {
font-size:10px;
color: #F7B50C;
font-weight:bold;
}


.EnSavoirPlus a, .EnSavoirPlus a:hover, .EnSavoirPlus a:visited {
text-decoration: underline;
}


.Archives {
	width: 782;
	height: 20px;
}


.Archives a {color:#333333; text-decoration: none;}
.Archives a:hover {text-decoration: underline;}

.ArchivesHighlight {
font-weight:bold;
color:#0099FF;
}

.ArchivesMois {
font-size: 12px;
color:#333333;
font-weight:bold;
padding-left: 15px;
padding-top: 15px;
}



/******** Rich Edit *********/

.TexteNoirGras {
	color: #000000;
	font-weight:bold;
}

.TexteFlecheRouge {
	background-image:url(../img/sarreguemines/fleche_rouge_petite.gif);
	background-repeat:no-repeat;
	background-position: left;
	color: #CC0000;
	font-weight:bold;
	padding-left: 8px;
}

.PuceVerte {
	background-image:url(../img/sarreguemines/puce_verte.gif);
	background-repeat:no-repeat;
	background-position: left;
	font-weight: bold;
	padding-left: 8px;
}

.TextePetita {
	padding-left: 8px;
}

.Nombre {
font-weight: bold;
}