/******** OPHLM *********/
/******** MONTIGNY *********/



BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; margin: 0 0 0 0;}
P, TD, TEXTAREA { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000;}

LI {
	list-style-type:disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CC0000;
}

a {color:#FF9900; text-decoration: underline;}
a:hover {color:#666666; text-decoration: none;}
a:active{color:#FF9900; text-decoration: underline;}



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;}




/******** BLOCS CONTAINERS *********/

#container {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 800px;
	background: #D9E8A8 url(../img/montigny/fond_page.jpg) no-repeat 0 0;
	text-align: left;
}

#containerPopImprim {
	background-color:#D9E8A8;
	width: 800px;
	text-align: left;
	background-color:#FFFFFF;
	/* pour rtablir l'alignement par dfaut  gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
}





.ContainerA {
	width: 241px;
	display: inline;
	float: left;
	/*background-color:#339999;*/
	position: relative;
}

.ContainerAStandard {
	margin: 0;
	width: 100%;
	width: 55%;
	display: inline;
	float: left;
	/*background-color:#99CCFF;*/
}


.ContainerB {
	width: 520px;
	display: inline;
	float: left;
	/*background-color:#FF6600;*/
}

.ContainerBStandard {
	width: 100%;
	width: 520px;
	display: inline;
	float: center;
	/*background-color:#99CCFF;*/
}



.ContainerC {
	width: 39px;
	height: 100%;
	display: inline;
	float: left;
	background-image: url(../img/montigny/pointilles_C.gif);
	background-position:center top;
}


/******** BLOCS MENU GAUCHE *********/

.BlocJaune {
	width: 165px;
	display: block;
	float: left;
	background-image:url(../img/montigny/fond_bloc_jaune.gif);
	background-position:left top;
	padding-left: 36px;
	padding-right: 40px;
	/*padding-top: -5px;*/
}

.BlocVert {
	width: 165px;
	display: block;
	float: left;
	background-image:url(../img/montigny/fond_bloc_vert.gif);
	background-position:left top;
	padding-left: 36px;
	padding-right: 40px;
}

/******** BLOCS B *********/

.TitrePrincipal {
width: 520px;
height: 50px;
display: inline;
float: left;
background-image:url(../img/montigny/B_01_d_03.gif);
background-position:left top;
background-repeat:no-repeat;
}

.TitrePrincipalBleu {
width: 520px;
height: 50px;
display: inline;
float: left;
background-image:url(../img/montigny/B_titre_principal_bleu_03.gif);
background-position:left top;
background-repeat:no-repeat;
}

