/*********************
REDEFINITIONS GLOBALES
*********************/
body{
border-collapse: collapse;
margin:0px;
padding:0px;
font-family:Verdana, Helvetica, sans-serif,Verdana;
font-size:0.7em;
color:#000000;
background:url(../images/template/rep.gif) repeat-x top left #FFFFFF;
}

a{
color:#de0019;
text-decoration:none;
}

a:hover{
color:#3DB4B3;
text-decoration:underline;
}

form{
margin:0px;
padding:0px;
border:0px;
}

/***********
IDENTIFIANTS
***********/
#maincontent{
color:#000000;
width:972px;
height:808px;
min-height:808px;
margin: auto;
background:url(../images/template/rep_menu.gif) repeat-y top left #FFFFFF;
}

/*left  menu items */
.menu_gauche{
float:left;
width:211px;
background-color:#F1F1F1;
}
.menu_gauche h2{
margin:0px;
padding:0px;
font-size:inherit;
font-size:1.2em;
display:block;
background:url(../images/menu_gauche/puce_niveau1_2.jpg) no-repeat 10px 5px #68C1C0;
padding:5px 5px 5px 35px;

}
.menu_gauche h2 a{
color:#000000;
}
.menu_gauche h2 a:hover{
color:#000000;
text-decoration:none;
}
.menu_gauche ul{
margin:0px;
padding:0px;
list-style-type:none;
}
.menu_gauche ul li{
border-bottom:1px #D0D0D0 solid;
}
.menu_gauche ul li  .menu_gauche_cliquer {
display:block;
padding:5px 0 5px 25px;
background:url(../images/menu_gauche/puce_niveau2_2.jpg) no-repeat 15px 9px #A5DEDD;
font-weight:bold;
color:#000000;
}
.menu_gauche ul li a{
display:block;
padding:5px 0 5px 25px;
background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 15px 9px;
color:#000000;
}
.menu_gauche ul li a:hover{
background:url(../images/menu_gauche/puce_niveau2_2.jpg) no-repeat 15px 9px #A5DEDD;
font-weight:bold;
color:#000000;
}

.menu_gauche ul li ul li{
border:none;
}
.menu_gauche ul li ul li .menu_gauche_cliquer2{
padding:5px 0 5px 35px;
/*background:none;*/
background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 25px 9px;
font-weight:bold;
}
.menu_gauche ul li ul li a{
padding:5px 0 5px 35px;
background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 25px 9px;
/*background:none;*/
}
.menu_gauche ul li ul li a:hover{
/*background:none;*/
background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 25px 9px;
font-weight:bold;
}

.menu_gauche ul li ul li ul {
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
}


.menu_gauche ul li ul li ul li .menu_gauche_cliquer2{
padding:2px 0 2px 45px;
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
/*background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 35px 9px;*/
font-weight:bold;

}
.menu_gauche ul li ul li ul li a{
padding:2px 0 2px 45px;
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
}
.menu_gauche ul li ul li ul li a:hover{
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
/*background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 35px 9px;*/
font-weight:bold;
}
.menu_gauche ul li ul li ul li ul li .menu_gauche_cliquer2{
padding:2px 0 2px 55px;
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
/*background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 45px 9px;*/
font-weight:bold;

}
.menu_gauche ul li ul li ul li ul li a{
padding:2px 0 2px 55px;
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
}
.menu_gauche ul li ul li ul li ul li a:hover{
background:none;
background:url(../images/menu_gauche/filet.png) repeat-y 35px 0px;
/*background:url(../images/menu_gauche/puce_niveau2_1.jpg) no-repeat 45px 9px;*/
font-weight:bold;

}






#logo{
width:211px;
height:277px;
}

#adherent{
height:148px;
width:211px;
background:url(../images/template/chg_menu.gif) no-repeat top right #de0019;
}

html > body #adherent{
height:auto;
min-height:88px;
}
#adherent_connec{
height:108px;
width:211px;
background:url(../images/template/chg_menu.gif) no-repeat top right #de0019;
}

html > body #adherent_connec{
height:auto;
min-height:88px;
}
#adherent_ttr{
padding-left:8px;
}

