/*
 * Feuille de style vitrine netaffiliation v3
 *
 * Styles affect�es aux modules du panneau droit.
 *
 */

/***************************/
/******* BOITE MODAL *******/
/***************************/

/* Compatibilit� position fixed ie6 */
/*html, body { height: 100%;	overflow: auto; }*/

#modalOverlay {
	position: fixed;
	_position: absolute;
	left: 0pt;
	top: 0pt;
	width: 100%;
	height: 100%;
	z-index: 75;

	/* Opacite */
	opacity:0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
}

.modalOverlay_defaut {
	cursor: not-allowed;
	background-color: #000000;
}

#modalImgLoader { position:absolute; }

		#modalContenu {
			position: absolute;
			z-index: 80;
			/*position:fixed;*/
		}

		.modalContenu_defaut {
			/*width:400px;
			height:400px;*/
			/*background-color:#fff;*/
			position:relative;
		}

		#bModalClose {
			position:absolute;
			z-index:85;
			cursor:pointer;
		}

		#modalContenu #bModalHG,
		#modalContenu #bModalHD,
		#modalContenu #bModalBG,
		#modalContenu #bModalBD {
			position:absolute;
			height:28px;
			width:29px;
			background-repeat:no-repeat;
		}

		#modalContenu #bModalMG,
		#modalContenu #bModalMD {
			position:absolute;
			width:29px;
		}

		#modalContenu #bModalHG { background-image: url(../images/modal-hg.png); top:0; left:0; }
		#modalContenu #bModalHM { background:url(../images/modal-hm.png) repeat-x; position:absolute; top:0; left:29px; height:28px; }
		#modalContenu #bModalHD { background-image:url(../images/modal-hd.png); top:0; right:0; }

		#modalContenu #bModalMG { background:url(../images/modal-mg.png) repeat-y; left:0; top:28px;}
		#modalContenu #modalContenuCharge { background-color:#f4f4f4; position:relative; overflow:auto; top:28px; }
		#modalContenu #bModalMD { background:url(../images/modal-md.png) repeat-y; right:0; top:28px; }

		#modalContenu #bModalBG { background-image: url(../images/modal-bg.png); bottom:0; left:0; }
		#modalContenu #bModalBM { background:url(../images/modal-bm.png) repeat-x; position:absolute; bottom:0; left:29px; height:28px; }
		#modalContenu #bModalBD { background-image: url(../images/modal-bd.png); bottom:0; right:0; }

.overlay_warning {
	background-color:red;
}



/***************************/
/******** ACTU MINI ********/
/***************************/

#actu-mini { margin:15px 15px; }

#actu-mini p#actu-date {
	line-height:25px;
	font-size:12px;
	font-weight:bold;
	color:#95b304;
	border-bottom:1px dashed #95b304;
}

#actu-mini p#actu-date span { margin-left:16px; }

#actu-mini p#actu-text { margin:15px; color:#898989; }

#actu-mini p#actu-lien { margin-right:5px; text-align:right; }
#actu-mini p#actu-lien a { font-weight:bold; color:#95b304; }

/***************************/
/****** NOS CAMPAGNES ******/
/***************************/

#nos-campagnes { margin:15px 15px; }

#nos-campagnes h1#camp-titre { text-align:center; }

#nos-campagnes p#camp-logos { margin:15px 0; text-align:center; }
#nos-campagnes p#camp-logos img { margin:3px; }

#nos-campagnes p#camp-lien{ margin-right:5px; text-align:right; }
#nos-campagnes p#camp-lien a { font-weight:bold; color:#95b304; }

/* Image */
#camp-logo-large {
	display:block;
	position:absolute;
	background-color:red;
	width:96px;
	height:53px;
}

/*************************/
/****** INTERVIEWS *******/
/*************************/

#mod-interview {
	z-index:1;
	position:relative;
	margin:20px auto 20px auto;
	width:190px;
	height:145px;
	background:url(../images/interview-petit.png) no-repeat transparent;
	font-size:9px;
	color:#767676;
}

#mod-interview p { padding:14px; }
#mod-interview span { text-decoration:underline; color:#767676; cursor:pointer; }
#mod-interview img#interview-logo {
	position:absolute;
	bottom:5px;
	right:20px;
}

#mod-interview-grand {
	position:absolute;
	width:760px;
	height:345px;
	background:url(../images/interview-grand.gif) no-repeat;
	font-size:10px;
	color:#767676;
	display:none;
	z-index:90;
}

