/* CSS Document */
body{
background-color:#0a5d9c;
color:#8D8D8D;
font-family:Arial;
font-size:12px;
}

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

div.all{
margin-left:auto;
margin-right:auto;
width:800px;
border:solid 1px;
border-color:#000000;
background-color:#FFFFFF;
}

div.head{
width:800px;
height:96px;
background-image:url(img/bande.png);
background-repeat:no-repeat;
margin-bottom:0px;
}

div.head2{
width:800px;
height:102px;
margin-top:0px;
background-image:url(img/bande6.png);
background-repeat:no-repeat;
margin-bottom:0px;
}

div.head3{
width:800px;
height:35px;
margin-top:0px;
background-image:url(img/barre_bl1.png);
background-repeat:no-repeat;
/*background-image:url(img/barre_test.gif);*/
}
.head3	ul li a	{ background:url(img/bg_navbar_li_right.gif) no-repeat top right; color:#5a5a5a; display:block; float:left; height:15px; font-weight:bold; padding:10px 6px 0 6px;}
.head3	ul li a:hover	{ background:url(img/bg_navbar_li_right.gif) no-repeat top right; display:block; float:left; height:15px; font-weight:bold; padding:10px 6px 0 6px;color:#006D9D; }

a.li{
text-decoration:none;
color:#8D8D8D;
}

a.li2{
text-decoration:none;
color:#006D9D;
}


div.page{
margin-top:20px;
float:left;
margin-left:10px;
background-color:#FFFFFF;
height:auto;
min-height:640px;
width:755px;
padding-left:10px;
padding-bottom:10px;
}

div.foot{
width:800px;
height:95px;
text-align:center;
font-size:11.5px;
color:#0a5d9c;
background-image:url(img/foot.gif);
background-repeat:repeat-y;
clear:both;
margin-top:0px;
padding-top:10px;
}

div.footone{
background-image:url(img/barre2_bl.png);
background-repeat:no-repeat;
width:800px;
height:25px;
margin-bottom:0px;
clear:both;
}

div.admdivno{
width:720px;
border:solid 1px;
border-color:#CCCCCC;
padding:20px;
height:60px;
-moz-border-radius:5px;
}

div.admdivyes{
width:720px;
border:solid 1px;
border-color:#CCCCCC;
padding:20px;
background-color:#EBF2FE;
height:60px;
-moz-border-radius:5px;
}
#erreur{
margin-bottom:6px;
padding-left:70px;
padding-top:15px;
width:690px;
height:55px;
color:#FF0000;
background-color:#FFEAEC;
background-image:url(img/int.gif);
background-position:left center;
background-repeat:no-repeat;
-moz-border-radius:5px;
border:solid 1px;
font-weight:bold;
font-size:14px;
border-color:#FF0000;
display:none;
}
#error{
margin-bottom:6px;
padding-left:70px;
padding-top:15px;
width:690px;
height:55px;
color:#FF0000;
background-color:#FFEAEC;
background-image:url(img/int.gif);
background-position:left center;
background-repeat:no-repeat;
-moz-border-radius:5px;
border:solid 1px;
font-weight:bold;
font-size:14px;
border-color:#FF0000;
display:none;
}
#good{
margin-bottom:6px;
padding-left:70px;
padding-top:15px;
width:690px;
height:55px;
color:#009933;
background-color:#E4FCE6;
background-image:url(img/check.gif);
background-position:left center;
background-repeat:no-repeat;
-moz-border-radius:5px;
border:solid 1px;
font-weight:bold;
font-size:14px;
border-color:#339900;
display:none;
}

.liste_formation li a{
color:#8D8D8D;
text-decoration:none;
}
.liste_formation li a:hover{
color:#006D9D;
text-decoration:none;
}

a.lien{
color:#8D8D8D;
text-decoration:none;
}

a.lien:hover{
color:#006D9D;
text-decoration:none;
}
/*bulle*/
.infos_bulle {
	z-index: 500;
	position: absolute;
	top: -999px;
	width: 200px;
	visibility: hidden;
	opacity: 0.9;
	-moz-opacity: 0.9;
	-khtml-opacity: 0.9;
	filter: alpha(opacity=90);
}
.infos_bulle_haut {
	height: 30px;
	background: url(bulle.gif) no-repeat left top;
}
.infos_bulle_bas {
	font: normal 10px Verdana, Arial;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 12px;
	background: url(bulle.gif) no-repeat left bottom;
}


