body {padding:0; margin:0; height:100%; width:100%;}

/*---------- Overlay ----------*/
	#etre-rappeler-overlay {background-color:#999999; cursor:wait;}

/*--------- Container ---------*/
	#etre-rappeler-container {width:450px; font-family:'Trebuchet MS', Verdana, Arial; font-size:11px; text-align:left;}

	#etre-rappeler-container .etre-rappeler-content {width:450px;height:auto; background:url(../images/dialog-modal/form_centre.gif) top left repeat-y;
									   				 color:#333333; height:40px;}
									   
	#etre-rappeler-container h1 {color:#FF0000;margin:0; padding:0 0 6px 12px;font-size:16px;text-align:left;font:bold 14px Arial, Helvetica, sans-serif;
						  		 color:#FF9900;}
						  
	#etre-rappeler-container .etre-rappeler-loading {position:absolute; background:url(../images/dialog-modal/ajax-loader.gif) no-repeat;z-index:8000;
												     height:55px;width:54px;margin:-14px 0 0 170px;padding:0;}
									   
	#etre-rappeler-container .etre-rappeler-message .{text-align:center;}
	
	#etre-rappeler-container .dialog-error {width:92%; font-size:.8em;background:#999999;border:2px solid #ccc; font-size:0.8em;font-weight:bold;
										    margin:0 auto;padding:2px;}
	
	#etre-rappeler-container br {clear:both;}

	#etre-rappeler-container .etre-rappeler-top {height:13px; background:url(../images/dialog-modal/form_top.gif) no-repeat; padding:0; margin:0;}
	#etre-rappeler-container .etre-rappeler-bottom {height:13px; background:url(../images/dialog-modal/form_bottom.gif) no-repeat;font-size:.8em; 
													text-align:center;}
	#etre-rappeler-container .etre-rappeler-bottom a,
	#etre-rappeler-container .etre-rappeler-bottom a:link,
	#etre-rappeler-container .etre-rappeler-bottom a:active,
	#etre-rappeler-container .etre-rappeler-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#FF9900;}
	#etre-rappeler-container .etre-rappeler-bottom a:hover {color:#FF6600;}
	
	#etre-rappeler-container .etre-rappeler-button {cursor:pointer; height:22px; border:0; font-size:1em; font-weight:bold; color:#000;
												    text-align:left;width:54px;position:relative;}
	
	#etre-rappeler-container .etre-rappeler-valider {width:55px;height:25px;background:url(../images/dialog-modal/details.gif) no-repeat;line-height:22px;
													 font-family:Arial, Helvetica, sans-serif; font-size:12px;
													 color:#006699; font-weight:bold;}
	
	#etre-rappeler-container a.modalCloseX,
	#etre-rappeler-container a.modalCloseX:link,
	#etre-rappeler-container a.modalCloseX:active,
	#etre-rappeler-container a.modalCloseX:visited {text-decoration:none;font-weight:bold;font-size:20px;position:absolute; top:-4px;right:4px;color:#FF9900;}
	#etre-rappeler-container a.modalCloseX:hover {color:#FF6600;}
	
	#etre-rappeler-container .pop-up-contenu {margin-left:8px;margin-top:5px;width:430px;height:auto;text-align:left;}
	
			  
	.texte-pub {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;line-height:normal; color:#006699;margin-left:15px;
				margin-bottom:-10px;}
			  
	.texte-pub span {font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;
				  line-height:normal; color:#FF9900; }
				  
	Form.pop-up .btn_radio {width:auto;height:60px;margin:auto;}
		  
	Form.pop-up .btn_radio label {font:bold 12px Arial, Helvetica, sans-serif;color:#006699;
								  position:relative;left:17px;top:30px; }
	
	Form.pop-up .btn_radio p {margin-left:105px;}
	
	Form.pop-up .btn_radio span { position:relative;left:422px;top:-30px; color:red; font-family:Arial, Helvetica, sans-serif;
								  font-size:20px;}
						
	.btn_radio input.diag { width:60px;display:inline-block;position:relative;left:30px;top:3px; margin-right:5px;}
							  
	.pop-up-contenu {width:550px;height:auto;text-align:left;}
	
	.pop-up-contenu { margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
					  font-weight:bold; color:#006699;} 
							
	Form.pop-up .inbox label {  clear:both;
								display:block;
								font:12px  normal Arial, Helvetica, sans-serif #006699;
								margin-left:-238px;}
								
	label.date {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#006699;
				margin-left:42px;}
			
	label input.jour {height:12px; border:1px solid #006699; font:10px normal Arial, Helvetica, sans-serif; color:#006699;}
								
	Form.pop-up .inbox span { float:right;margin-left:0px;margin-top:-25px; color:red; font-family:Arial, Helvetica, sans-serif;
							  font-size:20px;}
	
	#cocher1 input, #cocher2 input { margin-left:16px; margin-top:0px; margin-bottom:0px; color:#009933;}/*ity display inline block*/
	
	#cocher1 span { margin-left:45px; font-size:10px; font-style:italic;}
	
	#cocher2 span { margin-left:45px; font-size:10px; font-style:italic;}
	
	#cocher2 label.date span {position:relative;right:47px; bottom:-10px; color:red; font-family:Arial, Helvetica, sans-serif;
							  font-size:20px;}/*ity display block*/
	
	#cocher2 label select#temps { font-family:Arial, Helvetica, sans-serif; font-size:10px;
								color:#009933; margin-left:-30px; border:1px solid #006699;}
	
	#cocher2 label.date img { position:relative;left:5px;top:-6px;}/*ity dispaly inline block*/
	
	Form.pop-up span.oblig { float:right;}

	.btn { width:100px; height:20px; position:relative;left:200px; top:10px; text-decoration:none;}
	
	Form.pop-up .inbox input {width:250px;
							 height:14px; 	 
							 position:relative;
							 left:390px; 
							 background:#79BCFF; 
							 font-family:Arial, Helvetica, sans-serif;
							 font-size:12px; 
							 font-weight:normal;
							 margin-bottom:5px;
							 color:#4D4D4D;
							 border:1px solid #006699;}
						 
	#cocher1 label input.true {position:relative;top:3px;}						 
	#cocher2 label input.true {position:relative;top:3px;}
						 
/*--------- CSS Document pour templete2 ----------*/

	.pop-up2 {width:500px; height:auto;position:relative;margin:auto;
			  border:0px solid #0000CC;}
			  
	.pop-up2-contenu {width:auto; height:auto; margin-left:20px;}
	
	.pop-up2-contenu span { font-family:Arial, Helvetica, sans-serif;
							font-style:italic;
							font-size:12px;
							font-weight:normal;
							line-height:normal;
							color:#006699;
							margin-left:80px;
							margin-bottom:20px;}
	
	.intro1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal;
				  line-height:normal; color:#006699; 
				  margin-left:15px; margin:20px; }
				  
	.sigma { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;
				  line-height:normal; color:#006699; 
				  margin-left:14px; margin-left:-3px;}			 
				  
	.btn { margin-top:10px;}
	
	#satroka {border:none;text-decoration:none;}
	
	.btn #satroka a span {font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#006699; font-weight:normal;
						  text-decoration:none!important;border:none!important;position:relative;right:44px;top:-7px;}
						  
	.btn #satroka a { text-decoration:none;}

	.intro1 span { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;
				  line-height:normal; font-style:normal;color:#009900;
				   position:relative; left:2px; top:0px;}
	
	.pop-up2 i { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
					font-style:italic; position:relative; left:80px; top:50px;}

			 
/*-------------- CSS Document pour templete3 --------------*/
	.pop-up3 {width:500px; height:auto;position:relative;margin:auto;
			  border:0px solid #0000CC;}
			  
	.pop-up3-contenu { width:auto; height:auto; margin-left:20px;}
	
	.pop-up3-contenu span { font-family:Arial, Helvetica, sans-serif;
							font-style:italic;
							font-size:12px;
							font-weight:normal;
							line-height:normal;
							color:#006699;
							position:relative;
							top:0px;
							left:80px;}
	
	.intro2 { width:430px; height:auto;font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:bold;
				  line-height:normal; color:#006699; 
				  margin-left:14px; margin-left:-2px; margin-top:20px; margin-bottom:20px;}
	
	.intro2 span { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;
				  line-height:normal; font-style:normal;color:#009900;
				   position:relative; left:2px; top:0px;}
			   
	.pop-up3 i { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;
				  position:relative; left:80px; top:50px;}
	
	
	a.dp-choose-date {
		position:relative;
		float: left;
		width: 16px;
		height: 16px;
		padding: 0;
		margin: -17px 177px 0;
		display: none;
		text-indent: -2000px;
		overflow: hidden;
		background: url(../images/calendar.gif) no-repeat;}
		
	a.dp-choose-date.dp-disabled {
		background-position: 0 -20px;
		cursor: default;}
	
/* makes the input field shorter once the date picker code has run (to allow space for the calendar icon */
	input.dp-applied {height:12px;border:1px solid #006699;font:10px normal Arial, Helvetica, sans-serif;color:#006699;}