/******** OPHLM *********/
/******** LUNEVILLE *********/
/******** STANDARD *********/

/**************************************************** GENERAL ****************************************************************/
BODY { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #00546B; margin: 0 0 0 0; background-color: #DFEFFF;}
P, TD, TEXTAREA { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #00546B;}
UL{}
LI {}

HR {color:#FF0000 1px solid;}

INPUT {
font-family: 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;
}

a {color:#00546B; text-decoration: underline;}
a:hover {color:#000000; text-decoration: none;}
a:active {color:#00546B; text-decoration: underline;}

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



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


/** 1. Concerne l'accueil du site uniquement **/

#containerAccueil {
	/*background-color:#99CC00;*/
	width: 757px;
	text-align: left;
	/* pour rtablir l'alignement par dfaut  gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
}

.ContenuAccueil {
	width: 100%;
	display: inline;
	float: left;
	text-align:center;
}

/** 2. Concerne les pages de contenu **/

#container {
	/*background-color:#0099FF;*/
	width: 782px;
	text-align: left;
	/* pour rtablir l'alignement par dfaut  gauche */
	margin: 0px auto;
	margin-top: 0;
	padding: 0 0 0 0px;
	display: block;
}

/* Tout ce qui commence par CONT concerne des blocs containers 
englobants les autres lments du site.
La trame est la suivante :
HAUT = A
MILIEU = B
BAS = C
(ainsi Cont...A concerne un container d'une partie du haut)
 */

/** A **/

.ContGeneralA {
	background-color: #0066FF;
	width: 782px;
	height: 148px;
	background-image:url(../img/luneville/fond_div_haut.jpg);
	display: inline;
	float: left;
}

.ContImpressionA {
	width: 782px;
	height: 123px;
	background-image:url(../img/luneville/fond_impression.jpg);
	display: inline;
	float: left;
}



.ContTopDroiteA {
	/*background-color: #CC0033;*/
	width: 648px;
	height: 148px;
	display: inline;
	float: left;
}

.Contenu {
width: 742px;
diplay: inline;
float: left;
padding-left: 20px;
padding-right: 20px;
}


.ContTopDroiteAStandard {
	/*background-color:#FF6600;*/
	width: 648px;
	height: 49px;
	display: inline;
	float: left;
}

.ContTopDroiteAStandard2 {
	/*background-color:#FF6600;*/
	width: 648px;
	height: 45px;
	display: inline;
	float: left;
}


.ContTopDroiteAStandard2 ul {
	margin: 0px;
}


/** B **/

.ContGeneralB {
	/*background-color:#CCFF00;*/
	width: 782px;
	background-image:url(../img/luneville/fond_B.jpg);
	display: inline;
	float: left;
}

.ContBGauche {
	/*background-color:#FFFFCC;*/
	width: 359px;
	display: inline;
	float: left;
	/*padding-left: 26px;*/
	padding-left: 6px;
	padding-right: 6px;
}

.ContBDroite {
	/*background-color:#FF3300;*/
	width: 366px;
	display: inline;
	float: left;
	padding-left: 10px;
	padding-right: 15px;
}

.ContBDroitePrime {
	/*background-color:#FF3300;*/
	width: 365px;
	height: 100%;
	display: inline;
	float: left;
	padding-left: 10px;
	padding-right: 15px;
border-left: #99CCFF solid 1px;
}

.ContBStandard {
	width: 782;
display: inline;
float: left;
	/*background-color:#CC6600;*/
}

.ContBStandardDecal {
	width: 782;
height: 20px;
	/*background-color:#CC6600;*/
}


.SousTitre01 {
width: 138px;
display: inline;
float: left;
text-align:center;
padding-top: 8px;
}


.SousTitre01 a {
color:#BAD80A;
font-weight:bold;
font-size: 11px;
text-decoration: none;
}

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

.CacheTitreGauche {
width: 184px;
display: inline;
float: left;
/*background-color:#CCFF00;*/
}


.ContBStandardTitre {
	width: 782;
height: 43px;
	background-image: url(../img/luneville/titre_infos_pratiques_long.jpg);
background-repeat:no-repeat;
}



/** C **/

.ContGeneralC {
	/*background-color:#CCFF00;*/
	width: 782px;
	height: 9px;
	background-image:url(../img/luneville/fond_C.jpg);
	display: inline;
	float: left;
}


/**** FOOTER ****/

.BlocFooter {
width: 782px;
font-size:11px;
text-align:center;
}


/******** MENU DU HAUT PRINCIPAL (A) *********/





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


.ContenantMenuRub1{
margin-left: 38px;
}

.ContenantMenuRub2{
	margin-left: -103px;
}

.ContenantMenuRub3{
	margin-left: -248px;
}



/*** Menu deroulant BLEU ***/
.MenuDeroulantBleu, .MenuDeroulantDernier{
	margin: 0;
	position: absolute;
	height: 52px;
	top: 94px;
	width: 610px;
	/*margin-left: 200px;*/
	/*width: 140px;*/
	background: url(../img/luneville/menu_deroulant_bleu_A.jpg) no-repeat top left;
	display: block;
}


.MenuDeroulantBleu li, .MenuDeroulantDernier li{
	/* width: 100px; */
	font-family: Arial, Helvetica;
	font-size: 10px;
	float: left;
	list-style: none;
	display: inline;
	position: relative;
}

.MenuDeroulantDernier li{
	text-align: right;
}

.MenuDeroulantBleu li a, .MenuDeroulantBleu li a:visited, .MenuDeroulantBleu li a:hover,
.MenuDeroulantDernierBleu li a, .MenuDeroulantDernier li a:visited, .MenuDeroulantDernier li a:hover{
	color: #FFFFFF;
	padding: 8px 0px 6px 20px;
/*vertical-align:middle;*/
	margin: 0;
	display: block;
	text-decoration: none;
	/*background: #061039;*/
	width: 130px;
}

.MenuDeroulantBleu li a:hover, .MenuDeroulantDernier li a:hover{
	color: #0290BF;
	text-decoration: underline;
}

/*** Menu deroulant VERT ***/
.MenuDeroulantVert {
	margin: 0;
	position: absolute;
	height: 52px;
	top: 94px;
	width: 610px;
	/*width: 140px;*/
	background: url(../img/luneville/menu_deroulant_vert_A.jpg) no-repeat top left;
	display: block;
}

.MenuDeroulantVert li{
	/* width: 100px; */
	font-family: Arial, Helvetica;
	font-size: 10px;
	float: left;
	list-style: none;
	display: inline;
	position: relative;
}



.MenuDeroulantVert li a, .MenuDeroulantVert li a:visited, .MenuDeroulantVert li a:hover {
	color: #FFFFFF;
	padding: 8px 0px 6px 20px;
	margin: 0;
	display: block;
	text-decoration: none;
	width: 130px;
}

.MenuDeroulantVert li a:hover {
	color: #0290BF;
	text-decoration: underline;
}


/*** Menu deroulant ORANGE ***/
.MenuDeroulantOrange {
	margin: 0;
	position: absolute;
	height: 52px;
	top: 94px;
	width: 610px;
	/*width: 140px;*/
	background: url(../img/luneville/menu_deroulant_orange_A.jpg) no-repeat top left;
	display: block;
}

.MenuDeroulantOrange li{
	/* width: 100px; */
	font-family: Arial, Helvetica;
	font-size: 10px;
	float: left;
	list-style: none;
	display: inline;
	position: relative;
}



.MenuDeroulantOrange li a, .MenuDeroulantOrange li a:visited, .MenuDeroulantOrange li a:hover {
	color: #FFFFFF;
	padding: 8px 0px 6px 20px;
	margin: 0;
	display: block;
	text-decoration: none;
	width: 130px;
}

.MenuDeroulantOrange li a:hover {
	color: #0290BF;
	text-decoration: underline;
}




/*** Actualites ***/

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

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


.ActuTexteCourt {
width: 550px;
display: inline;
float: left;
padding-top: 15px;
}

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


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

.ActuTexteLong {
width: 700px;
display: inline;
float: left;
/*padding-left: 20px;*/
padding-top: 15px;
}

.TitreActu {
color: #51BFE2;
font-weight: bold;
}

.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;
/*padding-left: 15px;*/
	/*background-color:#CC6600;*/
}

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

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

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



/******** ELEMENTS DIVERS *********/



.LogoSite {
	background-color:#FFCCCC;
	width: 134px;
	display: inline;
	float: left;
}





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



H1 {
	font-size: 12px;
	color: #F7B50C;
	font-weight: bold;
}

H2 {
	font-size: 11px;
	color: #BAD80A;
	font-weight: bold;
	background-image:url(../img/luneville/puce_verte_carre.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 10px;
}

/******** Tableau des loyers *********/

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

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

.Nombre {
font-weight: bold;
}

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

a.Liens{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #99CCFF;
}



/* 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:left;
}

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

/******** Blocs *********/

/******** Contact *********/

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

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

.ContactDroite {
width: 550px;
display: inline;
float: left;
}

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

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


.Civil {
width: 320px;
display: inline;
float:left;
}



/******** Marches publics *********/
.AlignMarchPub {
	width: 782;
display: inline;
float: left;
/*padding-left: 15px;*/
}

.LiensObligatoires {color:#003366;}
a.LiensObligatoires {text-decoration:none;}
a:active.LiensObligatoires {text-decoration: underline;}
a:hover.LiensObligatoires {text-decoration: none;}

	/*background-color:#CC6600;*/
}


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

.TexteVert li{
	color: #CCCC00;
	font-weight: bold;
	list-style-type: square;
}


.FlecheBleue {
	background-image:url(../img/luneville/fleche_bleue_foncee_petite.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 6px;
}


.FlecheBleueGras {
	font-weight: bold;
	background-image:url(../img/luneville/fleche_bleue_foncee_petite.gif);
	background-repeat:no-repeat;
	background-position: left;
	padding-left: 6px;
}

.TexteVertGras {
	color: #BAD80A;
	font-weight: bold;
}

.PuceVerteCarree {
	color: #BAD80A;
	font-weight: bold;
	background-image:url(../img/luneville/puce_verte_carre.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 10px;
}

.BoutonPlanSite {
	position:absolute; 
	top: 25px; 
	margin-left: 680px;
}

.BoutonImprimer {
	position:absolute; 
	top: 25px; 
	margin-left: 600px;
}

.BoutonMentionsLegales {
	position:absolute; 
	top: 0px; 
	margin-left: 700px;
}

.BoutonCredits {
	position:absolute; 
	top: 0px; 
	margin-left: 640px;
}

.SeparationHorizontale {
width: 720px;
height: 8px;
background-image:url(../img/luneville/separation_horizontale_grise.gif);
background-position:center;
display: inline;
float: left;
padding-left: 15px;
padding-right: 15px;
}