#adherent_form{
padding:13px 0 0 8px;
margin:0px;
}

#inscription{
display:block;
text-decoration:none;
color:#000000;
text-transform:uppercase;
font-weight:bold;
background:url(../images/template/back_inscription.png) no-repeat;
width:170px;
height:20px;
line-height:19px;
padding-left:15px;
padding-bottom:1px;
}

#bottom_adherent a{
color:#FFFFFF;
text-decoration:none;
font-style:italic;
font-size:10px;
}

#acces_rapide{
/*margin-top:1px;*/
background-color:#a5dedd;
width:211px;
height:120px;
padding:5px 0 10px 0;
/*padding-bottom:30px;*/
}
html > body #acces_rapide{
height:auto;
min-height:120px;
}
#acces_rapide_ttr{
padding:10px 0 0 15px;
}
.acces_rapide_ttr{
padding:10px 0 0 15px;
}

#acces_adherent_2_ttr{
padding:10px 0 0 15px;
}

#acces_rapide ul{
list-style-type:none;
margin:8px 0 0px;
padding:0px;
}

#acces_rapide ul li{
padding-left:18px;
}

#acces_rapide ul li a{
background:url(../images/template/fleche_acces.png) no-repeat 0 7px;
display:block;
border-bottom:1px dotted #000000;
padding:3px 0 3px 10px;
color:#000000;
}

#bottom_acces_rapide{
margin-top:1px;
width:211px;
height:14px;
background:url(../images/template/bottom_acces_rapide.png) no-repeat top left;
}

#acces_adherent_2{
margin-top:1px;
background-color:#a5dedd;
width:211px;
padding-bottom:30px;
}

#acces_adherent_2 ul{
list-style-type:none;
margin:8px 0 0px;
padding:0px;
}

#acces_adherent_2 ul li{
padding-left:18px;
}

#acces_adherent_2 ul li a{
background:url(../images/template/fleche_acces.png) no-repeat 0 7px;
display:block;
border-bottom:1px dotted #000000;
padding:3px 0 3px 10px;
}

#bottom_acces_adherent_2{
/*margin-top:1px;
width:211px;
height:14px;
background:url(../images/template/bottom_acces_rapide.png) no-repeat top left;*/
}

#logo_mutualite{
margin:25px 0 0 55px;
}
/*end of left  menu items */

#right_content{
/*float:left;
margin-left:20px;*/
float:right;
width:730px;
}

#top_menu ul{
list-style-image:none;
margin:0px;
padding:0px;
/*float:left;*/
}

#top_menu li{
display:inline;
float:left;
}

#recherche_area{
float:left;
margin:8px 0 0 8px;

}

#recherche{
margin:0px;
padding:0px;
border:1px solid #CCCCCC;
height:22px;
}

#recherche_ok{
}

#banniere{
padding-top:10px;
}

#bienvenue{
background:url(../images/template/bienvenue.png) no-repeat top left;
width:491px;
height:100px;
float:left;
}

#bienvenue_ttr{
padding:10px 0 0 15px;
}

#txt_bienvenue{
display:block;
margin:5px 25px 0 33px;
}

#decouvrez_btn{
margin:10px 0 0 365px;
}

#votre_retraite{
float:left;
width:166px;
padding:22px 0 0 45px;
}

#profession_liste{
margin-top:5px;
width:162px;
color:#616161;
font-style:italic;
font-weight:bold;
font-size:10px;
}

#ttr_zoom_sur{
margin:10px 0 10px 25px;
}

#menu_droite{
float:left;
width:190px;
margin:0 0 0 43px;
}

#bulle{
float:left;
margin-top:20px;
}

#contenu_bulle{
float:left;
margin:20px 0 20px 15px;
width:380px;
}

#titre_bulle{
}

#texte_bulle{
padding-top:10px;
}

#footer{
border-top:1px solid #dbdbdb;
width:726px;
height:28px;
color:#999999;
padding-top:10px;
}

#footer a{
color:#999999;
padding:0 2px 0 2px;
}

#central_content{
width:691px;
}

