div#beecreative{text-align:center;margin:0 0 10px 0;}

/*	---------------------------------------------

	Feuille de styles par défaut - MIDEL





	couleur dominante par défaut : #6bb430

	--------------------------------------------- */



* {

	font-family: verdana;

}



h1, h2, h3, h4, div, ul, li {

	margin: 0;

	padding: 0;

}



body {

	margin: 0;

	padding: 0;

	background: white;

	text-align: center;

}



a {

	color: black;

}







/*	************ Styles de structure ************* 

		intentation respectée

	********************************************** */



#main {

	margin: 0 auto 0 auto;

	padding: 0;

	width: 965px;

	text-align: left;

}



	#content, #popup #content {

		margin: 0;

		padding: 0;

		width: 100%;

		background: white;

	}





		/* *** styles concernant le menu de navigation *** */

		#menu, #menu ul, #menu li {

			margin: 0;

			padding: 0;

		}



		#menu {

			width: 191px;

			height: 600px;

			padding-top: 15px;

			background: white;

			background: url(images/fond-menu-midel.jpg) no-repeat top white;

		}



			#menu h2 {

				padding: 9px 0 0 13px;

				margin-left: 10px;

				font-size: 11px;

				font-weight: bold;

				height: 26px;

			}

			

				#menu h2.menu-1, #menu h2.menu-2 {

					color: black;

				}

				#menu h2.menu-1 a, #menu h2.menu-2 a {

					color: black;

					text-decoration: none;

				}

				

				#menu h2.menu-3 {

					color: black;

				}


				/*carré des rubriques Lozère développement*/

				#menu h2.menu-1 {

					background: url(images/menu-h2-1.gif) no-repeat;

				}

				/*carré des rubriques La lozère*/

				#menu h2.menu-2 {

					background: url(images/menu-h2-2.gif) no-repeat;

				}

				/*carré des rubriques infos pratique*/

				#menu h2.menu-3 {

					background: url(images/menu-h2-3bis.gif) no-repeat;

				}

				/*Survol des liens des titres de la rubrique*/

				#menu h2 a:hover  {

					color: black;

				}



			#menu ul {

				/*margin-left: 28px;*/

				padding-bottom: 25px;

				padding-left: 29px;

				list-style: none;

			}



				#menu ul a {

					text-decoration: none;

				}

				#menu ul a:hover {

					color: black !important;

				}

				

				#menu ul.menu-3 a:hover {

					color: black !important;

				}



				#menu li, #menu span {

					font-size: 10px;

					font-weight: bold;

				}



					/* Liens actif (page courante) des sous rubriques*/

					#menu ul.menu-1 .activeItem, #menu ul.menu-2 .activeItem {

						color: black !important;

					}

					/* Liens actif (page courante) des sous rubriques de la rubrique infos pratiques*/

					#menu ul.menu-3 .activeItem {

						color: black !important;

					}

					

					#menu ul.menu-1 li, #menu ul.menu-2 li, #menu ul.menu-3 li {

						padding-left: 4px;

						border-left: 1px solid black;

					}

				
					/* couleurs du nom des sous rubriques du menu Lozère Développement*/
					#menu ul.menu-1 li, #menu ul.menu-1 a {

						color: #2c5aa6;

					}

					/* Couleur de la bordure de gauche de la rubrique Lozère Développement*/					

					#menu ul.menu-1 li {

						border-left-color: #2c5aa6;

					}

					/* couleurs du nom des sous rubriques du menu La lozère*/

					#menu ul.menu-2 li, #menu ul.menu-2 a {

						color: #4199dc;

					}

					/* Couleur de la bordure de gauche de la rubrique La lozère*/	

					#menu ul.menu-2 li {

						border-left-color: #4199dc;

					}

					/* couleurs du nom des sous rubriques du menu Infos pratique*/

					#menu ul.menu-3 li, #menu ul.menu-3 a {

						color: #0fc1ff;

					}

					/* Couleur de la bordure de gauche de la rubrique Infos pratique*/

					#menu ul.menu-3 li {

						border-left-color: #0fc1ff;

					}

					

#menu ul.submenu-1, #menu ul.submenu-2, #menu ul.submenu-3  {

margin:0;

padding:0;

}



#menu li ul.submenu-1 li, #menu li ul.submenu-2 li, #menu li ul.submenu-3 li {

padding-left: 10px;

font-size: 10px;

border-left: none;

text-decoration: none;

}

							