#mod-interview-reduit {
	position:absolute;
	width:407px;
	height:345px;
	background:url(../images/interview-demi.png) no-repeat;
	font-size:10px;
	color:#767676;
	display:none;
	z-index:90;
}

#mod-interview-close {
	position:absolute;
	top:9px;
	right:12px;
	cursor:pointer;
}

#mod-interview-contenu {
	margin:35px 50px;
}

#mod-interview-col1 { float:left; width:305px; }
#mod-interview-col2 { float:left; width:305px; }

/**************************/
/******* nMultInput *******/
/**************************/

/*
.nMultInputbox {
	z-index:1;
	position:absolute;
	width:860px;
	height:240px;
	border:2px solid #D3E3EA;
}
*/
/*
		.multi-checkbox-content ul {
			list-style-type:none;
			float:left;
			width:175px;
			margin:0px 20px;
		}

		.multi-checkbox-content li {
			margin:8px 0;
		}

		.multi-checkbox-content input {
			margin-right:5px;
			vertical-align:text-bottom;
		}
*/

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

.nMultInput { position:absolute; z-index:65; }

.nMultInputHaut, .nMultInputBas { position:relative; height:9px; }
.nMultInputMilieu { position:relative; }

.nMultInputHG, .nMultInputHD, .nMultInputBG, .nMultInputBD { position:absolute;	height:9px; width:8px; }
.nMultInputHG { background-image:url(../images/nMultInput-sprites.jpg); top:0; left:0; }
.nMultInputHD { background:url(../images/nMultInput-sprites.jpg) -10px 0px; top:0; right:0; }
.nMultInputBG { background:url(../images/nMultInput-sprites.jpg) -20px 0px; top:0; left:0; }
.nMultInputBD { background:url(../images/nMultInput-sprites.jpg) -30px 0px; top:0; right:0; }

.nMultInputHM, .nMultInputBM { position:absolute; height:9px; }
.nMultInputHM { background:url(../images/nMultInput-hm.jpg) repeat-x; top:0; left:8px; }
.nMultInputBM { background:url(../images/nMultInput-bm.jpg) repeat-x; top:0; left:8px; }

.nMultInputMG, .nMultInputMM, .nMultInputMD { position:absolute; }

.nMultInputMG { background:url(../images/nMultInput-mg.jpg) repeat-y;	top:0; left:0; width:8px; }
.nMultInputMM {	background-color:#f4f4f4; top:0; left:8px; }
.nMultInputMD { background:url(../images/nMultInput-md.jpg) repeat-y; top:0; right:0;	width:8px; }

.nMultInputMilieu {
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	color:#999;
	line-height:12px;
}

.nMultInputHead {
	height:24px;
	margin:10px 0px 14px 18px;
}
.nMultInputHead p { float:left; }

p.nMultInputBouton {
	background:url(../images/nMultInput-sprites.jpg) -40px 0;
	margin-top:3px;
	height:18px;
	width:80px;
	text-align:center;
	cursor:pointer;
	line-height:16px;
	margin-right:15px;
}
p.nMultInputInfos { margin:0 5px; }

.nMultInputListes {
	margin:12px 0px 0px 20px;
	font-size:11px;
	color:#666;
	line-height:18px;
}

/*.nMultInputListes * { margin:0; padding:0; width:inherit; height:inherit; } */

.nMultInputListes ul {
	float:left;
	margin-right:45px;
	list-style-type:none;
}

.nMultInputListes ul li label { width:inherit; margin:0px; height:18px; vertical-align:bottom; }
.nMultInputListes ul li input { width:13px; height:13px; }

.nMultInputSubmit {
	position:absolute;
	bottom:8px;
	right:22px;
}

.nMultInputSubmit input {
	height:25px;
	width:150px;
	padding-bottom:5px;
	background:url(../images/nMultInput-sprites.jpg) -130px 0;
	font-family:arial;
	line-height:25px;
	text-align:center;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	border:0;
}


/**************************/
/******* Calendrier *******/
/**************************/

#cal-table {
	margin:0 auto;
	border-top:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	text-align:center;
	font-size:10px;
}

#cal-table tr { height:22px; }

#cal-table th {
	border-bottom:1px solid #dcdcdc;
	font-size:14px;
	font-weight:normal;
	color:#666;
}

#cal-table td {
	border-bottom:1px solid #dcdcdc;
	width:32px;
}

