/* ===========================>> Cleanup! Don't touch (too much) ! <<=========================== */
html, body, form, fieldset { margin: 0; padding: 0; }
img, a img { border:none; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }

/* ===========================>> Basics <<=========================== */
a:link, a:visited { color: #04983a; text-decoration: underline; font-weight:bold}
a:hover, a:active, a:focus { text-decoration: none;  }
a:active { outline: none; } 

h1 { font-family: Impact;font-size:18px;color:#002A67;line-height: 0px; margin:0px 0px 0px 0px;	padding:7px 0px 0px 0px;font-weight: normal;}
h2 { font-size: 1.4em; margin: 0.5em 0; text-align: right; font-weight: bold; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; }
h3 { 
margin:0px 0px 0px 0px; 
padding:0px 0px 20px 0px;
font-family: Arial;font-size:14px;color:#002A67;
}

h5 { 
margin:0px 0px 0px 0px; 
padding:10px 0px 5px 0px;
font-family: Arial;font-size:12px;color:#002A67;
}

p  { 
text-align:justify ;
margin: 0 0 0.9em 0;  
font-family: Arial;
font-size: 11px;
color:#000000;

}

p.news  { 
text-align:justify ;
margin:0px 0px 0px 0px; 
padding:0px 0px 0px 0px;
font-family: Arial;
font-size: 11px;
color:#002A67;
line-height: 13px;
}

img.left, img.right
{
	padding: 1px;
	background-color: #FFF;
	border: 1px solid #c3c3c3;
}
img.right
{
	margin: 5px 0px 5px 15px;
	float: right
}

img.left
{
	margin: 5px 15px 5px 0px;
	float: left
}
/* ===========================>> Basics <<=========================== */

html {

height:auto;
background:url(/melisey/images/bg_degrade.gif) repeat-x bottom #029336;
}

body {
	font-family: Arial;
	font-size: 11px;
	color : #000000;
	padding: 0px;
	margin: 0px;
	line-height: 1.4em;
	height:auto;
	color: #333;
	margin: 0px 0px 50px 0px; 

}

/* ===========================>> Layout <<=========================== */

#container { 
margin:10px auto 0px auto;
padding:0px 0px 0px 0px;
width: 869px;
height:auto;
}

/*--------------------------------------------------*/
	/* =header ================================ */
	#header { 
	position:relative;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width: 869px;
	height:188px;
	background:url(/melisey/images/bg_header.jpg) no-repeat right bottom #029336;
	}

			/* = lien divers ================================ */
			#lien_accueil {position:absolute;z-index:9;top:10px;left:95px;width:175px;height:110px;}
				#lien_accueil  a{width:175px;height:110px;display: block;text-decoration: none;background:url(/melisey/images/spacer.gif) repeat;}
				#lien_accueil  a:hover {display: block;}

		  /* = menu ======================================= */
			#menu  ul, li,a {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;list-style-type: none;font-weight:normal}
			#menu {position:absolute;z-index:50;	top:145px;left:13px;width:739px;height:39px;background-color: transparent;}
					
				#menu ul li.separateur{height:39px;	margin:1px 0px 0px 0px;width:3px;position: relative;float: left;background:url(/melisey/images/menu_separateur.png) repeat-x;}
				#menu ul li.lien{position: relative;float: left;padding:0px;height:39px;}
				#menu ul li.lien:hover{}
												
					#menu ul li a{ font-family:impact;letter-spacing:0px;font-size:15px;color: #FFFFFF;display: block;text-decoration: none;padding:10px 7px 15px 7px;	border:0px solid #cccccc;background:url(/melisey/images/bg_menu_repeat_trans.png) repeat-x;font-weight:normal}
					#menu ul li a:hover, #menu ul li a.active {background:url(/melisey/images/bg_menu_repeat_trans.png) repeat-x;background-position: 0 -39px;}
					
