/***************************************************************************************/
/*----------------------- ATTRIBUTS DU CORPS DE TEXTE ---------------------------------*/
/***************************************************************************************/

body {							/* Valeurs par défaut */
	font-family:arial,helvetica;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	margin-left: 1;
	margin-top: 1;
	font-weight:normal;
}

/***************************************************************************************/
/*-------------------------------- TITRE DE LA PAGE -----------------------------------*/
/***************************************************************************************/

h1 {
	/* Titre de la page (du genre "Gérer les droits > Ajout d'un utilisateur") */
	font-size:20px;
	color: #96c800;
	font-weight: bolder;
}

h2 {
clear:both;
color:#737983;
font-size:16px;
padding-bottom:10px;
padding-top:20px;
}

.th{margin-top:5px;margin-bottom:5px;text-align:left;}

/***************************************************************************************/
/*-------------------------------- LES LIENS ET LES IMAGES-----------------------------*/
/***************************************************************************************/

img{
	/*Propriété des images*/
	border:none;
}

A:link {
	/*Couleur du lien sur la page*/
	color: #96c800;
	text-decoration: none;
}

A:visited {
	/*Couleur du lien déjà visité*/
	color: #96c800;
	text-decoration: none;
}

A:Hover {
	/*Couleur du lien lors du passage de la souris*/	
	color:  #96c800;
	text-decoration: underline;
}

/***************************************************************************************/
/*----------- UTILISE DANS LES FORMULAIRES et POUR LES TITRES -------------------------*/
/***************************************************************************************/

.form_barre_claire {
	/* Barres verticales claires dans les formulaires (Taille réélle gérée avec une image "magique" */
	width: 1pt;
	height: 1pt;
	background-color: #C3D0E4;
	font-size: 12px;
	color: #FFFFFF;
}

/***************************************************************************************/
/*-------------------------------  BOUTONS --------------------------------------------*/
/***************************************************************************************/

.form_bouton {
	/* Propriété des boutons de formulaire */
	font-size: 10px; 
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bolder;
	background-color: #737983;
	border-color: #737983 #737983 #737983 #FFFFFF; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
	cursor:pointer;
}

.form_bouton_vert {
	/* Propriété des boutons de formulaire */
font-size: 10px;color: #FFFFFF; text-decoration: none;font-weight: bolder;background-color: #96C800;border: 1px solid #96C800;cursor:pointer;
}

/***************************************************************************************/
/*-------------------------- UTILISE DANS LES FORMULAIRES -----------------------------*/
/***************************************************************************************/

.form_nom_champ{
	/* Propriété des noms de champ dans un formulaire */
	font-size: 11px;
	color: #737983;
	font-weight: bolder;
	text-align:left;
	vertical-align:top;

}

.form_nom_champ_sombre {
	/* Propriété des noms de champ dans un formulaire, champs d'une autre couleur */
	font-size: 11px;
	color: #96c800;
	font-weight: bolder;
	text-align:left;
	vertical-align:top;
}

