/********************************************
 * Domaine : mutuelle.org
 *
 * Exploitant : Mutuelle du Médecin
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/

/***** Headings  and Links*****/
* { margin:0; padding:0; }
ul { list-style:none; }
h1, h3, h4, h5, h6 { font-weight:bold; }
h4, h5 {padding: 1em 0 .6em 0;font-size: 1.1em;}
h2 { font-size: 1.3em;}
h3 { font-size: 1.2em;}
a { color: #384050; }
a:hover {text-decoration: none;}
a img { border: 0;}
fieldset { border: none; }
hr { visibility: hidden; clear: both; }

/***** Formatage générale *****/
html { font-size: 100%; } /* Évite un bug sur les IE lors du zoom des caractères */
body { font:.8em/1.2 Verdana, Arial, Helvetica, sans-serif; margin: auto;  width: 990px; position: relative; padding: 0 0 20px 0; color: #73615F;}

/*** Classes spécifiques */
.img-centre { display: block; margin: auto; }
.img-left { float: left; margin: 5px 10px 10px 0;}
.img-right { float: right; margin: 5px 0 10px 10px; }
.petit {font-size: .8em;}
.tableau-titre {	}
.tableau-sous-titre {	}
.tiers-right { float: right; width: 300px; padding: 0 0 0 0;}
.vert { color: #239b2f; } 
.jaune { color: #cc9900;}
.rouge {color: #cd200e;}
.csc-default, #nav-top .csc-default { padding: 0; }
/***** EN TÊTE *****/
#en_tete{ width: 1010px; height: 200px; }
    #en_tete #logo { height: 152px; width: 136px; padding: 0; float: left; margin: 35px 144px 0 0; font-size: 1em;}
      #en_tete #logo a { position: absolute;}

/***** MENU SITUÉ PRÈS DE L'ENT-TÊTE *****/
#en_tete #nav { background: url("images/nav.png") bottom right; height: 93px; padding: 15px 32px 0 0; float: right; }
#en_tete #nav a { color: #FFFFFF;}
  #en_tete #nav li { text-align: center; float: left; padding: 0; width: 114px; position: relative; z-index: 21; background: url("images/nav-li.png") bottom left; text-align: left; margin: 0 12px 0 0;}
    #en_tete #nav li p { width: 90px; padding: 48px 12px 10px 5px; font-size: .85em; text-transform: lowercase; }
      #en_tete #nav li p a { font-weight: bold; border-top: none; font-size: 1em; margin: 0; height: 25px; }
      #en_tete #nav li p a.active { padding: 2em 0 0 0; }
    #en_tete #nav li #general { background: url("images/visuel-general.jpg") left top no-repeat; }
    #en_tete #nav li #etudiant { background: url("images/visuel-etudiant.jpg") left top no-repeat; }
    #en_tete #nav li #interne { background: url("images/visuel-interne.jpg") left top no-repeat; }
    #en_tete #nav li #medecin-liberal { background: url("images/visuel-liberal.jpg") left top no-repeat; }
    #en_tete #nav li #medecin-salarie { background: url("images/visuel-salarie.jpg") left top no-repeat; }
      #en_tete #nav li a { text-decoration: none; display: block; padding: 3px 0 3px 0; margin: 0 12px 0 5px; height: 110%; font-size: .9em; }
        /* 2ème niveau */
        #en_tete #nav li ul { display: none; padding: 0 9px 10px 0; left: 0; width: 105px; z-index: 10; font-size: .9em;}
        #en_tete #nav li:hover ul { display: block; }
          #en_tete #nav li ul li { background: transparent; width: 105px;margin: 0; padding: 0; border-top: dotted #a0cce5 1px; float: none;}
            #en_tete #nav li ul li a {margin: 0; padding: 3px 0 3px 5px;}
          #en_tete #nav li ul li:hover { background: transparent; }

/**** Menu qui sommes-nous ? ***/
#nav-top div { float: left; width: 300px; padding: 0 35px 0 0;}
  #nav-top ul li { margin: 2px 0 0 0;}
    #nav-top ul li a { width: 148px; line-height: 18px; padding: 0; display: block; font-size: .85em; color: #FFFFFF; text-indent: 5px; background: #57adde url("images/qui-sommes-nous-contact.png") no-repeat; text-decoration: none; font-weight: bold;}

/**** BLOC ACCÈS ADHÉRANTS *****/
#adherent { font-size: .8em; }
	#adherent h3 { margin: 0 0 4px 10px; color: #93807c; }
	#adherent label { width: 85px; float: left; font-size: .8em; line-height: 16px; padding: 0;}
	#adherent input { border: 0; height: 16px; padding: 3px 0 0 11px; width: 130px; vertical-align: middle; color: #FFFFFF; background: #b6a8a7 url("images/adherents-identifiant.png"); font-size: .95em;}
	#adherent a { font-size: .8em; color: black; }
	#adherent p { padding: 2px 5px 0 0; font-size: 1.1em; margin: 0 0 0 10px;}
		#adherent input.button { width: 24px; border: none; height: 19px; padding: 3px; background: url("images/adherents-ok.png") right; }


/***** PIED DE PAGE ET SIGNATURE *****/
#footer { background: white; clear: both; text-align: center; font-size: .8em;}
  #footer ul { margin: 4em 0 0 0; border-top: dotted #a0cce5 1px; padding: .5em 0; background: url("images/footer.jpg") repeat-y;}
	#footer ul li { display: inline; padding: 0 13px 0 10px; }
	#footer ul li + li { border-left: 1px solid #FFFFFF; }
  	#footer ul li a { color: #FFFFFF; text-decoration: none;}
  	#footer ul li a:hover { text-decoration: underline; }

#signature { font-weight: normal; text-align: center; position: absolute; bottom: 0; left: 0; width: 1010px; color: #a8b0c0; font-size: .8em; }
	#signature a { color: #a8b0c0; }
	#signature a:hover { text-decoration: none; }
	
/********************************************
 * Domaine : mutuelle.org
 *
 * Exploitant : Mutuelle du Médecin
 *
 * Rôle : Feuille de style générale
 *
 * Auteur : Ultra-Fluide, copyright 2009
 ********************************************/