/*****
* Feuille : popup.css
* Auteur : Simon Dupuis Howard
* Date Création : 28/10/08 | Date mis-à-jour : 28/10/08 
*/
#popup {
	position:fixed;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	z-index:1000;
}
#popup.invisible {
	display:none;
}
#popup.visible {
	display:;
}

#popup #popup_layer {
	background-color:black;
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
}

#popup #popup_window {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	border:3px solid #ab4c20;
	background-image:url(../../design/images/popup/fond_bois_popup.jpg);
	background-position:center;
	top:100px;
}

#popup #popup_window .coin {
	position:absolute;
	background-position:center;
	background-repeat:no-repeat;
	height:34px;
	width:34px;
}

#popup #popup_window #popup_chg {
	top:125px;
	left:74px;
	background-image:url(../../design/images/popup/coin_h_g.png);
}
#popup #popup_window #popup_chd {
	top:125px;
	right:74px;
	background-image:url(../../design/images/popup/coin_h_d.png);
}
#popup #popup_window #popup_cbg {
	left:74px;
	bottom:74px;
	background-image:url(../../design/images/popup/coin_b_g.png);
}
#popup #popup_window #popup_cbd {
	right:74px;
	bottom:74px;
	background-image:url(../../design/images/popup/coin_b_d.png);
}

#popup #popup_window .col {
	position:absolute;
	background-position:center;
	background-repeat:repeat-y;
	width:34px;
	top:158px;
	bottom:108px;
}
#popup #popup_window #popup_col_left {
	left:74px;
	background-image:url(../../design/images/popup/col_left.png);
}
#popup #popup_window #popup_col_right {
	right:74px;
	background-image:url(../../design/images/popup/col_right.png);
}

#popup #popup_window .row {
	position:absolute;
	background-position:center;
	background-repeat:repeat-x;
	height:34px;
	left:108px;
	right:108px;
}
#popup #popup_window #popup_row_top {
	top:124px;
	background-image:url(../../design/images/popup/row_top.png);
}
#popup #popup_window #popup_row_bottom {
	bottom:74px;
	background-image:url(../../design/images/popup/row_bottom.png);
}

#popup #popup_window #popup_content {
	position:absolute;
	overflow:auto;
	z-index:1010;
	color:#4C0203;
	padding:6px;
	background-color:#d4ac75;
	top:158px;
	left:108px;
	right:108px;
	bottom:108px;
	font-size:12px;
}

#popup #popup_window #popup_content h2 {
	font-size:18px;
}

#popup #popup_window #popup_content input, #popup #popup_window #popup_content select {
	background-color:#EDDECD;
}

#popup #popup_window #popup_content p {
	text-align:justify;
}

#popup #popup_window #popup_logo {
	background-image:url(../../design/images/popup/logo_entete.png);
	background-position:center;
	background-repeat:no-repeat;
	height:125px;
}

#popup #popup_window #popup_close {
	position:absolute;
	width:20px;
	height:20px;
	top:2px;
	right:2px;
	background-image:url(../../design/images/popup/close.png);
	background-repeat:no-repeat;
	background-position:center;
	cursor:pointer;
}
#popup #popup_window #popup_close:hover {
	background-image:url(../../design/images/popup/close_hover.png);
}