/*** Le titre secondaire comprend APL, impays de loyer, aides aux locataires par exemple ***/
.TitreSecondaire {
width: 510px;
height: 30px;
display: inline;
float: left;
background-image:url(../img/montigny/B_02_d_05.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left: 5px;
padding-right: 5px;
}

.TopContenu {
width: 520px;
height: 13px;
display: inline;
float: left;
background-image:url(../img/montigny/B_02_d_06.gif);
background-position:left top;
background-repeat:no-repeat;
}

.TopContenu2 {
width: 520px;
height: 13px;
display: inline;
float: left;
background-image:url(../img/montigny/B_02_d_06_b.gif);
background-position:left top;
background-repeat:no-repeat;
}


.ContenuBlanc {
width: 490px;
display: inline;
float: left;
background: #FFFFFF;
padding-left: 16px;
padding-right: 14px;
}


.ContenuBlanc P{
text-align: justify;
}


.ContenuCarte {
width: 504px;
display: inline;
float: left;
background: #FFFFFF;
padding-left: 16px;
}


.FinContenuBlanc {
width: 520px;
height: 23px;
display: inline;
float: left;
background-image:url(../img/montigny/B_04_d_07.gif);
background-position:left top;
background-repeat:no-repeat;
padding-bottom: 10px;
}


/* Menu deroulant Accueil*/


.ContDeroul {
width: 165px;
visibility: hidden; 
position: absolute;
margin-left: -205px;
top: 35px; 
/*margin-top: -20px;*/
}


.ContDeroul2 {
width: 188px;
visibility: hidden; 
position: absolute;
margin-left: -205px;
top: 230px; 
/*margin-top: -20px;*/
}

.ContInfAcc {
width: 299px;
visibility:visible; 
position: absolute;
margin-left: -320px;
top: 430px; 
/*margin-top: -20px;*/
}

.InfAccA {
width: 299px;
display:inline;
float: left;
}

.InfAccB {
width: 299px;
display:inline;
float: left;
background-color: #81CDDA;
}

.InfAccC {
width: 299px;
display:inline;
float: left;
}

.DeroulA {
width: 188px;
display:inline;
float: left;

}

.DeroulA2 {
width: 188px;
display:inline;
float: left;
}

.DeroulB {
width: 183px;
display:inline;
float: left;
background-color: #FFCC00;
padding-left: 5px;
}

.DeroulB2 {
width: 183px;
display:inline;
float: left;
background-color: #CCFF00;
padding-left: 5px;
}

.DeroulC {
width: 188px;
display:inline;
float: left;
/*background-image:url(../img/sarreguemines/roll_haut_bas.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-attachment:fixed;*/
}

.DeroulC2 {
width: 188px;
display:inline;
float: left;
/*background-image:url(../img/sarreguemines/roll_haut_bas.gif);
background-position:bottom left;
background-repeat:no-repeat;
background-attachment:fixed;*/
}

.RespireAccActu {
width: 289px;
display:inline;
float:left;
padding-left: 5px;
padding-right: 5px;
}


/******** H1 & H2 *********/

.Titre01 {
font-size: 14px;
color: #009DCB;
font-weight: bold;
background-image: url(../img/montigny/puce_H1.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left center;
padding-left: 25px;
margin-top: 14px;
padding-top: 5px;
margin-left: 21px;
}

.Titre02 {
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
background-image: url(../img/montigny/puce_H2.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left center;
padding-left: 25px;
margin-top: 14px;
margin-left: 21px;
}

H1 {
font-size: 12px;
color:#000000; 
font-weight:bold;
background-image:url(../../sarreguemines/img/puce_noire_h1.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 5px;
}

H2 {
font-size: 12px;
color: #666666;
font-weight: bold;
}

.PuceRondeSecondaire {
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
background-image: url(../img/montigny/puce_ronde_secondaire.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:left center;
padding-left: 15px;
margin-top: 15px;
margin-left: 15px;
}
a.PuceRondeSecondaire {text-decoration: none;}
a:hover.PuceRondeSecondaire {text-decoration: underline;}
a:active.PuceRondeSecondaire {text-decoration: none;}


/********* BLOCS FLOTTANTS *********/

.Contact {
	position: absolute;
	top: 10px;
	left: 300px;
}

.PlanSite {
	position: absolute;
	top: 10px;
	left: 408px;
}


.Credits {
	position:absolute;
	top: 750px; 
	top: 700px;
	left: 22px;
	margin-left: 0;
}

.Credits2 {
	position:absolute;
	top: 565px; 
	margin-left: 22px;
}

.PlanSiteAccueil {
	position:absolute;
	top: 525px; 
	margin-left: 80px;
}

.blue {
color:#3399CC; text-decoration:none;
}

a.blue {color:#3399CC; text-decoration:none;}
a:hover.blue {color:#3399CC; text-decoration:underline;}
a:active.blue{color:#3399CC; text-decoration:none;}


.MentionsLegales {
	position:absolute;
	top: 765px; 
	top: 715px;
	left: 22px;
	margin-left: 0;
}

.MentionsLegales2 {
	position:absolute;
	top: 580px; 
	margin-left: 22px;
}

.Imprimer {
	position:absolute;
	top: 776px;
	top: 726px;
	left: 22px;
	margin-left: 0;
}

/******** 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;*/
}

.ActuTexteCourtAcc {
width: 270px;
display: inline;
float: left;
padding-left: 5px;
padding-right: 5px;
}


.ActuTexteCourtZoom {
width: 340px;
display: inline;
float: left;
padding-top: 15px;

}

.ActuTexteLong {
width: 490px;
display: inline;
float: left;
padding-top: 15px;
}


.Archives {
	width: 504;
	height: 20px;
}

.TitreActu {
color: #009DCB;
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: #F18D23;
font-weight:bold;
}


.Archives a {color:#333333; text-decoration: none;}
.Archives a:hover {text-decoration: underline;}

.ArchivesHighlight {
font-weight:bold;
color:#0099FF;
}


/******** Contact *********/
/* Partie commune  tous les sites*/

.ContBContact {
width: 782;
padding-left: 15px;
padding-top: 20px;
}

.ContactGauche {
width: 150px;
display: inline;
float: left;
}

.ContactDroite {
width: 445px;
width: 354px;
/*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;
}





/******** RICH EDIT *********/

.LiensGauchePuceBlanche {
font-size: 11px;
background-image: url(../img/montigny/puce_blanche.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 8px;
}

.LiensGauchePuceBlanche a{ color:#333333; font-weight:bold; text-decoration: none;}
.LiensGauchePuceBlanche a:hover{text-decoration: underline;}
.LiensGauchePuceBlanche a:active{text-decoration: none;}


/** -- **/
.LiensGauchePuceBleue {
font-size: 11px;
background-image: url(../img/montigny/puce_bleue.gif);
background-repeat: no-repeat;
background-position: 0 4px;
padding-left: 8px;
}

.LiensGauchePuceBleue a{ color:#333333; font-weight:bold; text-decoration: none;}
.LiensGauchePuceBleue a:hover{text-decoration: underline;}
.LiensGauchePuceBleue a:actuve{text-decoration: none;}


/** -- **/
.LiensGauchePuceBleueLight {
font-size: 11px;
background-image: url(../img/montigny/puce_bleue.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 8px;
}

a.LiensGauchePuceBleue { color:#333333; text-decoration: none;}
a:hover.LiensGauchePuceBleue {text-decoration: underline;}
a:active.LiensGauchePuceBleue {text-decoration: none;}


/** -- **/
.LiensGauchePuceNoire {
font-size: 11px;
font-weight: bold;
background-image: url(../img/montigny/puce_noire.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 8px;
}

a.LiensGauchePuceNoire { color:#333333; text-decoration: none;}
a:hover.LiensGauchePuceNoire {text-decoration: underline;}
a:active.LiensGauchePuceNoire {text-decoration: none;}


/** -- **/
.LiensOranges {
color: #F18D23;
}

a.LiensOranges { text-decoration: underline;}
a:hover.LiensOranges {text-decoration: none;}
a:active.LiensOranges {text-decoration: underline;}

/** -- **/
.TexteBleuGras {
color: #009DCB;
font-weight: bold;
}


.TexteNoirPuceCarree {
font-size: 11px;
font-weight: bold;
background-image: url(../img/montigny/puce_noire_carree.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 8px;
}

/* Liens de navigation rouge sur pages blanches */
.LiensRouges {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #CC0000;
}

/* Lien sur fond bleu -- page d'accueil */
.EnSavoirPlusAcc {
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
}

a.EnSavoirPlusAcc {color: #FFFFFF; text-decoration: underline;}
a:hover.EnSavoirPlusAcc {color: #666666; text-decoration: none;}
a:active.EnSavoirPlusAcc {text-decoration: underline}