#menu li ul.submenu-1 li a, #menu li ul.submenu-2 li a, #menu li ul.submenu-3 li a {

	text-decoration: none !important;

}



#menu li ul.submenu-1 li.normal {

	text-decoration: none !important;

}


/* sous sous rubrique, nom de la page active*/
#menu .activeSubItem {

	color: black !important;

}


/* rubrique, liens de la page active*/
#menu h2.activeItem-1 a, #menu h2.activeItem-2 a, #menu h2.activeItem-3 a  {

	color: black;

}


/* rubrique, survol du liens*/
#menu h2.menu-1 a:hover, #menu h2.menu-2 a:hover, #menu h2.menu-3 a:hover {

	color: black;

}

				

					

		/* *** fin styles concernant le menu de navigation *** */

		/* *************************************************** */

		

		/* *** styles concernant le contenu *** */ 

		#contenu {

			padding: 0 10px 0 10px;

			width: 523px;

		}



			#contenu h1 {

				margin-bottom: 18px;

				padding: 5px 0 0 22px;

				font-size: 16px;

				font-weight: bold;

				height: 20px;

				background: url(images/puce-h1-midel-defautbis.gif) no-repeat;

			}



			#contenu h2 {

				font-weight: bold;

				font-size: 13px;

				padding-left: 17px;

				margin-bottom: 5px;

				color: #6bb430;

				background: url(images/puce-h2-midel-defaut.gif) no-repeat 0% 4px;

				text-align: justify;

				clear: both;

			}

			

			#contenu h3 {

				font-weight: bold;

				font-size: 12px;

				margin-bottom: 6px;

			}

			

			#contenu ul {

				margin-bottom: 10px;

				padding-left: 29px;

				list-style: square;

			}

			

			#contenu li {

				font-size: 12px;

				margin-bottom: 8px;

				text-align: justify;

			}			

			

			#contenu p {

				font-size: 12px;

				text-align: justify;

			}

			

			

			#contenu form {

				font-size: 12px;

			}

			

			#contenu .lienBouton {

				background: #6BB42F;

                        		float: right;

				padding: 5px 10px 5px 10px;

				margin: 0 0 2px 10px;

				border: 1px solid #000;

			}



			#contenu .lienBouton a {

				color: #FFF;

				font-weight: bold;

				text-decoration: none;

			}

			

		/* *** fin styles concernant le contenu *** */ 

		/* **************************************** */



		/* *** styles concernant colonne-droite *** */

		#colonne-droite {

			margin-top: 10px;

			width: 231px;

			text-align: center;

		}



			#colonne-droite h3 {

				margin: 0 7px 8px 8px;

				font-size: 11px;

				font-weight: bold;

				color: #003300;

				border-bottom: solid 1px #FFF;

			}



			#colonne-droite ul {

				margin-left: 0;

				font-size: 10px;

				list-style: none;

			}



				#colonne-droite li {

					display: block;

					margin: 0 5px 10px 5px !important;

					padding: 5px 5px 5px 5px;

					border: 1px solid black;

					font-size: 10px;

					background: #FFF;

					width: 90% !important;

				}



				#colonne-droite li:hover {

					background: #FDD284;

				}



					#colonne-droite li a {

						text-decoration: none;

						color: black;

					}



					#colonne-droite li span {

						color: #344671;

					}



			#conteneur-actu, #conteneur-nl, #conteneur-zae {

				margin: 0 auto 0 auto;

				padding-bottom: 15px;

				background: #e2e3e3; /*#B9C748;*/

				width: 210px;

				border-left: 3px solid #707173; /*#62930A*/
 
				border-right: 2px solid #707173; /*#62930A*/

				text-align: left;

			}



			#conteneur-zae {

				margin-bottom: 15px;

				border-bottom: 2px solid #707173;

			}



		/* *** fin styles concernant colonne-droite *** */

		/* ******************************************** */



	/*Définition de la zone et de l'image du bandeau bas*/

	#footer {

		width: 100%;

		height: 119px;

		font-size: 10px;

		color: #000;

		text-align: center;

		background: url(images/bandeau_bas.jpg) no-repeat;

	}


		/*Définition de la zone de texte*/
		#footer p {

			margin: 0;
				
				/* du 1er au 4ième chiffre représente haut, droite, bas et gauche*/

			padding: 68px 0 0 0;

		}

		
		/*couleur du lien de la zone de texte*/
		
		#footer p a {

			color: #000;

		}


		/*position de l'image xiti*/

		#xiti-logo {

			margin: 0;

			padding: 85px 0 0 13px;

		}





		.maxSize{

			width: 100%;

		}







