<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 #bf0303;
border-right: 2px solid #bf0303;
margin-top:32px;
}

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

/* ------------------------------------------------DEBUT PIED DE PAGE----------------------------------------- */
		#pied_page {
		position:relative;
		background-color: #bf0303;
		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:5;
background-color: #bf0303;
}

#padding_menu{
position:relative;
width:22px;
height:20px;
float: left;
z-index:5;
}
.bouton_menu_bleu{
position:relative;
z-index:5;
background-image: url(images/bouton_bleu.gif);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #bf0303;
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_menu_rouge{
position:relative;
z-index:5;
background-image: url(images/bouton_rouge.gif);
background-repeat: no-repeat;
background-position: center;
border: 2px solid #bf0303;
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 #bf0303;
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 #bf0303;
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_rouge.gif);
background-repeat: no-repeat;
background-position : center;
border: 2px solid #bf0303;
margin: 0px;
color : #FFFFFF;
vertical-align: middle;
padding-top : 4px;
}
#menu dd {
display: none;
border: 2px solid #bf0303;
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_rouge.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_rouge.gif);
background-repeat: no-repeat;
background-position : center;
color : #FFFFFF;
}

/* ------------------------------------------------FIN MENU----------------------------------------- */
#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 #bf0303;
margin: 0px;
color : #FFFFFF;
vertical-align: middle;
padding-top : 4px;
}
#menu2 dd {
display: none;
border: 2px solid #bf0303;
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;
}
/* ------------------------------------------------DEBUT NAVIGATION---------------------------------------- */
#navigation {
position:relative;
height:32px;
margin-top : 15px;
border-bottom : solid #bf0303 2px;
font-size: 11px;
width: auto;
}
.tableau_navigation {
border-bottom : solid #bf0303 2px;
border-collapse : collapse;  
font-size: 11px;
}
#navigation_pasidentifie {
position:relative;
height:17px;
padding-left:20px;
padding-top : 15px;
border-bottom : solid #bf0303 2px;
text-align: left;
font-size: 11px;
width: auto;
}
#texte_nav{
padding-top:1px;
position:relative;
float:left;
text-align: left;
width: 610px;
padding-left:15px;
}
#utilisateur{
position:relative;
float:left;
width: 160px;
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 GAUCHE---------------------------------------- */
/* -------------------------------------------------------------------------------------------------------------- */
#gauche{
position:relative;
float: left;
width: 605px;
font-size: 12px;
font-family : arial;
}
.cadre_logo{
margin-bottom : 20px;
height:88px;
}

.logo_recruteur {
position: relative;
padding: 5px;
margin-bottom:20px;
height:88px;
width: 205px;
background-image: url(images/espace_recruteur.gif);
background-repeat: no-repeat;
background-position : center;
}

.logo_impression {
position: relative;
height:95px;
width: 280px;
margin-bottom:80px;
display:none;
}

.info_infocv_infopanier 
{
padding-left : 220px;
}

.texte_login{
position : relative;
margin:0px 30px 10px 30px;
}
.texte_titre{
font-size: 12px;
}
.texte_titre_lien:link{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
font-size: 12px;
text-decoration: none;
}
.texte_titre_lien:visited{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
font-size: 12px;
text-decoration: none;
}
.texte_titre_lien:hover{
position:relative;
margin-top:13px;
font-weight: bold;
color:#000000;
font-size: 12px;
text-decoration: none;
}
.texte_mdp:link{
position:relative;
margin-left:30px;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color:#CC0033;
}
.texte_mdp:visited{
position:relative;
margin-left:30px;
position:relative;
font-size: 12px;
font-weight: bold;
color:#CC0033;
text-decoration: none;
}
.texte_mdp:hover{
position:relative;
margin-left:30px;
position:relative;
font-size: 12px;
font-weight: bold;
color:#CC0033;
text-decoration: underline;
}
.lien_ici:link{
position:relative;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color:#CC0033;
}
.lien_ici:visited{
position:relative;
position:relative;
font-size: 12px;
font-weight: bold;
color:#CC0033;
text-decoration: none;
}
.lien_ici:hover{
position:relative;
position:relative;
font-size: 12px;
font-weight: bold;
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_infoffre{
position:relative;
margin-left:30px;
color:#CC0033;
font-style:italic;
font-size: 12px;
}
.titre_cadre_secondaire{
clear: both;
position:relative;
margin-left:30px;
margin-top:5px;
width:500px;
height:auto;
}
#cadre_choix{
position:relative;
width:275px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:140px;
margin-top:20px;
margin-bottom:30px;
padding:12px;
}
#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;
}
#boite_accueil {
position:relative;
width:230px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:170px;
margin-top:30px;
margin-bottom:30px;
padding:15px;
font-size: 12px;
}
#cadre_offre{
position:relative;
width:530px;
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;
}
#image_recruteur {
position:relative;
width:90px;
height:71px;
background-image : url(images/image_recruteur.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_mdp{
position:relative;
width:320px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:140px;
margin-top:25px;
padding:10px;
}
.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;
}
.puceinfo {
font-size: 12px;
margin : 2px 0px 0px 15px;
padding-left : 5px;
text-decoration: none;
list-style-image: url(images/puce_rouge.gif); 
display: list-item;
color:#000000;
}
.texte_lien:link {
position:relative;
font-size: 12px;
margin:4px 0px 10px 10px;
color:#000000;
text-decoration: none;
}
.texte_lien:visited {
position:relative;
font-size: 12px;
margin:4px 0px 10px 10px;
color:#000000;
text-decoration: none;
}
.texte_lien:hover {
position:relative;
font-size: 12px;
margin:4px 0px 10px 10px;
color:#000000;
text-decoration: underline;
}

