a, a:hover, a:visited, a:active{
	text-decoration:none;
}

body {
margin:0;
padding:0;
}

td {
text-align:justify;
}



#contenu_global {
width: 955px;
margin: 0; /* Centrer la page */
padding:0;
}

#bloc-contenu {
float: left;
width: 955px;
background-color: #E6E9F2; /* Couleur de fond */
}

#col-centre {
margin: 0 160px 0 180px; /* Marge droite et marge gauche */
background-color: #FFFFFF; /* Couleur de fond */
}

#col-droite {
width: 160px; /* Largeur de la colonne */
margin-left: -160px; /* Marge gauche */
background-color: #E6E9F2;
float: left;
min-height:760px;
}

#input_charge1 {
	position:absolute;
	display: block;
	left:795px;
	top:47px;
	width:160px;
	height:212px;
	z-index:7;
}
#input_charge2 {
	position:absolute;
	left:913px;
	top:5px;
	width:41px;
	height:15px;
	z-index:10;
}

#input_charge3 {
	position:absolute;
	left:795px;
	top:47px;
	width:160px;
	height:212px;
	z-index:10;
}

#bulle {
	position:absolute;
	left:790px;
	top:115px;
	width:180px;
	height:240px;
	z-index:100;
}

#agent {
	position:absolute;
	left:740px;
	top:5px;
	width:248px;
	height:310px;
	z-index:6;
}

#texte_agent {
	position:absolute;
	left:795px;
	top:355px;
	width:160px;
	height:57px;
	z-index:4;
}
#col-gauche {
float: left;
width: 180px; /* Largeur de la colonne */
margin-left: -955px; /* Marge gauche */
background-color: #E6E9F2;
min-height:760px;
}

#header_site{
	height:96px;
	background:#E6E9F2;
	margin:0;
	padding:0;
	text-align:right;

}

#header_liens{
	background-color:#333875;
	font-size:11px;
	height:16px;
	color:#FFFFFF;
	margin:0;
	padding:2px 0 0 0;
	font-family:Verdana;
}

#header_liens a{
	font-family:Verdana;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	padding:0 10px;
}

#footer_index {
background-color: #333875;
clear: left;
width: 955px;
/*font-weight: bold;*/
color: #fff;
/*text-align: center;*/
/*padding: 4px 0;*/
height:20px;
}

#pied{
	float:left;
	background-color:#333875;
	height:20px;
	color:#FFFFFF;
	font-size:11px;
	padding:2px 0 0 0;
	width:955px
}
#pied a{
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	padding:0 10px;
	color:#FFFFFF;
}

#pied_secu{
	float:left;
	background-color:#333875;
	height:17px;
	color:#FFFFFF;
	font-size:11px;
}
#pied_secu a{
	font-family:Verdana;
	font-size:11px;
	text-decoration:none;
	padding:0;
	color:#FFFFFF;
}


#contenu_pages{
	vertical-align:top;
	padding:5px 0 10px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
}

#contenu_pages a:link {
	color: #033a65;
	text-decoration: underline;
}

#contenu_pages a:visited {
	color: #033a65;
	text-decoration: underline;
}

#contenu_pages a:hover {
	color: #0000ff;
	text-decoration: underline;
}

img {
	border:0;
}

#contenu_rb{
	padding-left:0px;
}

#logo_mutavie{
	margin:9px 0 0 43px;
}

#bloc_connexion{
	background:url('../foto-cadre/bloc_connexion.jpg') no-repeat top left;
	width:137px;
	height:87px;
	margin:24px 0 0 23px;
	padding:16px 0 0 3px;
	position:relative;
}

#aide_login{
	position:absolute;
	bottom:11px;
	right:9px;
	z-index: 0;
	visibility: visible;
}

#txt_solutions{
	margin:10px 0 0 12px;
}

.rubrique{
	background-color:#F4F5F9;
	margin:13px 0;
	padding-bottom:3px;
}

.rubrique_bleue img{
	padding:1px 0 1px 8px;
}

.rubrique_droite{
	margin:10px 0 0 0;
	padding-bottom:3px;
}

.rubrique_lien{
	margin:5px 0;
}

.rubrique_droite a,
.rubrique_bleue a,
.rubrique a{
	font-family:Verdana;
	font-size:11px;
	color:#0A2D82;
	text-decoration:none;
	display:block;
	padding:1px 0 1px 20px;
	margin:2px 0 0 0;
	background:url('../foto-cadre/puce_bleue.gif') no-repeat 10px 5px;
}

.rubrique_clap{
	margin:5px 0 10px 0;
	padding-bottom:0px;
	height: 32px;
}

.rubrique_clap a{
	font-family:Verdana;
	font-size:11px;
	color:#0A2D82;
	text-decoration:underline;
	display:block;
	padding:3px 0 0 65px;
	/*margin:2px 0 0 0;*/
	background:url('../foto-cadre/anim_clap_2.gif') no-repeat 35px 0px;
	height: 32px;
}

.rubrique_clap a:hover{
	color:#00F;
}


.rubrique_droite a{
	margin:0;
}

.rubrique_droite a:hover,
.rubrique_bleue a:hover,
.rubrique a:hover{
	color:#FFFFFF;
	background:url('../foto-cadre/puce_blanche.gif') no-repeat 10px 5px #333875;
	text-decoration:none;
	display:block;
}

#lien_rubrique_selection{
	color:#FFFFFF;
	background:url('../foto-cadre/puce_blanche.gif') no-repeat 10px 5px #333875;
	text-decoration:none;
	display:block;
}

#spacer_droite_haut{
	height:278px;
}

#spacer_droite_haut_bis{
	/*height:278px;*/
	height:20px;
}

#spacer_droite{
	height:150px;
}

.debut_texte {
color:#1A9BAC;
font-size:large;
}

.mot_bleu {
color:#1A9BAC;
font-weight:bold;
}

.taille_offre {
font-weight:bold;
font-size:large;
}

/* Rend invisible tout notre bloc span */
a.info_bulle_afaq span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    /*background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
	/*background	   : #d8e813;*/
	background	   : #fff;	
    border         :  1px solid #6699FF; /* Définition des bordures */
	text-decoration : none;
} 

a.info_bulle_afaq
{				
  color           : #2F368A;
  padding         : 0px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle_afaq:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_afaq:hover span, a.info_bulle_afaq:focus span, a.info_bulle_afaq:active span 
{
    top        :  10px;
	//top      :  90px;
    left       :  0px;
    width      :  100px;
    height     :  auto;
    overflow   :  visible;
	padding	   :  0px;
	text-align :  center;
	z-index    : 11;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
	font-size  :  8px;
}
/*--------------------------------------------------------------------------------------------*/
/* Rend invisible tout notre bloc span */
a.info_bulle_esca span
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
    /*background     :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
	/*background	   : #d8e813;*/
	background	   : #fff;	
    border         :  1px solid #6699FF; /* Définition des bordures */
	text-decoration : none;
} 

a.info_bulle_esca
{				
  color           : #2F368A;
  padding         : 0; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle_esca:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_esca:hover span, a.info_bulle_esca:focus span, a.info_bulle_esca:active span 
{
    top        :  10px; 
	//top      :  90px;
    left       :  -85px;
    width      :  160px;
    height     :  auto;
    overflow   :  visible;
	padding	   :  0px;
	text-align :  center;
	z-index    : 10;
	cursor:pointer;
	font-family:Verdana, Geneva, sans-serif;
	font-size  :  8px;
} 