.filter { margin:5px 0px;padding:15px;background:#e5efff;color:#293548;border-top:1px solid #d2d8e1;border-left:1px solid #d2d8e1;border-bottom:1px solid #bcc3cd;border-right:1px solid #bcc3cd; }
.filter #tagSelect, .filter #sortSelect { border:1px solid #293548; -moz-border-radius:5px; background-color:#FFFFFF; width:100px; margin:0px 3px; }



/**************************************************************************************************************************************************/
/*CSS DU STAGIAIRE Mr PHILIPPE Vincent */
/*CSS des bouttons de recherche*/




/*CSS du cadre qui conteint l'ensemble de div de la page session.php*/
#Page_Client
{
	top				: 0px			;
	left			: 0px			;
	margin-left		: 0px			;
	width			: 760px			;
	height			:   			;
	/*background-image: url(../images/Cadre_log_Et_Video.gif);*/
	Position        : relative		;
	/*background		: #A8DCD9		; */	

}
	
/*Css du cadre qui contient la zone de recherche ainsi que celle de l'affichage du tableau*/
#CADRE_AFFICHAGE
{
	top				: 0px		;
	left			: 40px		;
	margin-left		: 0px		;
	width			: 680px		;
	height			:   		;
	Position        : relative	;
	
}
	
	#CADRE_RECHERCHE_AVANCEE
	{
		top				: 	0px			;
		left			: 	0px			;
		margin-left		: 	0px			;
		width			: 	100%		;
		height			: 	100px  		;
		Position        : 	relative	;
		visibility 		:	visible		;
		/*background-image: url(../images/Cadre_log_Et_Video.gif);*/
	}
	
	#ENTETE_RESULT_RECH
	{
		top				:  -50px		;
		left			:  0px			;
		margin-left		:  0px			;
		width			:  100%			;
		height			:  auto			;
		Position        :  relative		;
		visibility 		:  visible		;
		/* background		:  #E0EDFF		; */
	}
	
	/*Css duTableau qui affiche les résultat de la recherche*/
	#TABLEAU_RESULT_RECH
	{
		top				: -40px			;
		left			: 0px			;
		margin-left		: 0px	 		;
		width			: 680px	   		;
		height			: 500px 		;
		position		: relative		;
		overflow 		: auto			;
 		/*background		:  #E0EDFF		;*/	
		border          : solid 1px		;
		border-color    : #8BC2F2		;
		/*opacity :0.5;
		filter : alpha(opacity=50);*/
		/*background-image: url(../images/Cadre_log_Et_Video.gif);*/
		/*background		: #A8DCD9		; */	
	}
	
#BTN_RECH_AVANCEE/* CSS  pour les  <td> du menu recherche par type( bureautique | Informatique | technique ) */
{
	top				: 0px			;
	left			: 0px			;
	margin-left		: 0px			;
	width			: 208px			;
	height			: 28px  		;
	text-align		: center		;
	visibility 		: visible		;
	background		: #8BC2F2		;
	cursor 			: pointer		;
	color			: white			;
}

#Div_Opaque
{
	top				: 192px					;
	left			: 0px					;
	margin-left		: 0px					;
	width			: 682px					;
	height			: 503px  				;
	text-align		: center				;
	vertical-align	: middle				;
	Position        : absolute				;
	Background		: black					;
	opacity 		: 0.5					;
	filter 			: alpha(opacity=50)		;
	z-index			: 1000					;
	visibility		: visible				;
}

#BTN_RA
{
	top				: 0px			;
	left			: 0px			;
	margin-left		: 0px			;
	width			: 0px			;
	height			: 28px  		;
	Position        : relative		;
	text-align		: center		;
}


#BTN_PRE_INSCR/* Boutton pour lancer le PDf */
{
	position 		: 	absolute	;
	top				: 	25px		;
	left			:	85%			;
	margin-left		: 	0px			;
	width			:	0px			;
	height			:  	0px			;
	text-align		:	center		;
	background		:  				;
}


#zone_onglet_Session
{
	top				: 0px			;
	left			: 0px			;
	margin-left		: -50px			;
	width			: 				;
	height			:  				;
	Position        : relative		;
	text-align		: center		;
	background-image:url();
}


#TAB_FORMU_PREINSCR
{
	top				: 60px			;
	left			: 0px			;
	margin-left		: 0px			;
	width			: 				;
	height			:  				;
	Position        : absolute		;
	text-align		: center		;
	background-image: url()			;
}

#VUE_PRE_INSCR
{
	top				: 200px			;
	left			: 0px			;
	margin-left		: 0px			;
	width			: 100%			;
	height			:  				;
	Position        : absolute		;
	text-align		: center		;
	background-image: url()			;
}

#Objectifs_Avant_Resa
{
	top				: 70px			;
	left			: 318px			;
	height			: 120px			;
	width			: 350px			;
	Position        : absolute		;
	text-align		: left			;
	overflow 		: auto			;
	color			: black			;
	/* border-left		: 2px solid		;
	border-color	: #E0EDFF		; */
}

/*opacity 		: 0.5			; */
/*filter 			: alpha(opacity=50); */

#Titre_Pre_Resa
{
	top				: 0px			;
	left			: 0px			;
	height			: 				;
	width			: 100%			;
	Position        : absolute		;
	text-align		: center		;
	border-bottom	: solid 2px		;
	border-color	: #8BC2F2		;
	background		: #8BC2F2		;
	color			: white			;
	
}

#Tableau_Affichage_Recherche_Formation
{
	top					: 0px			;
	left				: 0px			;
	height				: 40px			;
	width				: 99%			;
	Position        	: relative		;
	text-align			: center		;
	color				: black			;
	border				: 0px			;
	background			: url(img/Degrade_Entete_Tableau.gif);
	background-repeat	: repeat		;
}

#Message_Max_Inscrit
{
	Top				:	0px					;
	left			:						;
	height			:	50px				;
	width			:	400px				;
	Position		:	relative			;
	color			:	White				;
	background		:	black				;
	opacity 		: 	0.3					; 
	filter 			: 	alpha(opacity=30)	; 
	z-index			:	1					;
}

/*PARTIE POUR LA MISE EN FORME DES <TD> SUR ACTION */

	td.defaut{
	/*border			: solid 1px		;*/
	border-color	: grey				;
	color			: black				;
	background 		: #BDC4C3			;
	cursor			: pointer			;
	}

	td.Overtxtblue{
	margin-top		:	0px				;
	background 		:	#8BC2F2			;
	color			:	white			;
	border-color	: 	grey			;
	cursor 			: 	pointer			;
	}

	td.Overtxtfonce{
	margin-top		:	0px				;
	background 		:	#E0EDFF			;
	border-color	: 	grey			;
	cursor 			: 	pointer			;
	}

	td.Outtxtclair{
	margin-top		:	0px				;
	background 		: 					;
	color			:					;
	cursor 			: 	pointer			;
	}

	
	td.Overtxtorangevrai{
	background 		:	#F2AB4D			;
	color			:	white			;
	border-color	: 	grey			;
	cursor 			: 	pointer			;
	text-align		:	center			;
	}
	
	td.Overtxtorange{
	margin-top		:	0px				;
	background 		:	#1AB30F			;
	color			:	white			;
	border-color	: 	grey			;
	cursor 			: 	pointer			;
	text-align		:	center			;
	}
	
	
	td.TDVert
	{
	margin-top		:	0px				;
	background 		:	#72DD84			;
	color			:	white			;
	border-color	: 	grey			;
	cursor 			: 	pointer			;
	}

	
#Couleur_BleuClair_pourTD
{
	background 		:	#E0EDFF				;
	color			:	grey				;
	border-color	: 	black				;
	border			:	solid 1px;			;
	
}


#BTN_ENREG_RESA{

left			:	500px				;
top				:	120px				;
width			:	0px					;
margin-top		:	0px					;
background 		: 	#BDC4C3				;
color			:						;
border-color	:	grey				;
cursor 			: 	pointer				;
position		:	relative 			;

}

