<style type="text/css">

/* ------------------------------------------------DEBUT MISE EN PAGE----------------------------------------- */
*{}
*  { 
margin: 0px; 
padding: 0px; 
border: none; 
font-family: arial; 
}

#container {
position:relative;
left:50%;
width:800px;
margin:0 0 0 -400px;
}

#entete {
position:relative;
height:103px;
}
#textbaniere {
	height: 60px;
	width: 500px;
	top : 20px;
	left: 300px;
	position : absolute;
	font-family : arial;
	font-size : 14pt;
	color : #FFFFFF;
	text-align : center;
	z-index: 15;
}
#content {
position:relative;
border-left: 2px solid #039909;
border-right: 2px solid #039909;
margin-top:32px;
}

#cols_gauche {
position:relative;
width:736px;
}

/* ------------------------------------------------DEBUT PIED DE PAGE----------------------------------------- */
		#pied_page {
		position:relative;
		background-color: #039909;
		clear: both;
		height : 79px;
		}

		#info_pied {
		position:absolute;
		height : 63px;
		width : 280px;
		border-top : solid #FFFFFF 1px;
		border-right : solid #FFFFFF 1px;
		border-left : solid #FFFFFF 1px;
		font-family : arial;
		font-size : 8pt;
		color : #FFFFFF;
		text-align : center;
		margin-top: 2px;
		padding-top:16px;
		}
		.lienplan {
		color : #FFFFFF;
		}

		#pub_pied {
		position:absolute;
		left:281px;
		top:2px;
		width:513px;
		height:70px;
		z-index:1;
		border-top : solid #FFFFFF 1px;
		border-left : solid #FFFFFF 1px;
		border-right : solid #FFFFFF 1px;
		text-align : center;
		padding-top : 9px;
		}
/* ------------------------------------------------FIN PIED DE PAGE----------------------------------------- */

/* ------------------------------------------------FIN MISE EN PAGE----------------------------------------- */

/* ------------------------------------------------DEBUT MENU----------------------------------------- */
#conteneur_menu {
position:absolute;
top:113px;
left:0px;
height:30px;
width:800px;
z-index:3;
}

#brareMenu {
position:absolute;
left:0px;
top:5px;
width:800px;
height:17px;
z-index:1;
background-color: #039909;
}

#padding_menu{
position:relative;
width:22px;
height:20px;
float: left;
z-index:5;
}
.bouton_menu{
position:relative;
z-index:5;
background-image: url(images/bouton_bleu.gif);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #039909;
background-color: #FFFFFF;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 12px;
text-align: center;
vertical-align: middle;
padding-top: 4px;
width:139px;
height:20px;
text-decoration:none;
float: left;
margin-right: 10px;
}
.bouton_recruteur {
position:relative;
z-index:5;
background-image: url(images/bouton_rouge.gif);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #039909;
background-color: #FFFFFF;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 12px;
text-align: center;
vertical-align: middle;
padding-top: 4px;
width:139px;
height:20px;
text-decoration:none;
float: left;
margin-right: 10px;
}
.bouton_diplome {
position:relative;
z-index:5;
background-image: url(images/bouton_vert.gif);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #039909;
background-color: #FFFFFF;
color: #FFFFFF;
font-family: arial;
font-weight: bold;
font-size: 12px;
text-align: center;
vertical-align: middle;
padding-top: 4px;
width:139px;
height:20px;
text-decoration:none;
float: left;
margin-right: 10px;
}
.bouton_lien {
color:#FFFFFF;
text-decoration:none;
}

dl, dt, dd , ul, li{
margin: 0;
padding: 0;
list-style-type: none;
font: 9pt arial;
}
#menu {
position: relative;
z-index:10; /* précision pour Opera */
float: left;
}
#menu dl {
float: left;
width: 143px;
height : 24px;
background-color : #FFFFFF;
margin-right: 5px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 12px;
height : 20px;
background-image : url(images/bouton_vert.gif);
background-repeat: no-repeat;
background-position : center;
border: 2px solid #039909;
margin: 0px;
color : #FFFFFF;
vertical-align: middle;
padding-top : 4px;
}
#menu dd {
display: none;
border: 2px solid #039909;
background-repeat: no-repeat;
background-position : center;
}
#menu li {
text-align: center;
background: #FFFFFF;
background-color : #FFFFFF;
}
#menu li a, #menu dt a {
background-image : url(images/bouton_vert.gif);
background-repeat: no-repeat;
background-position : center;
text-decoration: none;
display: block;
height: 100%;
border: 2 none;
color : #FFFFFF;
padding-top : 4px;
height : 20px;
font-size: 12px;
}
#menu li a:hover, #menu dt a:hover {
background-image : url(images/bouton_vert.gif);
background-repeat: no-repeat;
background-position : center;
color : #FFFFFF;
}