/* **********************************************

		FORMULAIRES

********************************************** */



form fieldset {

	border: none;



}



.csc-mailform {



}



div.csc-mailform-field {

}



div.csc-mailform-field label {

	/*display: block;*/

	margin: 5px 0 5px 0 ;

}



div.csc-mailform-field .csc-mailform-radio label {

	display: inline;

}





/*	*********** Styles pré-définis ************ 

			généraux

	******************************************* */





/*   ************** META FEEDIT *********** */



#contenu .tx-metafeedit .htmlarea .toolbar ul {

	list-style: none inside;

	margin: 0;

	padding: 0;

}



#contenu .tx-metafeedit .htmlarea .toolbar ul li {



float: left;



background-color: transparent;



border-top-width: medium;



border-right-width: medium;



border-bottom-width: medium;



border-left-width: medium;



border-top-style: none;



border-right-style: none;



border-bottom-style: none;



border-left-style: none;



margin-top: 0px;



margin-right: 0px;



margin-bottom: 0px;



margin-left: 0px;



padding-top: 0px;



padding-right: 0px;



padding-bottom: 0px;



padding-left: 0px;



}



#contenu .tx-metafeedit .htmlarea .toolbar ul li {



float: left;



background-color: transparent;



border-top-width: medium;



border-right-width: medium;



border-bottom-width: medium;



border-left-width: medium;



border-top-style: none;



border-right-style: none;



border-bottom-style: none;



border-left-style: none;



margin-top: 0px;



margin-right: 0px;



margin-bottom: 0px;



margin-left: 0px;



padding-top: 0px;



padding-right: 0px;



padding-bottom: 0px;



padding-left: 0px;



}



#contenu .tx-metafeedit .htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {



height: 28px;



}



#contenu .tx-metafeedit .htmlarea .toolbar ul.free-float li, .htmlarea .toolbar ul.tb-group li {



height: 28px;



}



/* module immobilier */



.immobilier-single a {

font-size: 12px;

}



.immobilier-single h3 {

font-weight: normal;

font-style: italic;

}



.immobilier-single dl {

margin: 0 0 10px 0;

padding: 10px 10px 20px 10px;

/*background: #FDD284;*/

border: black 1px solid;

font-size: 12px;

width: 60%;

}



.immobilier-single dl#misc {

width: 98%;

padding: 10px 0 10px 10px;

clear: both;

}



.immobilier-single dl#misc p {

margin: 0;

padding-right: 5px;

}



.immobilier-single dl#localisation {

background: #95acd2; /*#FDD284;*/

}



.immobilier-single dl#location{

clear: both;

}



.immobilier-single dl#location, .immobilier-single dl#caracteristiques, .immobilier-single dl#fiscalite, .immobilier-single dl#services {

width: 96%;

}



.immobilier-single dt {

margin-right: 10px;

font-weight: bold;

float: left;

height: 21px;

font: bold 11px/21px verdana;

}



.immobilier-single dd {

margin: 0;

margin-bottom: 2px;

padding: 2px 0 2px 0;

/*height: 18px;*/

font: normal 11px/18px verdana;

/*background: red;*/

}



.immobilier-single p {

margin: 0 0 5px 0;

padding: 0;

}



.immobilier-single img {

/*margin-right: 5px;*/

width: 165px;

}



ul#annonceur {

width: 100%;

margin: 10px 0 10px 0;

background: #95acd2; /*#FDD284;*/

padding: 5px 0 5px 0;

list-style: none;

text-align: center !important;

border: 1px solid black;

}



ul#annonceur li {

text-align:center;

}



ul#annonceur #nom {

font-weight: bold;

}



#photos {

float: right;

text-align: center;

width: 35%;

}



#photos img {

display:block;

margin: 0 auto 10px auto;

border: 0px solid black;

}







/* **************************

immobilier vue latest

***************************** */



#immo-latest .immobilier-list-1, #immo-latest .immobilier-list-2 {

margin: 0 5px 10px 5px !important;

padding: 5px 5px 5px 5px;

border: 1px solid black;

font-size: 10px;

background: #FFF;

width: 90% !important;

}



#immo-latest .immobilier-list-1:hover, #immo-latest .immobilier-list-2:hover {

background: #95acd2; /*#FDD284; bleu clair*/

}