#Cadre_modif_Resa{

left			:	25%					;
top				:	25%					;
width			:	300px				;
height			:	250px				;
margin-top		:	px					;
background 		: 	white				;
color			:	black				;
position		:	relative			;
opacity 		: 	0.9					; 
filter 			: 	alpha(opacity=90)	; 
position		: 	Absolute 			;
visibility		: 	hidden				;
border-color	:	black				;
border			:	solid 2px;			;
cursor 			: 	move				;
z-index			:	1					;
}

#Cadre_modif_Resa_Interieur{/* Cadre actuellement non utilisé*/

left			:	0px					;
top				:	0px					;
width			:	500px				;
height			:	250px				;
margin-top		:	px					;
background 		: 	black				;
color			:	Blue				;
border-color	:	grey				;
position		:	absolute			;
/* opacity 			: 	0.6					; 
filter 			: 	alpha(opacity=60)	;  */

}

#Fermer_Modif_Vue_resa{

	left			:	0px					;
	top				:	0px					;
	width			:	0px					;
	height			:	2px					;
	background 		: 	black				;
	color			:	white				;
	border-color	:	white				;
	/* opacity 			: 	0.6					; 
	filter 			: 	alpha(opacity=60)	;  */
	
}

#Croix_Fermer
{
	left			:	90%					;
	top				:	2px					;
	width			:	15px				;
	border-color	:	black				;
	position		:	absolute			;
	cursor 			: 	pointer				;
	text-align		:	center				;
}

#Cadre_Modif_Formation_XTM
{
	left			:	-50px				;
	top				:	0px					;
	width			:						;
	height			:						;
	position		:	relative			;
	background		:	white				;
	color			:	black				;
	/* border-color	:	black				;
	border			:	solid 2px;			; */
}