.form_champ{
	/*Propriété des champs dans un formulaire*/
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

input, select, .ctrl {
	/* utilisé sur les champs de type input, select ou de classe ctrl*/
	color:#000000;
	font-size:11px;
	font-weight:normal;
}


/********************************************************************************************/
/********************************* FORMULAIRE CANDIDAT **************************************/
/********************************************************************************************/

.entete_form_cand{
	/*Propriétés des entêtes du formulaire candidat (Identité, situation actuelle...)*/
	border-bottom:1px solid #737983;
	font-size: 12px;
	color: #96c800;
	text-decoration: none;
}

.liste_case_CNIL,.liste_case{
	/*Propriétés des mentions CNIL en bas du formulaire*/
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

.form_champ2 {				
	/* texte secondaire dans les formulaires (genre nombre de caractères restants des TextArea) */
	font-size: 10px;
	color: #000000;
	font-weight: bolder;
}

.form_highlight {		
	/* texte secondaire dans les formulaires mis en avant (genre nombre de caractères restants des TextArea) */
	font-size: 10px;
	color: #96c800;
	font-weight: bolder;
}

.webupl .sz {
	/* champ upload CV*/
	font-size:9px;
}

.webupl {
	/* champ upload CV*/
	color:#000000;
	font-size:10px;
	font-weight:normal;
}


/********************************************************************************************/
/**************** LISTE DES ANNONCES ET LISTE DES METIERS ***********************************/
/********************************************************************************************/

/*-----------Dans fo_annonce_lister.php & fo_metier_lister.php-------------*/
.liste_case_compteur {			
	/* Propriétés du compteur */
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}

.liste_case_pagination {			
	/* Propriétés de la pagination*/
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align:right;
}

.rpt_actions td {
	/*Propriétés des cellules contenant les action (voir et supprimer) dans les tableaux*/
	width:16pt;
}

a.action{
	/*Propirétés de l'image action (la loupe)*/
	display:block;
	width:15px;
	height:18px;
	margin:auto;
	background:url("/layout/images/ico_info.gif") no-repeat;
} 

.liste_case_strong {			
	/* Propriétés du compteur */
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align:left;
	font-weight:bold;
}

.liste_case_strong a{font-weight:bold;}

/*----------------------Tableau : fo_annonce_lister.php------------------------------*/

.listes_fond_annonce{
	/* Propriétés des fonds des listes de la page liste des annonces*/
	background-color: #737983;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}

.liste_case_annonce {	
	/* Propriétés des cases des listes/tableaux de la page liste des annonces */		
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

.listes_fond_annonce td{
	/* Propriétés des cellules des fonds de listes de la page liste des annonces*/
	vertical-align: top;
	text-align: center;
}

.liste_case_annonce td{
	/* Propriétés des cellules de listes/tableaux de la page liste des annonces */
	vertical-align: middle;
	text-align: center;
}

/*----------------------Tableau : fo_metier_lister.php------------------------------*/

.listes_fond_metier{
	/* Propriétés des fonds des listes de la page liste des annonces*/
	background-color: #bac1dd;
	font-size: 12px;
	color: #004C87;
	text-decoration: none;
}

.liste_case_metier {	
	/* Propriétés des cases des listes/tableaux de la page liste des annonces */		
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	text-decoration: none;
}

.listes_fond_metier td{
	/* Propriétés des cellules des fonds de listes de la page liste des annonces*/
	vertical-align: top;
	text-align: center;
}

.liste_case_metier td{
	/* Propriétés des cellules de listes/tableaux de la page liste des annonces */
	vertical-align: middle;
	text-align: center;
}

/********************************************************************************************/
/******************************* INDEX ET RAPPEL PWD*****************************************/
/********************************************************************************************/
/*-----------------Table Login : utilisée dans index.php et fo_rappel_pwd.php---------------*/
#tableLogin{
	/*Propriétés du tableau de connexion*/

/*	
	margin:auto;
	border:1px solid #0081C6;
	background-color:#ebf9f2;
	font-size: 10px;
*/
	
}

.lien_login{
	/*Propriétés des champs du tableau de connexion*/
	
/*
	text-align:center;
	height:40;
*/
}

/********************************************************************************************/
/************************************** CONTENU *********************************************/
/********************************************************************************************/

#tablebouton{
	/*Bouton Accueil*/
	text-align : center;
}

.tablecontenu{

}

/********************************************************************************************/
/********************************** CONFIRMATION ********************************************/
/********************************************************************************************/
.txt_confirm, p{
	font-size:12px;
	font-weight:normal;
}

.img_captcha{display:block;margin-bottom:3px;}

 #references {
margin-right:10px;
text-align:right;
}

.infog {
font-size:12px;
font-weight:bold;
}

.infod, .infod p {
color:#474747;
font-size:11px;
}

.coulressources {
color:#96c800;
}

.ref1 {
font-size:12px;
font-weight:bold;
}
.ref2 {
color:#474747;
font-size:12px;
font-weight:bold;
}

#infooffres {
margin-left:0px;
margin-right:10px;
width:680px;
}

.annonces h2{
clear:both;
color:#737983;
font-size:16px;
padding-bottom:10px;
padding-top:20px;
text-transform:capitalize;
margin:0;
}
 h2.form_cand_t{
clear:both;
color:#737983;
font-size:16px;
padding-bottom:10px;
padding-top:20px;
text-transform:capitalize;
margin:0;
}

.titre_voir h1{margin-bottom:5px;padding:0px;text-align:left;}
.titre_voir  #references{margin-bottom:5px;padding:0px;text-align:right;}

.annonces td{vertical-align:top;}
#infooffres td{padding-bottom:5px;}