.texte_lien_navig_pagecv:link {
position:relative;
font-size: 12px;
color:#000000;
text-decoration: underline;
}
.texte_lien_navig_pagecv:visited {
position:relative;
font-size: 12px;
color:#000000;
text-decoration: underline;
}
.texte_lien_navig_pagecv:hover {
position:relative;
font-size: 12px;
color:#000000;
text-decoration: underline;
}
.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;
}
.label_cv {
position:relative;
float: left; 
width: 115px; 
font-weight: bold;
margin-top:2px;
}
.label_insc {
float: left; 
width: 200px; 
font-weight: bold;
margin-right:10px;
font-size: 12px;
text-align:right;
}
.label_profil {
position:relative;
float: left; 
width: 150px; 
font-weight: bold;
margin-right:10px;
font-size: 12px;
text-align:right;
}
#cadre_recherche{
position:relative;
width:370px;
height:auto;
background-color:#f4f4f4;
border: solid #afafaf 1px;
margin-left:90px;
margin-top:20px;
margin-bottom:30px;
padding:15px;
}
.label_recherche{
position:relative;
float: left; 
width: 140px; 
font-weight: bold;
margin-top:2px;
text-align:right;
margin-right:10px;
}
.para {
position:relative;
margin-bottom: 2px;
text-align: left;
}
.select {
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:150px;
}
.select_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:150px;
}
.select_recherche {
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:200px;
margin-bottom:2px;
}
.select_recherche_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:200px;
margin-bottom:2px;
}
.input_recherche {
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:198px;
margin-bottom:2px;
padding-left : 3px;
}
.input_recherche_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:198px;
margin-bottom:2px;
padding-left : 3px;
}
.input_profil {
position:relative;
width:265px;
height:17px;
font-size: 12px;
background-color:#ffdbdb;
border: solid #afafaf 1px;
padding-left : 3px;
}
.input_profil_over {
position:relative;
width:265px;
height:17px;
font-size: 12px;
background-color:#f1acac;
border: solid #afafaf 1px;
padding-left : 3px;
}
.select_profil {
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:272px;
font-size: 12px;
font-family : arial;
margin-bottom:2px;
}
.select_profil_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:272px;
font-size: 12px;
font-family : arial;
margin-bottom:2px;
}
.input_offre {
position:relative;
width:327px;
height:17px;
font-size: 12px;
background-color:#ffdbdb;
border: solid #afafaf 1px;
padding-left : 3px;
}
.input_offre_over {
position:relative;
width:327px;
height:17px;
font-size: 12px;
background-color:#f1acac;
border: solid #afafaf 1px;
padding-left : 3px;
}
.select_offre {
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:332px;
font-size: 12px;
font-family : arial;
margin-bottom:2px;
}
.select_offre_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:332px;
font-size: 12px;
font-family : arial;
margin-bottom:2px;
}
.textarea_offre{
position:relative;
background-color:#ffdbdb;
border: solid #afafaf 1px;
width:330px;
font-size: 12px;
font-family : arial;
}

.textarea_offre_over {
position:relative;
background-color:#f1acac;
border: solid #afafaf 1px;
width:330px;
font-size: 12px;
font-family : arial;
}
.input_ident {
width:165px;
height:17px;
font-size: 12px;
background-color:#ffdbdb;
border: solid #afafaf 1px;
padding-left : 3px;
}

.input_ident_over {
width:165px;
height:17px;
font-size: 12px;
background-color:#f1acac;
border: solid #afafaf 1px;
padding-left : 3px;
}
.decal_bouton_mdp {
padding-left: 175px;
margin-top:5px;
}
.decal_bouton_ident {
padding-left: 150px;
margin-top:5px;
}