/*--------------------------*/

#menu2 {
position: relative;
z-index:10; /* précision pour Opera */
float: left;
}
#menu2 dl {
float: left;
width: 143px;
height : 24px;
background-color : #FFFFFF;
margin-right: 5px;
}
#menu2 dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font-size: 12px;
height : 20px;
background-image : url(images/bouton_bleu.gif);
background-repeat: no-repeat;
background-position : center;
border: 2px solid #039909;
margin: 0px;
color : #FFFFFF;
vertical-align: middle;
padding-top : 4px;
}
#menu2 dd {
display: none;
border: 2px solid #039909;
background-repeat: no-repeat;
background-position : center;
}
#menu2 li {
text-align: center;
background: #FFFFFF;
background-color : #FFFFFF;
}
#menu2 li a, #menu2 dt a {
background-image : url(images/bouton_bleu.gif);
background-repeat: no-repeat;
background-position : center;
text-decoration: none;
display: block;
height: 100%;
border: 2 none;
color : #FFFFFF;
padding-top : 4px;
height : 20px;
font-size: 12px;
}
#menu2 li a:hover, #menu2 dt a:hover {
background-image : url(images/bouton_bleu.gif);
background-repeat: no-repeat;
background-position : center;
color : #FFFFFF;
}
/* ------------------------------------------------FIN MENU----------------------------------------- */

/* ------------------------------------------------DEBUT NAVIGATION----------------------------------------- */
#navigation {
position:relative;
height:32px;
margin-top : 15px;
border-bottom : solid #039909 2px;
font-size: 11px;
width: auto;
}
.tableau_navigation {
border-bottom : solid #039909 2px;
border-collapse : collapse;  
font-size: 11px;
}
#navigation_horsconnexion {
position:relative;
height:17px;
padding-left:20px;
padding-top : 15px;
border-bottom : solid #039909 2px;
text-align: left;
font-size: 11px;
width: auto;
}
#texte_nav{
padding-top:1px;
position:relative;
float:left;
text-align: left;
width: 410px;
padding-left:15px;
}
#utilisateur{
position:relative;
float:left;
width: 200px;
text-align: center;
padding-top:2px
}
.cellule_utilisateur{
width: 200px;
font-size: 11px;
text-align:center;
padding-right : 5px;
font-weight: bold;
height:8px;
}
.cellule_navigation{
width: 600px;
font-size: 11px;
padding-left : 15px;
height:8px;
}

.deconnecter:link{
position:relative;
font-size: 12px;
color:#CC0033;
text-decoration: none;
}
.deconnecter:visited{
position:relative;
font-size: 12px;
color:#CC0033;
text-decoration: none;
}
.deconnecter:hover{
position:relative;
font-size: 12px;
color:#CC0033;
text-decoration: underline;
}
/* ------------------------------------------------FIN NAVIGATION----------------------------------------- */