/******
CLASSES
******/
.adherent_div_field{
background:url(../images/template/input_back.png) no-repeat top right;
width:161px;
height:18px;
}

.adherent_div_field_pwd{
background:url(../images/template/input_back_pwd.png) no-repeat top right;
width:161px;
height:18px;
}


.adherent_field{
background-color:transparent;
border:0px;
width:159px;
margin-bottom:5px;
}

.logo_droite{
display:block;
border-top:1px solid #dbdbdb;
padding-top:5px;
}

.item_menu_droite_marge{
margin:8px 0 20px 0;
}

.item_menu_droite_marge ul{
list-style-type:none;
margin:0 0 0 0px;
padding:5px 0 0 0px;
}

.item_menu_droite_marge ul li{
}

.item_menu_droite_marge ul li a{
background:url(../images/template/puce_droite.png) no-repeat 0px 2px;
padding:0 0 0 16px;
line-height:18px;
color:#000000;
}

.zoom{
float:left;
padding-left:20px;
}

.top_zoom{
width:223px;
height:28px;
background:url(../images/template/top_zoom.png) no-repeat;
color:#FFFFFF;
padding-top:8px;
}

.sep_zoom{
width:24px;
height:28px;
float:left;
}

.titre_zoom{
float:left;
font-weight:bold;
width:199px;
}

.content_zoom{
margin-top:8px;
width:223px;
text-align:justify;
}

.content_zoom span{
text-align:justify;
}

.contenu_central{
margin-top:23px;
border-top:1px solid #dbdbdb;
float:left;
width:491px;
}

.marge15{
padding-bottom:15px;
}

.hierarchie{
padding-bottom:15px;
padding-top:15px;
color:#adadad;
}

.hierarchie a{
color:#adadad;
}

.affiche_titre_rubrique{
border-top:1px solid #dbdbdb;
width:100%;
padding-top:8px;
font-size:14px;
text-transform:uppercase;
}

.affiche_titre_rubrique h1{
color:#000000;
font-size:12px;

padding:0 0 0 20px;
background:url(../images/template/chevron_titre.png) no-repeat 4px 2px #E9E9E9;
line-height:20px;
/*background-color:#a5dedd;*/
}

.affiche_titre_rubrique h1 a{
color:#000000;
}

.menu_adherent1{
width:210px;
float:left;
text-align:center;
margin-top:8px;
margin-bottom:20px;
height:91px;
background:url(../images/template/bloc_adh_connect.png) no-repeat top left;
}
.menu_adherent2{
width:210px;
float:left;
text-align:center;
margin-top:8px;
margin-bottom:20px;
height:91px;
background:url(../images/template/bloc_adh_versement.png) no-repeat top left;
}


.menu_adherent3{
width:210px;
float:left;
text-align:center;
margin-top:8px;
margin-bottom:20px;
height:91px;
background:url(../images/template/bloc_adh_contact.png) no-repeat top left;
}
.menu_adherent_marge1{
margin-right:35px;
}

.deconnexion_bloc
{
display:block;
width:95px;
height:16px;
}

.contact_bloc
{
display:block;
width:122px;
height:16px;
}

.titre_bloc_rouge{
font-size:12px;
text-transform:uppercase;
color:#DE0019;
font-weight:bold;
padding-top:8px;
}

.titre_bloc_gris{
font-size:12px;
text-transform:uppercase;
color:#6B6B6B;
font-weight:bold;
padding-top:8px;
}

.lien_bloc{
color:#000000;
background:url(../images/template/puce_noire.png) no-repeat 0px 5px;
float:left;
margin:11px 0 0 20px;
padding-left:8px;
}

.lien_bloc2{
color:#000000;
background:url(../images/template/puce_noire.png) no-repeat 0px 5px;
margin:0px 0 0 0px;
display:block;
text-align:left;
padding-left:8px;
margin-left:30px;
text-decoration:underline;
}


/*****************
CLASSES GENERIQUES
*****************/
.block{
display:block;
}

.gauche{
float:left;
}

.droite{
float:right;
}

.clear{
clear:both;
}

