.titre_page
{
	text-align:center; 
	color:#000; 
	background:url('images/titre_page.gif') no-repeat; 
	width:550px; 
	height: 25px;
	font-size:18px;
	font-weight:bold;
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-top:5px;
}

#rub_info
{
	text-align:justify; 
	color:#040bf7; 
	background:url('images/rub_info.gif') no-repeat; 
	width:485px; 
	height: 90px;
	font-size:11px;
	margin: auto;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:60px;
	padding-right:5px;
}

#rub_info span {display:none;}

a { 
	COLOR: black; 
	TEXT-DECORATION: underline; 
}

a:hover {  
	COLOR: #F44; 
	TEXT-DECORATION: none ;
}

.contact {
	font-size:8pt !important;
}

a.image {
	text-decoration: none;
}

a.info span {
	display: none;
}

a.info {
	position: relative;
	z-index: 25;
	text-decoration: none;
}

a.info:hover span
{	
	display: block !important; position: absolute;top:10px; left:-10px; width:270px; height:107px;
	background: url('../IMG/infobulle2.gif') no-repeat;text-align: left; color: #111; font-weight: normal; font-size: 10px;
	text-decoration: none; padding-top:48px; padding-left:5px;
}

TD { FONT-SIZE: 12px; FONT-FAMILY: Tahoma; }
BODY { background-color: #F0F0F0; }

.validXhtml A:link { COLOR: #DEE7EC; }
.validXhtml A:active { COLOR: #DEE7EC; }
.validXhtml A:visited { COLOR: #DEE7EC; }
.validXhtml A:hover{ COLOR: #B5C8D9; }

.titre {
	border: 1px dashed rgb(153, 153, 153);
	text-align: center;
	background : #F0F0F0;
	font-size:14px;
	font-weight:bold;
	margin-top: 5px;
}

.deroulant { width:120px; } 
.deroulant1 { width:160px; } 
.in { width:150px; }

.inputcv { 
	width:12em; 
	z-index: 0;
}
.inputcvpetit { width:9.5em; }

.inIdentLong  {
	font-family: tahoma, arial, helvetica, sans-serif;
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px;
  	font-family: arial, verdana, helvetica;
  	font-size: 12px;
  	width: 140px;
	border: solid 2px;
	border-color:#DDDDDD;
}

.inIdentShort {
	font-family: tahoma, arial, helvetica, sans-serif;
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 2px; 
	border-bottom-width: 2px; 
	border-left-width: 2px;
  	font-family: arial, verdana, helvetica;
  	font-size: 11px;
  	width: 100px;
	border: solid 2px;
	border-color:#DDDDDD;
}

.bouton { 
	background-color: #8CA0B1;
	border-color:#DEE7EF; 
	color:#ffffff !important;
	border: 1px solid !important; 
  	font-family: arial, verdana, helvetica;
  	font-size: 12px;
  	cursor:pointer;
	border-style: solid;
	text-align: center;
}

div.tabs {
	border-bottom : 1px solid #545454;
   	padding: 0.1em 0em 0em 0.1em;
	text-align:left;
	background : url('../IMG/bg_bande_titre.gif') no-repeat;
	
}

div.tabs a {
   	border: #545454 1px;
   	border-style: solid solid none solid;
   	text-decoration:none;
  	color: #436976;
  	height: 1em;
   	margin-right: 0.2em;
   	padding: 0em 0.2em 0.15em 0.2em;
}

div.tabs a.selected {
	background: #DEE7EC;
 	border: 1px solid #545454;
   	border-bottom: #DEE7EC 1px solid;
	/*text-decoration: blink !important;
   	color: #436976;*/
   	color: #f39;
  	font-weight: bold;
}
	
div.tabs a:visited {
	color: #436976;
   	text-decoration:none;
}	

div.tabs a:hover {
   	background: #A5BBCE;
}

div.tabs a.selected:hover {
 	background: #DEE7EC;
}

div.tabscontent {
  	background: #DEE7EC;
  	border-color: #8CACBB;
  	border-style: solid;
	border-width: 0px;
	color: Black;
	padding: 1em;
	text-align: left;
}

.message {
	width: 100%;
	background:#FFE2BF;
	border: 2px white;
	border-style: dashed;
}

div.erreur {
			color:#FF0000 ;
			background:#DDDDDD;
			font-size: 14px;
}

div.colonne_cv
{
	float:left;
	text-align:center;
	width:300px;
	margin-top : 10px;
}

div.label
{
	float : left;
	text-align : left;
	padding-left : 3px;
	width : 120px;
	margin-top : 5px;
	background : #F0F0F0;
	color:#111;
}

.input_CV
{
	font-size: 11px;
	width : 160px;
	margin-top : 5px;
}

.titre_experience
{
	width : 100%;
	text-align : center;
	font-weight:bold;
	color : #000;
	background : #F0F0F0;
	margin-top:5px;
}

textarea.input_CV
{
	width:90%;
	overflow: auto;
	margin:5px;
}

select
{
	font-size:10px;
	margin-top:  3px;
	margin-bottom:  3px;
}

.obligatoire
{
	font-weight : bold;
	color : red;
	text-align: center;
}

.confirmation
{
	text-align : center;
	color : #2cde03;
	background : transparent;
	margin-top : 5px;
}

.avertissement
{
	text-align : center;
	color : #d61400;
	background : transparent;
	margin-top : 5px;
}

/* Pour affichage de l'info-bulle contanant les explications diverses...*/
.info {position:relative; z-index:24; color: #000080; font-weight: bold; font-size: 12px; width:210px; text-align: left;}
.info:hover {background: none;z-index: 25;}
.info span 
{
	display: none;
	position: absolute;top:10px; 
	left:10px; 
	width:270px; height:107px;
	background: url('images/infobulle2.gif') no-repeat;text-align: left;	
	color: #111; font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
	padding-top:38px; 
	padding-left:5px;
}

/* Formulaire d'enregistrement */

.cadre_enregistrement
{
	text-align:center;
	width: 400px;
}
.indication { position:relative; z-index:24; width: 400px; height:47px; background: url(../IMG/infos.jpg) no-repeat;text-align:right; border:1px solid #3d13ae;}
.indication p
{
	display: none;
	margin-left: 40px;
	width: 350px;
	position: absolute;top:0px; 
	left:0px; 	
	color: #008438; font-weight: normal; 
	font-size: 11px;
	text-decoration: none;
	padding-top:0px; 
	padding-left:5px;
}
.label_enregistrement
{
	width: 200px;
	text-align: left;
	font-size: 12px;
	color: #3d13ae;
}
.input_enregistrement
{
	font-size: 11px;
	width : 200px;
	border : 1px solid #000;
}

.input_recover
{
	font-size: 11px;
	width : 150px;
	border : 1px solid #000;
}

.txt_cnil
{
	width: 392px;
	padding: 5px;
	border : 1px solid #000;
	text-align: justify;
	color: #000;
	font-size: 11px;
	background: #fff;
}

/*  Signalisation des erreurs de saisie et autres */
.erreur_saisie { position:relative; z-index:24; width: 400px; height:47px; background: url(../IMG/erreur.jpg) no-repeat; border:1px solid #ff2c21;}
.erreur_saisie p {width: 350px; text-align:left; color:#ff2c21; margin-left:50px;}
.fenetre_erreur_flottante {display:none;background:#a7d6ff; border:1px solid #f00; width: 390px;padding:5px; color:#153200; text-align: justify;}

/* Formulaire des offres */
.label_offre{width:150px;font-family:"arial, times";font-size:13px; font-weight: bold; color:#3d13ae;}
.titre_liste{width:190px;font-family:"arial, times";font-size:13px; color:#000;background:#efefff;}
.table_offre {width:450px; border:1px solid #7f9db9; padding: 10px 35px 10px 35px}
.titre_formulaire {width:450px; margin:2px 5px 2px 83px; font-family:"arial, times";font-size:13px; text-align:center; color:#000; background:#efefff;}
.offre{width:190px; font-family:"arial, times";font-size:11px; font-weight: normal; color:#3d13ae; text-align:justify;}

/*****************************************************************************************/
/********** Formulaire de recherche des offres d'emplois *********************************/
/*****************************************************************************************/
#titre_recherche
{
	color: #fff;
	background: #AEAEAF;
	font-size:24px;
	text-align:center;
	padding:5px;
	width: 400px;
	margin-top: 60px;
	margin-left: 100px;
}

#espace_recherche
{
	width: 354px;
	height: 350px;
	border: 3px solid #AEAEAF;
	padding:25px;
	padding-top:10px;
	margin-left: 100px;
}

#guide_recherche
{
	height: 43px;
	border: 1px solid #0087CA;
	padding: 2px;
	padding-left: 40px;
	color: #006F47;
	text-align:justify;
	background: url(../IMG/infos.jpg) no-repeat;
	font-size : 11px;
}

#guide_recherche p
{
	display: none;
}
.label_recherche
{
	background : #F0F0F0;
	color: #AEAEAF;
	font-size: 12px;
	float:left;
	width:222px;
	padding:1px;
	padding-left:5px;
}

.liste_recherche
{
	color:#000;
	margin-left:3px;
	width:120px;
	float: left;
}

.text_recherche
{
	color:#000;
	margin-left:3px;
	margin-top:3px;
	width:115px;
	float: left;
	height: 15px;
}

#btn_recherche
{
	color: #fff;
	background: #AEAEAF;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	padding:2px;
	border: 1px solid #fff;
}

/***************************************************************/
/**** Espace des résultats de le recherche d'offres ************/
/***************************************************************/
#espace_resultats
{
	width: 394px;
	height: 350px;
	border: 3px solid #AEAEAF;
	padding:5px;
	margin-left: 100px;
}

.legende_resultats
{
	color: #AEAEAF;
	background: #feefdc;
	padding: 2px;
	text-align: center;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.legende_resultats#intitule
{
	width: 195px;
	margin-left: 0px;
}

.legende_resultats#type
{
	width: 50px;
	margin-left: 2px;
}

.legende_resultats#niveau
{
	width: 65px;
	margin-left: 2px;
}

.legende_resultats#lieu
{
	width: 60px;
	margin-left: 2px;
}

.case_resultats
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 10px;
}

.intitule_resultats
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 10px;
	width: 195px;
	margin-left: 0px;
}

.intitule_resultats a
{
	color: #111;
	font-size: 10px;
}

.intitule_resultats a:hover
{
	color: #aeaeae;
	font-size: 10px;
	text-decoration: none;
}

.type_resultats
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 10px;
	width: 50px;
	margin-left: 2px;
}

.niveau_resultats
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 10px;
	width: 65px;
	margin-left: 2px;
}

.lieu_resultats
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	float: left;
	font-size: 10px;
	width: 60px;
	margin-left: 2px;
}

#resultats_pagination1
{
	color: #AEAEAF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 394px;
	padding:5px;
	margin-left: 100px;
}

#resultats_pagination2
{
	color: #AEAEAF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 394px;
	padding:5px;
	margin-left: 100px;
}

/***************************************************************/
/**** Espace des détails d'une offre ***************************/
/***************************************************************/
#espace_details
{
	width: 394px;
	height: auto;
	border: 3px solid #AEAEAF;
	padding:5px;
	padding-bottom:15px;
	margin-left: 100px;
	float: left;
}

.legende_rubrique
{
	color: #AEAEAF;
	background: #feefdc;
	text-align: center;
	padding-top:5px;
	padding-bottom:3px;
	font-size: 14px;
	font-weight: bold;
	width:100%;
}

.titre_details
{
	color: #111;
	background: #ffffdd;
	margin-top: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	width: 130px;
}

.valeur_details
{
	color: #111;
	background: #e9ddbd;
	margin-top: 2px;
	margin-left: 2px;
	padding: 0px;
	padding-left: 5px;
	padding-right: 2px;
	text-align: left;
	font-size: 10px;
	width: 250px;
}

.fomulaire_postule
{
	color: #AEAEAF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 394px;
	padding:5px;
	margin-left: 100px;
	margin-top: 0px;
}

.fomulaire_postule textarea
{
	width: 100%;
	color: #AEAEAF;
	font-size: 11px;
}

.btn_postule
{
	color: #fff;
	background: #AEAEAF;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	padding:2px;
	border: 1px solid #fff;
}

#no_result
{
	width: 390px;
	text-align: center;
	font-size: 14px;
	color: #f55;
	background: transparent;
	margin-top: 100px;
}

#no_result a
{
	font-size: 12px;
}

#menu_coin
{
	margin:-10px;
	background: url('../IMG/bg_menu_coin.gif')no-repeat;
	background-position : right;
	width: 75px;
	height: 26px;
}

#menu_coin img
{
	border:0px;
	margin: 2px;
}

#menu_coin div
{
	display:none;
	position: absolute;
	z-index: 2px;
	padding: 2px;
	color: #fff;
	background: #b0d1af;
	border: 1px solid #4c6084;
}

/*******************************************************/
/*** espace d'administration des offres ****************/
/*******************************************************/

#titre_admin_offre
{
	color: #fff;
	background: #AEAEAF;
	font-size:24px;
	text-align:center;
	padding:5px;
	width: 421px;
	margin-top: 60px;
	margin-left: 100px;
}

#espace_admin_offre
{
	width: 415px;
	height: auto;
	border: 3px solid #AEAEAF;
	padding:5px;
	padding-bottom:15px;
	margin-left: 100px;
}

.ligne_offre 
{
	background:#b0d1af;
	margin-bottom:2px;
	font-weight:normal;
	text-align:justify;
	padding-left:5px;
	width: 410px;
}

.ligne_offre:hover
{
	background:#b0fafa;
}

.ligne_offre a
{
	font-size:12px;
	color:#222;
	text-decoration: none;
}

.ligne_offre a:hover
{
	font-size:12px;
	color:#555;
	text-decoration: underline;
}

#espace_detail_offress
{
	width: 415px;
	height: auto;
	border: 2px solid #b0d1af;
	padding:5px;
	padding-bottom:15px;
	margin-top: -2px;
	margin-bottom: 5px;
}

/** DESIGN DES RUBRIQUES **/
.titre_rub
{
	text-align:center; 
	color:#000; 
	background:url('images/titre_rub.gif') no-repeat; 
	width:450px; 
	font-size:14px;
	font-weight:bold;
	margin: auto;
	margin-top:20px;
	float: left;
}

.text_rub
{
	text-align:justify; 
	color:#000; 
	background:transparent; 
	width:438px; 
	padding: 5px;
	font-size:11px;
	border:1px solid #000;
	border-bottom:0px;
	margin:auto;
	float: left;
}


.bas_rub
{
	background:url('images/bas_rub.gif') no-repeat; 
	width:450px;
	height:8px;		
	margin:auto;
	float: left;
}

.titre_rub_180
{
	text-align:center; 
	color:#000; 
	background:url('images/titre_rub_180.gif') no-repeat; 
	width:180px; 
	font-size:14px;
	font-weight:bold;
}

.text_rub_180
{
	text-align:justify; 
	color:#000; 
	background:transparent; 
	width:168px; 
	padding: 5px;
	font-size:11px;
	border:1px solid #000;
	border-bottom:0px;
}

.text_rub_180 a {font-size:11px; color:#0087ca;}
.text_rub_180 a:hover {color:#d66f00; text-decoration:none;}

.bas_rub_180
{
	background:url('images/bas_rub_180.gif') no-repeat; 
	width:180px;
	height:6px;	
}

.text_rub_180 input 
{
	margin-top:2px;
  	font-family: arial, verdana, helvetica;
  	font-size: 10px;
	font-weight:bold;
	padding-left:5px;
  	width: 135px;
	border: #222 solid 1px;
	margin: auto;
}

.onglet_large1
{
	width: 233px;
	height: 16px;
	background: url('images/onglet_large1.gif') no-repeat;
	text-align: center;
	padding: auto;
	border:0px;
}
.titre_news {margin-left:15px;}
.titre_news a {color:#002c84; text-decoration:none; font-size:12px; font-weight:bold;}
.titre_news a:hover {color:#000; text-decoration:underline; font-size:12px;}

.corps_news
{
	background:transparent; margin:auto; float:left; width:418px; 
	border:1px dashed #002c84; padding: 5px; margin-top: 3px; margin-bottom:5px;
	text-align: justify; font-size: 12px; color: #333;
}

.date_news
{
	background:transparent; margin:auto; float:left; width:418px; 
	margin-top: -3px; 
	text-align: right; font-size: 10px; color: #000; font-weight:bold;
}

.spacer {clear:both; height:1px;}

.espace_messagerie
{
	background:transparent; margin:auto; float:left; width:418px; 
	border:1px dashed #002c84; padding: 5px; margin-top: 3px; margin-bottom:5px;
	text-align: justify; font-size: 12px; color: #333;
	display:none;
}
.rub_messagerie {margin-left:15px;}
.rub_messagerie a {color:#002c84; text-decoration:none; font-size:12px; font-weight:bold;}
.rub_messagerie a:hover {color:#000; font-size:12px;}
.haut_espace_messagerie
{
	background:transparent; margin:auto; float:left; width:418px; 
	margin-top: -3px; 
	text-align: right; font-size: 10px; color: #000; font-weight:bold;
}