/* ------------------------------------------------------------------ */
/* -                     MODELE MISE EN PAGE 1                        */
/* ------------------------------------------------------------------ */

#page_left{
	float: left; 
	position:relative;
	width:216px;
	margin-right:30px;
	padding-left:20px;
	padding-right:15px;
} 
			 
#page_right{
 position:relative;
 float: left; 
 width:594px;
} 

	#page_right .column_left{
	 float:left;
	 width:415px;
	}

	#page_right .column_right{
	 float:right;
	 width:160px;
	}


/* ---------------------------- HOME PAGE ---------------------------- */

#welcome {
 width:350px;
 height:95px;
 background: url('images/bg_welcome.jpg') 0 0 no-repeat;
 font-size:11px;
 line-height:14px;
 padding:30px
}

#welcome A {
 font-weight:bold;
}

#logolink1{
  background: url('images/logo_display.jpg') 0 0 no-repeat;
  display:block;
  width:155px;
  height:48px;
}

	#logolink1:hover{
	  background: url('images/logo_display_o.jpg') 0 0 no-repeat;
	  display:block;
	  width:155px;
	  height:48px;
	}

#logolink2{
  background: url('images/logo_print.jpg') 0 0 no-repeat;
  display:block;
  width:155px;
  height:48px;
}

	#logolink2:hover{
	  background: url('images/logo_print_o.jpg') 0 0 no-repeat;
	  display:block;
	  width:155px;
	  height:48px;
	}

#logolink3{
  background: url('images/logo_neon.jpg') 0 0 no-repeat;
  display:block;
  width:155px;
  height:48px;
}

	#logolink3:hover{
	  background: url('images/logo_neon_o.jpg') 0 0 no-repeat;
	  display:block;
	  width:155px;
	  height:48px;
	}

 #logolink4 {
  background: url('images/logo_signs-facades.jpg') center 0 no-repeat;
  display:block;
  margin: 12px 0 10px 0;
  width:155px;
  height:23px;	
}

	 #logolink4:hover { background-position: center bottom; }
	 
#awex{
  background: url('images/awex.jpg') 0 0 no-repeat;
  display:block;
  width:50px;
  height:50px;
}

	#awex:hover{
	  background: url('images/awex_o.jpg') 0 0 no-repeat;
	  display:block;
	  width:50px;
	  height:50px;
	}

#vca{
background: url('images/vca.jpg') 0 0 no-repeat;
display:none;
width:92px;
height:45px;
margin-left: 10px;
margin-top: 3px;
}

#vca:hover{
  background: url('images/vca_hover.jpg') 0 0 no-repeat;
  display:none;
  width:92px;
  height:45px;
}

.postit {
 width:125px;
 height:180px;
 border:0px green solid;	
 font-size:7pt;
 float:left;
 margin-right:23px;
 text-align:center;
}

.postit:hover{
text-decoration:none;
}

.mini_produit{
  border-top:1px solid #CDCDCD;
  border-left:1px solid #CDCDCD;
  border-right:1px solid #CDCDCD;
  border-bottom:1px solid #CDCDCD;
  padding:5px;
  width:153px;
  font-size:9px;
  color:#498CDD;
 } 
 
 .mini_produit ul{
 } 

 .mini_produit li{
  margin-bottom:10px;
 } 


/* ---------------------------- PRODUITS -------------------------------- */

.mini_produit B{
  color:#498CDD;
  }
 
.mini_produit A{
  color:#444444;
  font-size:9px;

}

.mini_produit A:hover{
  color:#498CDD;
}


.prod_image{
  border:1px solid #BCBCBC;
  margin-bottom:-2px;
  padding:4px;
  margin-right:8px;
}

/*.btn_devis{
  display:block;
  width:165px;
  height:67px;
  background:url('images/btn_devis.gif') 0 0 no-repeat;
}

.btn_devis:hover{
  background-position:0px -67px;
}

.invisible 
{
 cursor:inherit;
 color:#444444;
 font-weight:normal;
 text-decoration:none;
}

.invisible:hover
{
 cursor:inherit;
 color:#444444;
 font-weight:normal;
 text-decoration:none;
}*/

/* ---------------------------- DEVIS -------------------------------- */

#DevisEnLigne{

}

	#DevisEnLigne .pnlMsg{
	 background-color:#F7AD8C;
	 color:#FF4E00;
	 border: 1px solid #FF4E00;
	}

	#DevisEnLigne .label{
	 float:left;
	 width:120px;
	 margin-bottom:5px;
	}

	#DevisEnLigne .input{	
     margin-bottom:5px;
	 width:250px;
	 float:left;
	}

	#DevisEnLigne .asterisque{
	 display:block;
	 color:#444444;
	 font-size:20px;
	 float:left;
	 position:relative;
	 top:-5px;
	 margin-left:5px;
	 font-weight:bold;
	 margin-bottom:-20px;
	}

	#DevisEnLigne .alert{
	float:left;
	display:block;
	margin-bottom:-30px;
	width:171px;
	position:relative;
	top:-30px;
	background:url('images/bulle.gif') 0 0 no-repeat;
	padding-left:30px;
	padding-top:7px;
	height:33px;
	font-size:9px;
	text-align:left;
	color:#498CDD;
	}

/* ************************************* INFO PRATIQUES **************************** */


/*#infosPratiques{
 display:block;
 width:218px;
 height:67px;
 background:url('images/btn_infospratiques.gif') 0 0 no-repeat;

}

#infosPratiques:hover{
 background-position:0px -67px;

}*/