/* ------------------------------------------------DEBUT PARTIE GAUCHE----------------------------------------- */
#gauche{
position:relative;
float: left;
width: 605px;
font-size: 12px;
}
#logo_recruteur {
position: relative;
margin: 7px;
width: 206;
height:85px;
margin-bottom:20px;
background-image : url(images/espace_diplome.gif);
background-repeat: no-repeat;
}
.table_titre {
width:502px;
margin-left:30px;
border-collapse : collapse;  
}
.cellule_titre{
vertical-align:bottom;
}
.cellule_titre_lien{
text-align:right;
}
#cadre_gris{
position:relative;
width:500px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:30px;
margin-top:5px;
margin-bottom:5px;
padding:10px;
font-size: 12px;
}
#cadre_idenfiant {
position : relative;
width: 390px;
height:240px;
margin-left:120px;
margin-top:25px;
}
#cadre_mdp{
position:relative;
width:320px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:140px;
margin-top:25px;
padding:10px;
}
#image_recruteur {
position:relative;
width:90px;
height:71px;
background-image : url(images/image_diplome.jpg);
z-index:5;
}
#cadre_formulaire{
position:relative;
width:300px;
height:130px;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:19px;
margin-top:-47px;
}
#cadre_accueil{
position:relative;
width:480px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:40px;
margin-top:15px;
margin-bottom:14px;
padding:15px;
font-size: 12px;
}
#cadreradioposition{
position:relative;
margin-left:39px;
height:auto;
width:auto;
}
.cadreradio {
position:relative;
float: left; 
width:226px;
height:40px;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-right: 14px;
margin-bottom:30px;
padding:10px;
font-size: 12px;
text-align: center;
}
.puceinfo {
font-size: 12px;
margin : 2px 0px 0px 15px;
padding-left : 5px;
text-decoration: none;
list-style-image: url(images/puce_vert.gif); 
display: list-item;
color:#000000;
}
label {

float: left; 
width: 155px; 
font-weight: bold;
margin-right:10px;
text-align:right;
}
.label_inscription {
position:relative;
float: left; 
width: 200px; 
font-weight: bold;
margin-right:10px;
text-align:right;
}
.label_ident {
float: left; 
width: 100px; 
font-weight: bold;
margin-right:10px;
font-size: 12px;
text-align:right;
}
.label_mdp {
float: left; 
width: 120px; 
font-weight: bold;
margin-right:10px;
font-size: 12px;
text-align:right;
}
.para {
margin-bottom: 2px;
text-align: left;
}
.texte_infoffre{
position:relative;
margin-left:30px;
color:#CC0033;
font-style:italic;
font-size: 12px;
}
.texte_login{
position : relative;
margin:0px 30px 10px 30px;
}
.texte_titre_lien:link{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
text-decoration: none;
}
.texte_titre_lien:visited{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
text-decoration: none;
}
.texte_titre_lien:hover{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
text-decoration: none;
}
.titre_cadre_secondaire{
clear: both;
position:relative;
margin-left:30px;
width:500px;
height:auto;
}
.texte_titre{
position:relative;
width:400px;
margin-top:13px;
}
.texte_mdp:link{
position:relative;
margin-left:30px;
font-weight: bold;
text-decoration: none;
color:#CC0033;
}
.texte_mdp:visited{
position:relative;
margin-left:30px;
position:relative;
font-weight: bold;
color:#CC0033;
text-decoration: none;
}
.texte_mdp:hover{
position:relative;
margin-left:30px;
position:relative;
font-weight: bold;
color:#CC0033;
text-decoration: underline;
}
.lien_simple_rouge:link{
position:relative;
margin-left:3px;
text-decoration: underline;
color:#CC0033;
}
.lien_simple_rouge:visited{
position:relative;
margin-left:3px;
color:#CC0033;
text-decoration: underline;
}
.lien_simple_rouge:hover{
position:relative;
margin-left:3px;
color:#CC0033;
text-decoration: underline;
}

.lien_simple_noir:link{
position:relative;
margin-left:3px;
text-decoration: none;
color:#000000;
}
.lien_simple_noir:visited{
position:relative;
margin-left:3px;
color:#000000;
text-decoration: none;
}
.lien_simple_noir:hover{
position:relative;
margin-left:3px;
color:#000000;
font-weight: bold;
text-decoration: underline;
}

.texte_lien_ident {
position:relative;
text-align: right;
font-size: 11px;
margin:3px 3px 20px 3px;
color:#000000;
}
.texte_login2{
position : relative;
width: 400px;
margin-left:100px;
margin-top:-80px;
font-size: 11px;
text-align: center;
}
.texte_erreur{
position : relative;
width: 400px;
margin-left:100px;
margin-top: 5px;
font-size: 11px;
text-align: center;
}
.input {
position:relative;
width:267px;
height:17px;
background-color:#dbffe0;
border: solid #afafaf 1px;
padding-left : 3px;
}
.input_over {
position:relative;
width:267px;
height:17px;
background-color:#b6e9b9;
border: solid #afafaf 1px;
padding-left : 3px;
}
.select {
position:relative;
background-color:#dbffe0;
border: solid #afafaf 1px;
width:272px;
font-family : arial;
margin-bottom:2px;
}
.select_over {
position:relative;
background-color:#b6e9b9;
border: solid #afafaf 1px;
width:272px;
font-family : arial;
margin-bottom:2px;
}
.select_annee {
position:relative;
background-color:#dbffe0;
border: solid #afafaf 1px;
width:75px;
font-family : arial;
margin-bottom:2px;
}
.select_annee_over {
position:relative;
background-color:#b6e9b9;
border: solid #afafaf 1px;
width:75px;
font-family : arial;
margin-bottom:2px;
}
.input_annee {
position:relative;
width:35px;
height:17px;
font-size: 12px;
background-color:#dbffe0;
border: solid #afafaf 1px;
padding-left : 5px;
}
.input_annee_over {
position:relative;
width:40px;
height:17px;
font-size: 12px;
background-color:#b6e9b9;
border: solid #afafaf 1px;
padding-left : 3px;
}
.input_ident {
width:165px;
height:17px;
font-size: 12px;
background-color:#dbffe0;
border: solid #afafaf 1px;
padding-left : 3px;
}