#cal-table a {
	text-decoration:none;
	color:#666;
	display:block;
	height:22px;
	line-height:22px;
}

#cal-table td.actu { background-color:#b9c847; }
#cal-table td.news { background-color:#e61681; }
#cal-table td.actunews { background:url(../images/module-calendrier-background-actunews.gif) no-repeat; }
#cal-table td a { color:#fff; font-weight:bold; }

#calendrier p { text-align:center; font-size:10px; }
#calendrier p span { margin:0 3px; font-weight:bold; }
#calendrier p span.actu { color:#b9c847; }
#calendrier p span.news { color:#e61681; }


/*
#fiche-id_calendrier {
	height:185px;
	width:200px;
}



.fiche-id_tableau_menu_mois {
	font-size:18px;
}

#fiche-id_calendrier td {
	border-left:medium none;
	border-right:medium none;
	line-height:22px;
	text-align:center;
	vertical-align:top;
}

#fiche-id_tableau-date td {
	border-top:1px solid #DCDCDC;
}

#fiche-id_calendrier a {
	color:#646464;
	text-decoration:none;
}

.fiche-id_calendrier-ferie {
	background-color:#DCDCDC;
}

.fiche-id_calendrier-absence {
	background-color:#B9C846;
	color:#FFFFFF;
}

.fiche-id_calendrier-conge {
	background-color:#E61681;
	color:#FFFFFF;
}

*/

/***************************/
/******* jScrollPane *******/
/***************************/

.jScrollPaneContainer {
	overflow:hidden;
	position:relative;
	z-index:1;
}

.jScrollPaneTrack {
	background:transparent url(../images/scrollbar-jscrollpane.gif) repeat-y scroll 3px 0;
	cursor:pointer;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	width:1px;
}

.jScrollPaneDrag {
	background:#FD6B00 none repeat scroll 0 0;
	cursor:pointer;
	left:1px;
	overflow:hidden;
	position:absolute;
	width:5px;
}

.jScrollPaneDragTop {
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
}

.jScrollPaneDragBottom {
	bottom:0;
	left:0;
	overflow:hidden;
	position:absolute;
}

a.jScrollArrowUp {
	display:block;
	height:10px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-2000px;
	top:0;
	z-index:1;
}

a.jScrollArrowUp:hover {}

a.jScrollArrowDown {
	bottom:0;
	display:block;
	height:9px;
	overflow:hidden;
	position:absolute;
	right:0;
	text-indent:-2000px;
	z-index:1;
}

a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}


/******************************/
/******* FORM DEROULANT *******/
/******************************/

div.deroulant {	position:absolute; }

div.deroulFermer {
	position:absolute;
	top:10px; right:12px;
	background:url(../images/form-deroulant-fermer.jpg) no-repeat;
	width:17px; height:17px;
	cursor:pointer;
	z-index:61;
}

.deroulMM { z-index:60; }

.deroulHG, .deroulHM, .deroulHD, .deroulMG, .deroulMM, .deroulMD, .deroulBG, .deroulBM, .deroulBD { position:absolute; }
.deroulHG, .deroulHM, .deroulHD { top:0px; }

div.deroulHG { left:0px; background:url(../images/form-deroulant-hg.gif) no-repeat; width:8px; height:9px;}
div.deroulHM { left:8px; background:url(../images/form-deroulant-hm.gif) repeat-x; width:315px; height:9px; }
div.deroulHD { right:0px; background:url(../images/form-deroulant-hd.gif) no-repeat; width:8px; height:9px;}

.deroulMG, .deroulMM, .deroulMD { top:9px; }
div.deroulMG { left:0px; background:url(../images/form-deroulant-mg.gif) repeat-y; width:8px; height:279px; }
div.deroulMM { left:8px; width:315px; height:279px; background-color:#f9f8f8;}
div.deroulMD { right:0px; background:url(../images/form-deroulant-md.gif) repeat-y; width:8px; height:279px; }

div.deroulBG { bottom:0px; left:0px; background:url(../images/form-deroulant-bg.gif) no-repeat; width:8px; height:9px; }
div.deroulBM { bottom:0px; left:8px; background:url(../images/form-deroulant-bm.gif) repeat-x; width:315px; height:9px; }
div.deroulBD { bottom:0px; right:0px; background:url(../images/form-deroulant-bd.gif) no-repeat; width:8px; height:9px; }