/*--------------------------------------------------*/
	/* = corp ================================ */
	#corp {
	background:url(/melisey/images/bg_content_middle.gif) repeat-y top transparent;
	width: 869px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;

	}

		/* = corp2 ================================ */
		#corp2 {
		position: relative;
		width: 869px;
		background:url(/melisey/images/bg_content_bas.gif) no-repeat bottom transparent;
		margin:0px 0px 0px 0px;
		padding:0px 0px 20px 0px;

		}


				/* =Page ================================ */
				
				#page  {
				position : relative;
				width: 869px;
				margin:0px 0px 0px 0px;
				padding:0px 0px 0px 0px;

				min-height:435px;
				height:auto !important;
				height:435px; 

				}


								/* =corp_gauche ================================ */
								#corp_gauche {
									min-height:435px;
									height:auto !important;
									height:435px; 

									position: absolute;
									z-index:20;
									top:0px;
									left:10px;
									width: 214px;
									text-align:left;
									margin: 0px;
									padding: 0px;
									color:#000000;
									background:url(/melisey/images/bg_degrad_menu_gauche.gif) repeat-x top right #FFFFFF;
								}

								#contenu_page_gauche{
								position: absolute;
								top: 70px;
								font-family: Arial;
								font-size: 11px;
								color:#002A67;
								margin:0px 0px 0px 0px; 
								padding:0px 10px 0px 10px;
								}

								#plus{
								margin:0px 0px 0px 0px; 
								padding:10px 0px 0px 0px;
								text-align: right;
								}
									#plus a{color: #04983a; font-family: Arial;font-size: 11px;text-decoration: underline; font-weight:bold;text-decoration: none;background:url(/melisey/images/fleche_droite_verte.gif) no-repeat left ;margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;}
									#plus a:hover {}

								#img_news{
								margin:0px 0px 0px 0px; 
								padding:10px 0px 0px 0px;
								text-align: center;
								}

								/* =corp_droite ================================ */
								#corp_droite{
									min-height:435px;
									height:auto !important;
									height:435px;

									position: relative;
									width: 564px;
									margin:0px 0px 0px 5px; 
									padding:70px 1px 15px 260px; 
									background-color: #FFFFFF;
								}


								/* =footer ================================ */
								#footer {
									position:relative;
									width: 849px;
									height:22px;
									margin:0px 10px 0px 10px; 
									padding:5px 0px 0px 0px; 
									background-color: #ff0000;
									background:url(/melisey/images/bg_footer.gif) no-repeat center #FFFFFF;
									text-align:center;
									font-family: Arial;
									font-size: 11px;
									font-weight:bold;
									color:#ffffff;
									bottom: 0;
								}
					
						#footer a{
						font-family: Arial;
						font-size: 11px;
						font-weight:bold;
						color:#ffffff;
						text-decoration: none;
						margin: 0px 0px 0px 0px;
						padding: 0px 0px 0px 0px;
						}
						#footer a:hover {background:url(/melisey/images/bg_menu_repeat_trans.png) repeat-x;background-position: 0 -39px;}
					


/*--------------------------------------------------*/
/* TITRE */
/*--------------------------------------------------*/

	/* =TITRE NEWS ================================ */
	#Titre_news { 
	position: absolute;
	top: 20px;
	left:10px;
	text-align: right;
	margin:0px 0px 0px 0px;
	padding:5px 5px 0px 0px;
	width: 205px;
	height:28px;
	font-family: Impact;
	font-size:18px;
	color:#002A67;
	background:url(/melisey/images/bg_title_news.gif) no-repeat ;
	}

	/* =TITRE PAGE ================================ */
	#Titre_page { 
	position:absolute;
	z-index:5;
	top:-30px;
	right:-1%;
	left:0px;
	text-align: right;
	margin:50px 0px 0px 258px;
	padding:5px 10px 0px 0px;
	width: 591px;
	height:23px;
	font-family: Impact;
	font-size:18px;
	color:#002A67;
	background:url(/melisey/images/bg_titre_bord_left.gif) no-repeat left #e6e6e6;
	}

  /* =FORMULAIRE DEVIS ========================== */
  div.devis_box fieldset { 
    padding-bottom: 16px;
  }

  div.devis_box fieldset legend { 
    font-size: 1.4em;
    margin: 0.5em 0;
    font-weight: bold;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    color: #000000;
  }

  #post_observation { width: 440px; height: 76px }

  div.devis_box input.button {
    width: 91px;
    height: 21px;
    background: #FFFFFF url(/melisey/images/bg_button.gif) no-repeat top left;
    border: 0;
    color: #FFFFFF;
    font-weight: bold;
    cursor: pointer;
  }

  div.devis_box input { border: 1px solid #7F9DB9; padding: 0 2px 0 2px; background-color: #E6E6E6 }
  div.devis_box input.constraint { border: 1px solid #FF6666; background-color: #F6E6E6 }

  div.devis_box #constraint_message { color: #CC0000; margin-bottom: 12px }
  div.devis_box #constraint_message ul { padding: 0; margin: 0; padding-left: 16px; margin-bottom: 16px }
  div.devis_box #constraint_message ul li { list-style: disc }