#AbsTab
{
	margin-top		:	0px			;
	background		:	white		;
	position		:	relative	;
	width			:	100%		;
	height			:	100%		;
	z-index			: 	1000		;
}

#VUE_MODIF_LOGIN
{
	position		:	absolute			;
	border-color	:	black				;
	border			:	solid 2px;			;
	cursor			: 	move				;
	opacity 		: 	0.9					;
	filter 			: 	alpha(opacity=90)	;
	background		:	white				;
	z-index			:	1					;
	left			:	25%					;
	top				:	25%					;
	visibility		:	hidden				;
}

#Zone_De_Rech_Formation
{
	left			:	78%					;
	top				:	8px					;
	position		:	absolute			;
}

#Zone_De_Rech_Formation_Pour_Pre_Resa
{
	top				:	-15px				;
	left			:	76%					;
	top				:	px					;
	position		:	relative			;

}

#Change_Login_Commercial_Pour_Pre_Resa
{
	top				:	0px					;
	left			:	0px					;
	position		:	absolute			;
	Text-align		:	right				;
}

#ENREG_PRE_RESA
{
	left			:	80%					;
	top				:	50%					;
	position		:	relative			;
}

#Blanc_Blanc
{
	background		:	white				;
	color			:	white				;
}

#Blanc
{
	color			:	white				;
}

#Bord_Resa
{
	border-color	:	#1AB30F				;
	border			:	solid 1px;			;
}

#Bord_Pre_Resa
{
	border-color	:	#8BC2F2				;
	border			:	solid 1px;			;
}


#Centrer
{
	text-align		:	center				;
	color			:	black				;
}

#Centrer_Blanc
{
	text-align		:	center				;
	color			:	white				;
}

#Cadre_Calendar
{
	top				:	0px					;
	left			:	150px				;
	height			:						;
	width			:						;
	position		:	absolute			;
	border-color	:	grey				;
	border			:	solid 2px;			;
	background		:	white				;
	z-index			:	1					;
	visibility		:	hidden				;
}

#Titre_Position
{
	top				:	5px					;
	left			:	40%					;
	width			:	80px				;
	position		:	absolute			;
}

#calendar
{
	cursor			:	pointer				;
}

#Table_Modif_Prog
{
	top				:	80px				;
	left			:						;
	position		:	absolute			;
}

#Cadre_Affichage_Alert
{
	top				:	80px				;
	left			:						;
	position		:	absolute			;
	background		:	white				;
}
#Cadre_Oui_Alert
{
	top				:	50%					;
	left			:						;
	border			:	solid 2px;			;
	background		:	white				;
}

#Cadre_Non_Alert
{
	top				:	80px				;
	left			:	50%					;
	border			:	solid 2px;			;
	background		:	white				;
}

#Message_Info_Pre_Resa
{
	background		:	#E0EDFF				;
	color			:	black				;
	opacity 		: 	0.9					; 
	filter 			: 	alpha(opacity=90)	;
	border-color	:	#8BC2F2				;
	border			:	solid 1px;			;
}

#Message_Info_Resa
{
	background		:	#E0EDFF				;
	color			:	black				;
	opacity 		: 	0.9					; 
	filter 			: 	alpha(opacity=90)	;
	border-color	:	#1AB30F				;
	border			:	solid 1px;			;
}

#td_color_noir
{
	color			:	black				;	
}

/* PARTIE CALENDRIER */

/* NOM DU MOIS */
td.nom_mois  {
  font-size:8pt;
  font-style:normal;
  font-weight:normal;
  text-align:center;
  vertical-align:middle;
  }
  
  /* FLECHES */
td.fleches  
{
  font-size:14pt;
  font-style:normal;
  font-weight:normal;
  text-align:center;
  vertical-align:middle;
    cursor:pointer;
}
  
/* NOMS DES JOURS*/
tr.noms_jours 
{
  width:15;
  height:15;
  font-size:8pt; 
}
  
 /*DATES*/
td.jours 
 {
  width:15;
  height:15;
  border-color:#33CCCC;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  background-color:#CCFFFF; 
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
}
  
 /* AUJOURD'HUI */
td.aujourdhui  
{
  width:15;
  height:15;
  border-color:#000000;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  background-color:#ffc020;
  text-align:center;
  vertical-align:middle;
  cursor:pointer;
}
  
 /* CASES DES MOIS PRECEDENTS ET SUIVANTS*/
td.cases_vides  {
  width:15;
  height:15;
  border-color:#F5F5F5;
  border-width:1px;
  border-style:solid;
  font-size:8pt;
  color:#C0C0C0;
  text-align:center;
  vertical-align:middle;
  }
  
a:link  {text-decoration:none;}
a:visited  {text-decoration:none;}
a:active  {text-decoration:none;}