#immo-latest h4, #immo-latest p {

margin: 0 !important;

padding: 0 !important;

font-weight: normal;

font-size: 10px !important;

}



#immo-latest h5 {

margin: 0 !important;

padding: 0 !important;

display: none;

}



#immo-latest:hover, #immo-latest a:hover {

cursor: pointer;

}



#immo-latest a {

text-decoration: none;

}



#immo-latest a:hover {

color: #000000;

}







/* **************************

immobilier vue liste

***************************** */



.immobilier-list-1, .immobilier-list-2 {

margin: 0 0 10px 0;

padding: 5px;

border: 1px solid black;

font-size: 11px;

}



.immobilier-list-1 h2, .immobilier-list-2 h2 {

/*background: none !important;*/

margin: 0;

padding: 0 !important;

/*background: blue !important;*/

background: url(images/btn-savoir-plus.gif) no-repeat top right !important;

}





.immobilier-list-1 h2 a, .immobilier-list-2 h2 a{

display: block;

padding-right: 120px;

}



.immobilier-list-1 h2 a:hover, .immobilier-list-2 h2 a:hover{

/*background: url(images/btn-savoir-plus.gif) no-repeat top right important;*/

}



.immobilier-list-1 h3, .immobilier-list-2 h3 {

margin: 0 !important;

padding: 0 !important;

font-weight: normal !important;

font-style: italic;

}



.immobilier-list-1 dl, .immobilier-list-2 dl {

margin: 0 0 10px 0;

padding: 5px 10px 0px 10px;

font-size: 11px;

width: 100%;

}



.immobilier-list-1 dt, .immobilier-list-2 dt {

margin-right: 5px;

font-weight: bold;

font-size: 10px;

display: inline;

}



.immobilier-list-1 dd, .immobilier-list-2 dd {

margin: 0 5px 0 0;

padding: 2px 0 2px 0;

font-size: 10px;

display: inline;

}





.immobilier-list-1 h2 a, .immobilier-list-2 h2 a, .immobilier-list-1 h3 a, .immobilier-list-2 h3 a {

text-decoration: none !important;

}



.immobilier-list-1 {

background: #95acd2; /*#FDD284;*/

}





/* module ZAE

=======================================================

======================================================

*/



#zae dl {

margin: 0 0 10px 5px;

padding: 0;

}



#zae dt {

margin: 0 5px 0 0;

float: left;

font-weight: bold;

}



#zae dd {



}



#zae ul li {

margin: 0;

padding: 0;

}



#zae p {

margin: 0 5px 10px 5px;

}



#zae-header, #zae-coordonnees, #zae-vocation, #zae-equipement, #zae-environnement, #zae-services, #zae-desserte, #zae-foncier, #zae-fiscalite, #zae-gestionnaire, #zae-situation {

margin: 0 0 10px 0;

padding: 5px;

background: #d5dc6b; /*#FDD284;*/

border: 0px solid #000000;

}



#zae-vocation, #zae-equipement, #zae-environnement, #zae-services, #zae-desserte, #zae-foncier, #zae-fiscalite, #zae-gestionnaire, #zae-situation {

padding: 0px;

background: none;

font-size: 11px;

}



#zae-coordonnees, #zae-header {

overflow: auto;

}



#zae-vocation h3, #zae-equipement h3, #zae-environnement h3, #zae-services h3, #zae-desserte h3, #zae-foncier h3, #zae-fiscalite h3, #zae-gestionnaire h3, #zae-situation h3 {

padding: 5px;

background: #d5dc6b; /*#FDD284;*/

}



#zae-header h2, #zae-header h3, #zae-header p {

margin:0;

padding: 0;

background: none !important;

}



#zae-header h2 {

color: #000000;

font-size: 18px;

clear: none;

text-align: left;

}



#zae-header img, #zae-coordonnees img {

float:right;

margin-left: 10px;

}



#zae-header h3 {

margin-top: 10px;

}



#zae-header h3 span {

font-size: 10px;

font-weight: normal;

font-style: italic;

}



#zae-header p {

font-size: 10px;

font-style: italic;

margin-bottom: 5px;

}



#zae-coordonnees ul{

list-style: square;

}



#zae-coordonnees ul li {

margin: 0 !important;

padding: 0 !important;

}





#zae-situation {

padding-bottom: 10px;

text-align: center;

}



#zae-situation h3 {

text-align: left !important;

}



#zae-situation p {