.decal_bouton_offre {
position:relative;
padding-left: 230px;
margin-top:5px;
}
.decal_bouton_profil {
position:relative;
padding-left: 260px;
margin-top:5px;
}
.decal_bouton {
position:relative;
padding-left: 260px;
margin-top:5px;
}
.bouton {
position:relative;
color: #FFFFFF; 
font-weight: bold; 
font-size: 13px;
background: #bf0303; 
width:90px;
height:20px;
}
.decal_bouton_recherche {
position:relative;
padding-left: 150px;
margin-top:5px;
}
.bouton {
position:relative;
color: #FFFFFF; 
font-weight: bold; 
font-size: 13px;
background: #bf0303; 
width:90px;
height:20px;
}
#cadre_tableau{
position:relative;
width:600px;
height:auto;
}
.table_titre_cadre {
width:502px;
margin-left:30px;
border-collapse : collapse;  
}
.table_titre_cadre_gerer {
width:550px;
margin-left:30px;
border-collapse : collapse;  
}
.cellule_titre_cadre {
vertical-align:bottom;
}
.cellule_titre_cadre_lien{
text-align:right;
}
.bouton_gerer_offre{
text-align:left;
padding-left : 150px;
}

/* ------------------------------------------------DEBUT TABLEAU Offre ---------------------------------------- */
.tableau_offre_bouton {
width:500px;
margin-left:50px;
margin-bottom:8px;
font-size:12px;
border-collapse : collapse;  
}

.tableau_cellule_offre_publier {
text-align:left;
vertical-align:bottom;
}
.tableau_cellule_offre_editer {

text-align:right;
vertical-align:bottom;
}

.tableau_offre_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_offre_ref {
border: solid #afafaf 1px;
}
.cellule_texte_offre {
width:500px;
text-align : justify; 
padding :12px;
border-bottom: solid #afafaf 1px;
}
.cellule_info_offre {
width:500px;
text-align : left; 
margin:10px;
padding-left : 10px;
}

.tableau_titre_offre {
width:500px;
margin-left:50px;
background-color:#032bbf;
border: solid #afafaf 1px;
font-size:15px;
color:#FFFFFF;
text-align:center;
margin-bottom:10px;
}
.tableau_categorie_offre{
width:500px;
margin-left:50px;
margin-bottom:15px;
}
.cellule_titre_offre {
color:#bf0303;
font-size:13px;
border-bottom: double #032bbf 3px;
}
.cellule_label_offre{
text-align:right;
width:150px;
vertical-align:top;
font-weight: bold; 
}


/* ------------------------------------------------FIN TABLEAU Offre----------------------------------------- */
/* -----------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 CV----------------------- */
.table_titre {
font-family:arial, Verdana, helvetica, sans-serif; 
background-color:#032bbf;
color:#FFFFFF;
border-collapse : collapse;  
margin-bottom:5px;
margin-left:30px;
position:relative;
}
.table_ligne_titre {
background-color:#bf0303;
font-weight: bold;
height:20px;
}
.table_titre_celule {
border: solid #afafaf 1px;
text-align:center;
}
.table_cv {
font-family:arial, Verdana, helvetica, sans-serif; 
margin-bottom:5px;
color:#000000;
border-collapse : collapse;
margin-left:30px;  
position:relative;
}

.table_celule_cv{
border: solid #afafaf 1px;
background-color:#ffdbdb;
font-weight: bold;
padding-left:2px;
}
.table-celule-cv_over {
border: solid #afafaf 1px;
background-color:#f1acac;
font-weight: bold;
padding-left:2px;
}
a.lien_titre_cv:link {
text-decoration: none; 
color : #000000;
}
a.lien_titre_cv:visited{
text-decoration : none; 
color : #000000;
}
a.lien_titre_cv:hover{
text-decoration: none; 
}
.table_celule {
background-color:#f4f4f4;
border: solid #afafaf 1px;
padding-left:2px;
}
/* -------------------------fin tableau CV----------------------- */
#num_page {
position:relative;
width:500px;
height:12px;
z-index:1;
text-align : center;
margin-top:10px;
margin-left:30px;
}
.font_page {
color: #993300;
font-weight: bold;
}
#fleche_gauche {
position:absolute;
top:2px;
width:12px;
height:11px;
z-index:2;
}
#fleche_droite {
position:absolute;
left:71px;
top:2px;
width:12px;
height:11px;
z-index:1;
}
.tableau_cadre_label {
text-align:right;
width:148px;
font-weight:bold;
vertical-align:top;
}
.tableau_cadre_donnee {
padding-left:12px;
}
/* -------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------FIN 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_rouge.jpg);
background-repeat : no-repeat; 
}

#boite_info {
position : relative;
height: 215px;
width: 183px;
margin-top:11px;
background-image : url(images/texture_rouge.jpg);
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_rouge.gif); 
display: list-item;
}
#pub{
position : relative;
height: 150px;
width: 180px;
margin-top:11px;
}
#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:#bf0303;
}

.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;
}
</style>