.dotted_top{
border-top:1px dotted #000000;
}

.bleu{
color:#1f807f;
}

.rouge{
color:#de0019;
text-decoration:underline;
font-weight:bold;
}

.rouge:hover{
color:#3DB4B3;
text-decoration:underline;
font-weight:bold;
}

.italique{
font-style:italic;
}

.gras{
font-weight:bold;
}

   a.generique_lien:link{
 color:#009999;
 }
  a.generique_lien:visited{
  color:#009999;
 }
  a.generique_lien:hover{
  color:#E00F0C;
  text-decoration:underline;
 }
  a.generique_lien:active{
   color:#009999;
 }
.separation{
clear:both;
padding-top:0px;
visibility:hidden;
}


/********
MENU HAUT
********/

.menu { position:relative; z-index:210;height:36px;width:528px;  float:left; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none;  color:#000;  line-height:20px; color:#fff;overflow:hidden;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers  */
.menu ul li:hover a {color:#000000; background:#FFFFFF;}
.menu ul li:hover ul {display:block; position:absolute; top:35px; left:0; width:210px; }
.menu ul li:hover ul li a.hide {background:#F3F3F3; color:#000000;  font-weight:lighter; font-size:9px; padding:0 0 0 20px; 
text-transform:none; border:1px #8D8D8D dotted; border-top:1px #8D8D8D dotted; border-bottom:1px #8D8D8D dotted;}
.menu ul li:hover ul li:hover a.hide {background:#A5DEDD; color:#000000; border:1px #8D8D8D dotted; border-top:1px #8D8D8D dotted; border-bottom:1px #8D8D8D dotted;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F3F3F3; color:#000000;}
.menu ul li:hover ul li a:hover {background:#A5DEDD; color:#000000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; z-index:211; left:209px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-210px;}


.menu ul li:hover ul li:hover  ul li a.hide {background:#F3F3F3; color:#000000; }
.menu ul li:hover ul li:hover  ul li:hover a.hide {background:#A5DEDD; color:#000000; }
.menu ul li:hover ul li:hover  ul li ul {display: none;}
.menu ul li:hover ul li:hover  ul li a {display:block; background:#F3F3F3; color:#000000; }
.menu ul li:hover ul li:hover  ul li a:hover {background:#A5DEDD; color:#000000; }
.menu ul li:hover ul li:hover  ul li:hover ul {display:block; position:absolute; z-index:212; left:209px; top:0;}
.menu ul li:hover ul li:hover  ul li:hover ul.left {left:-210px;}


.menu ul li:hover ul li:hover ul li:hover  ul li a.hide {background:#F3F3F3; color:#000000; }
.menu ul li:hover ul li:hover ul li:hover  ul li:hover a.hide {background:#A5DEDD; color:#000000; }
.menu ul li:hover ul li:hover ul li:hover  ul li ul {display: none;}
.menu ul li:hover ul li:hover ul li:hover  ul li a {display:block; background:#F3F3F3; color:#000000; }
.menu ul li:hover ul li:hover ul li:hover  ul li a:hover {background:#A5DEDD; color:#000000; }
.menu ul li:hover ul li:hover ul li:hover  ul li:hover ul {display:block; position:absolute; z-index:213; left:190px; top:0;}
.menu ul li:hover ul li:hover ul li:hover  ul li:hover ul.left {left:-210px;}

/*==============================================
styles specifiques aux formulaires dynamiques
===============================================*/
form{
margin:0px;
padding:0px;
}
.form_prof{
font-size:1em;
border: 1px solid #E00F0C;
background-color:#E0A2A1;
color:#FFFFFF;
}
.prof{
padding:5px 0px 15px 1px;
}
.form_div {
background-color:#A5DEDD;
padding-left:10px;
padding-right:10px;
padding-bottom:1px;
padding-top:1px;
color:#00000;
}

.form_separateur {
background-color:#40B3B3;

}

.form_input_text {
	border: 1px solid #40B3B3;
}

.form_textarea {
border: 1px solid #40B3B3;
}

.form_texte_libre {

}

.form_input_radio {

}

.form_input_checkbox {

}

.form_submit {

}

.form_reset {

}

/*==============================================
fin styles specifiques aux formulaires dynamiques 
===============================================*/

 /*==============================================
 Debut page recherche
 ==============================================*/

 .encadrement_tableau{

 }
 .fleche_titre_rubrique_article{
 vertical-align:middle;
 width:6px;
 }
 .titre1_rubrique_article{
	width:100%;
	padding-left:5px;
	font-size:12px;
	text-transform:uppercase; 
 }
 .descriptif_recherche{
	margin-left:150px;
	padding-top:5px;
	padding-bottom:10px;
	padding-left:2px;
 }
 .separation_filet_bloc{
	width:100px;
	padding-bottom:2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #009999;
	margin-left:100px;
 }
  .affiche_titre_article{
  background-repeat:no-repeat;
 padding-left:10px;
 padding-bottom:15px;
 padding-top:3px;
  font-size:14px;
 color:#FFFFFF;
 font-weight: bold;
 }
  a.recherche_lien:link{
 color:#009999;
 }
  a.recherche_lien:visited{
  color:#009999;
 }
  a.recherche_lien:hover{
  color:#009999;
  text-decoration:underline;
 }
  a.recherche_lien:active{
   color:#009999;
 }
 .resultat_recherche{
 font-size:14px;
 color:#009999;
 text-align:center;}
  .titre_vert_gras{
	color:#009999;
	font-weight: bold;
 }
a.info {
position: relative;
text-decoration: none;
color: black;
}
a.info span {
display: none;
}
a.info:hover {
	background: none;
	z-index: 500;
	color: #009999;
}
a.info:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 1em;
	background:#FFFFFF;
	text-align: center;
	color:#155ACC;
	padding: 2px;
	border: 1px solid #155ACC;
}


a.info2 {
position: relative;
text-decoration: none;
color: black;
}
a.info2 span {
display: none;
}
a.info2:hover {
	background: none;
	z-index: 500;
	color:#000000;
}
a.info2:link {
	background: none;
	z-index: 500;
	color:#000000;
}
a.info2:active {
	background: none;
	z-index: 500;
	color:#000000;
}
a.info2:visited {
	z-index: 500;
	color:#000000;
}
a.info2:hover span {
	display: inline;
	position: absolute;
	top: 2em;
	left: 1em;
	background:#FFFFFF;
	text-align: center;
	color:#155ACC;
	padding: 2px;
	border: 1px solid #155ACC;
	width: 300px;
}
  /*==============================================
 Fin page recherche
 ==============================================*/
 
    /*==============================================
Debut Partie rubrique lien
 ==============================================*/
 
 .conteneur_rub_lien{
 margin-top:15px;
 }
 .titre_affiche_mot_cle{
 font-size:14px;
 color:#FF0000;
 padding-bottom:6px;
 }
 .conteneur_tab_rub_lien{
 margin-left:15px;
 padding-bottom:10px;}
 .td_rub_lien1{
 width:10px;
 vertical-align:top;
 }
  .td_rub_lien2{
 width:350px;
 vertical-align:top;
 }
 .titre_vert_gras{
	color:#009999;
	font-weight: bold;
 }
 .filet_separation1{
 	/*width:200px;
	padding-bottom:20px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E0A2A1;*/
}
.filet_separation2{
padding-top:20px;
}
    /*==============================================
fin Partie rubrique lien
 ==============================================*/
 
  /*==============================================
Debut plan du site
 ==============================================*/
 .puce{
 list-style-type:none;
 }
     a.lien_plan:link{
 color:#E00F0C;
 font-size:14px;
  padding:3px;
 }
  a.lien_plan:visited{
  color:#E00F0C;
   font-size:14px;
    padding:3px;
 }
  a.lien_plan:hover{
  color:#009999;
  background-color:#B3E399;
  padding:3px;
   font-size:14px;
 }
  a.lien_plan:active{
   color:#E00F0C;
    font-size:14px;
	 padding:3px;
 }
  .partie_centre_plan{
  padding:3px;

 }
    /*==============================================
Fin plan du site
 ==============================================*/