margin-top: 10px !important;

margin-bottom: 3px !important;

}





#zae-desserte table {

width: 100%;

}



#zae-desserte td, #zae-desserte th {

/*border-top: black 1px solid;*/

}



#zae-desserte th {

text-align: center;

background: #444;

color: white;

}



#zae-desserte tr.section th, #zae-desserte tr.section td {

background: #BBB;

color: black;

text-align: center; 

}



#zae-desserte tr.subsection td {

background: #EEE;

text-align: center;

}



.separate {

clear:both;

}





/* Style de base pour le module immo partie fonctionnement */



.hidden {

display: none;

}

fieldset div {

/*	background: #FFF; */

}



.form-immo legend {

display: list-item;

font-weight: bolder;



list-style-type: square;

list-style-position: inside;

margin: 0;

padding: 0;

color: #000 !important;

}

.form-immo {

width: 100%;

margin: 0;

padding: 0;

padding-left: 6px;

}



#Immosearch div {

margin: 0 10px 0 0;

padding: 3px;

width: 90%;

font-size: 11px !important;

text-align: left;

position: relative;

}





#Immosearch img {

position: absolute;

left: 290px;

top: -180px;

float: right;

}



#Immosearch {

margin: 0 0 10px 0;

padding: 0 5px 0 5px;

border: #000000 0px solid;

background: #95acd2; /*#FDD284;*/

}



#fyear, #fbuiltarea, #fworkarea, #frental, #fzone, #flocation-vente, #fsellcost  {

width: 45%;

clear: left;

float: left;

margin-bottom: 3px;

}



#farea, #fofficearea, #fa75 {

width: 45%;

clear: right;

float: right;

margin-bottom: 3px;

position: relative;

top: -40px;

}



#Immosearch input, #Immosearch select {

margin-left: 5px;

height: 12px;

font-size: 11px;

}



#Immosearch select {

width: 90%;

height: 18px;

}



.form-immo-submit {

margin: 10px 0 0 0 !important;

padding: 10px 0 0 0 !important;

clear: both;

}


/* Bouton Chercher rubrique immo*/
.form-immo-submit input {

margin: 0 !important;

padding: 0 0 4px 0;

height: 18px !important;

background: #2c5aa6; /*#6BB42F; bleu foncé*/

border: 1px solid black;

width: 30%;

font-size: 11px;

color: #FFFFFF;

font-weight: bold;



}





.clear-right {

clear: right;

}





/* -------------------------------------

colonne droite

-------------------------------------

*/



div#colonne-droite a {

text-decoration: none;

}



#conteneur-nl p.latest-p {

margin: 0 0 5px 0 !important;

padding: 0 5px !important;

}



.lastest-link, .actus-link {

margin-bottom: 10px;

text-align: center;

font-size: 11px;

}

.lastest-link a, .actus-link a {

text-decoration: underline !important;

}



.lastest-link a:hover, .actus-link a:hover {

color: red !important;

}





/* alerte immo */





#tx-srfeuserregister-pi1-fe_users_form {

border: 2px solid #cdb5cd; /*#D795D8; violet clair*/

background: #cdb5cd; /*#D795D8;*/

}




/* Bouton Nouveau compte rubrique immo */
#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-submit {

border: 1px solid #000;

background: #9b6b9b; /*#6CB331; violet foncé*/

text-align: center !important;

margin-bottom: 5px;

padding: 1px;

cursor: pointer;

}



#tx-srfeuserregister-pi1-fe_users_form label {



}



#tx-srfeuserregister-pi1-fe_users_form .tx-srfeuserregister-pi1-submit:hover {

color: #FFF;

}



.tx-srfeuserregister-pi1{

padding: 5px;

background: #cdb5cd; /*#D795D8;*/

}


/* Bandeau Votre entreprise dans ce local : contactez Lozère Développement  rubrique liste annonces*/
#contact-midel {

	padding: 4px;

	margin: 2px 0px;

	font-size: 12px;

	color: white;

	font-weight: bold;

	background: #95acd2; /*#6CB331; bleu 50% rubrique Lozère Développement*/

	text-align: center;

}



#contact-midel a {

	color: white;

}

#contact-midel a:hover {

	color:#2c5aa6; 

}



span.news-date {

	display: none;

}



p.important {width:95%;margin:auto;background:#ffeeee;border: thin solid #ff1100;color: #ff1100;padding: 1em;text-align: center;margin-bottom:2em;}