.input_ident_over {
width:165px;
height:17px;
font-size: 12px;
background-color:#b6e9b9;
border: solid #afafaf 1px;
padding-left : 3px;
}
.textarea{
position:relative;
background-color:#dbffe0;
border: solid #afafaf 1px;
width:270px;
font-size: 12px;
font-family : arial;
}
.textarea_over {
position:relative;
background-color:#b6e9b9;
border: solid #afafaf 1px;
width:270px;
font-size: 12px;
font-family : arial;
}
.parcourir {
position:relative;
background-color:#dbffe0;
border: solid #afafaf 1px;
width:212px;
font-family : arial;
}
.decal_bouton {
position:relative;
padding-left: 260px;
margin-top:5px;
}
.decal_bouton_double {
position:relative;
padding-left: 205px;
margin-top:5px;
}
.decal_bouton_ident {
padding-left: 150px;
margin-top:5px;
}
.decal_bouton_mdp{
padding-left: 175px;
margin-top:5px;
}
.bouton {
position:relative;
color: #FFFFFF; 
font-weight: bold; 
font-size: 13px;
background: #039909; 
width:90px;
height:20px;
}
/* -----------debut CV------------ */
.tableau_cv_ref {
text-align:center;
width:500px;
margin-left:50px;
margin-bottom:5px;
background-color:#f4f4f4;
border: solid #afafaf 1px;
font-size:11px;
border-collapse : collapse;  
}
.tableau_cellule_cv_ref {
border: solid #afafaf 1px;
}
.tableau_cv_info {
width:500px;
margin-left:50px;
background-color:#f4f4f4;
border: solid #afafaf 1px;
font-size:11px;
margin-bottom:10px;
}
.cellule_header_info1_cv {
text-align:left;
vertical-align:top;
padding-left : 3px;
}
.cellule_header_info2_cv {
text-align:right;
vertical-align:top;
padding-left : 3px;
border-left: solid #afafaf 1px;
}
.tableau_cv_titre {
width:500px;
margin-left:50px;
background-color:#bf0303;
border: solid #afafaf 1px;
font-size:15px;
color:#FFFFFF;
text-align:center;
margin-bottom:10px;
}
.tableau_cv_formation{
width:500px;
margin-left:50px;
margin-bottom:15px;
}
.cellule_titre_formation {
color:#bf0303;
font-size:13px;
border-bottom: double #bf0303 3px;
}
.cellule_date{
text-align:center;
width:95px;
vertical-align:top;
font-weight: bold; 
}
.cellule_description {
text-align:left;
width:405px;
}
.cellule_photo{
border-left : solid #afafaf 1px;
text-align:center;
}
/* -----------fin CV------------ */

/* -----------debut tableau dans cadre------------ */
.tableau_cadre_label {
text-align:right;
width:150px;
font-weight:bold;
vertical-align:top;
}
.tableau_cadre_donnee {
padding-left:10px;
}

/* -----------fin tableau dans cadre------------ */

/* ------------------------------------------------FIN PARTIE GAUCHE----------------------------------------- */
/* ------------------------------------------------DEBUT DROITE----------------------------------------- */
#droite{
float: left;
position:relative;
width: 191px;
}
.titre1 {
position : relative;
padding-top : 10px;
width: 183px;
height: 35px;
font-weight: bold;
font-size: 13px; 
text-align : center;
color : #FFFFFF;
background-image : url(images/titre_boite_vert.gif);
background-repeat : no-repeat; 
}

#boite_info {
position : relative;
height: 215px;
width: 183px;
margin-top:11px;
background-image : url(images/texture_vert.gif);
background-repeat : repeat-y;
color : #FFFFFF;
}
#stat {
position:relative;
margin-top : -10px;
padding-left : 30px;
}
a.lien_stat:link {
font : 9pt arial;
color : #FFFFFF;
text-decoration: none;
}
a.lien_stat:visited {
font : 9pt arial;
color : #FFFFFF;
text-decoration: none;
}
a.lien_stat:hover {
font : 9pt arial;
color : #FFFFFF;
text-decoration: underline;
}
.pucestat {
margin-top : 7px;
font : 9pt arial;
color : #FFFFFF;
text-decoration: none;
list-style-image: url(images/puce_vert.gif); 
display: list-item;
}
#pub{
position : relative;
height: 150px;
width: 180px;
margin-top:11px;
margin-bottom:15px;
}
#marge_bas{
clear: both;
height: 30px;
}
/* ------------------------------------------------FIN DROITE----------------------------------------- */
.infobulle 
{
position:relative; 
z-index:24; 
color:#FFFFFF;
text-decoration:none
}

.infobulle:hover
{
z-index:25; 
background-color:#FFFFFF;
}

.infobulle span{
display: none
}

.infobulle:hover span{ 
/*le contenu de la balise span ne 
sera visible que pour l'état a:hover */
 display:block; 
 position:absolute;
 top:2em; 
 left:2em; 
 width:15em;
 border:1px solid #bf0303;
 background-color:#ffdbdb; 
 color:#000000;
 text-align: center;
 font-weight:none;
 padding:1px;
 font-weight: bold;
}
</style>
