/* ===============================
Feuille de styles pour le CNNHG 
=================================*/

* { padding: 0; margin: 0; }
body {
    color: white; /* Couleur de la police */
    background-color: #8c8c8c; /* Couleur d'arrière-plan */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small; /* Taille de la police */
}
#wrapper {
    color: black;
    border: 2px solid #00CC00;
    background-color: white;
    width: 975px !important; /* largeur de la zone de contenu */
    margin: auto !important;
}
a {
    text-decoration: none;
}
/* =======================
Le bandeau
=========================*/
#bandeau {
    position: relative;
    color: black;
    background-color: #00CC00;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border: 5px solid #99FF99;
}
/* ==================
La zone de navigation 
====================*/
#zone_de_navigation {
    position: absolute;
    float: left;
    width: 130px !important;
    padding-left: 8px !important;
    padding-top: 20px !important;
    padding-bottom: 20px;
    background-color: #00CC00;
    border: 5px solid #99FF99 !important;
    border-top: 10px solid #00CC00 !important;
}
/*=======================
La sous zone one du menu
=========================*/
.sous_zone_one ul {
    color: black;
    width: 108px !important;
    padding-left: 5px !important;
    margin-left: 0 !important;
}
.sous_zone_one li {
    list-style: none;
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin: 0;
}
/* ligne de cadre au-dessus del'élément de liste "page_accueil" */
.sous_zone_one #navi01 {
    border-top: 1px solid #d9d9d9 !important;
}
.sous_zone_one a { 
    display: block; /* toute la surface est cliquable */
    text-decoration: none;
    color: black;
    padding: 4px;
    border-left: 3px solid #99FF99; /* invisible */
}
.sous_zone_one a:active {
    background-color: #99FF99; 
}
.sous_zone_one a:hover, /* avec une virgule à la fin */
    #page_accueil #navi01 a, /* avec une virgule à la fin */
    #page_de_contact #navi02 a,
    #archives #navi03 a,
    #prochaines_journees #navi04 a,
    #Annonces #navi05 a,
    #services_neuro_CH #navi06 a,
    #statuts #navi07 a,
    #postes_PH_vacants #navi08 a,
    #Documents_Administratifs #navi09 a,
    #documents_medicaux #navi10 a,
    #revues_de_neurologie #navi11 a  /* sans virgule à la fin */
{
    color: black;
    background-color: #99FF99;
    border-left: 4px solid #00CC00;
    border-bottom: 2px solid #00CC00;
} 
/*=========================
La sous zone two HonCode
==========================*/
.sous_zone_two {
    width: 130px;
	position: absolute;
	background-color: white; 
    border: 0px solid white;
    border-top: 5px solid #99FF99;
	padding-top: 10px;
	margin-top: 20px;
	margin-left: none;
	margin-right: none;
	margin-bottom: none;
	list-style: none;
}
/*========================
La sous zone three MMT
=========================*/
.sous_zone_three {
    width: 130px;
	position: absolute;
	background-color: white; 
    border: 0px solid white;
	padding-top: 10px;
	margin-top: 116px;
	margin-left: none;
	margin-right: none;
	margin-bottom: none;
	list-style: none;
}
/*========================
La sous zone four Neurodon
=========================*/
.sous_zone_four {
    width: 130px;
	position: absolute;
	background-color: white;
	border: 0px solid white;
	padding-top: 10px;
	margin-top: 225px;
	margin-left: none;
	margin-right: none;
	margin-bottom: none;
	list-style: none;
}
/* =======================
La zone de texte 
=========================*/
#zone_de_texte {
    float: right;
    width: 800px;
    padding-top: 20px;
    padding-right: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-left: 155px;
}
#zone_de_texte a {
    display: text;
    color: black;
    background-color: white;
}
#zone_de_texte a:hover {
    color: #00CC00;
    font-size: 100%;
    background-color: white;
}
#zone_de_texte a:active {
    color: #707070;
    background-color: white;
}
#contenu_principal {
    float: left;
    width: 400px;
    padding: 5px 50px 5px 15px;
}
#contenu_principal a {
    color: black;
    background-color: white;
}
#contenu_principal a:hover {
    color: #00CC00;
    background-color: white;
}
#contenu_principal a:active {
    color: #707070;
    background-color: white;
}
#contenu_principal a:visited {
    color: #707070;
    background-color: white;
}
a img { /* couleur de la bordure des images de revues cliquables */
    border: 5px solid #99FF99;
}
a:hover img{ /* couleur modifiée de la bordure des images de revues cliquables au passage de la souris */
    border: 5px solid #00CC00;
}
.lettrine { /* première lettre du paragraphe encadrée */
    font-size: 24px;
    font-family: Helvetica;
    font-weight: bold;
    background-color: #99FF99;
    border: thin solid #00CC00;
    padding: 8px;
    float: left;
    margin: 5px 8px 0 0;
}
.poste { /* dans "postes PH vacants" = encadrement du nom de la ville du CH */
    background-color: #99FF99;
    border: thin inset #00CC00;
    padding: 6px;
    font-variant: small-caps;
    margin: 3px 5px 0 0;
} 
.octets { /* caractéristiques et poids du document à télécharger */
    font-size: 80%;
    font-variant: small-caps;
    letter-spacing: -1px;
    word-spacing: 1px;
    color: black;
}
p.lien_externe { /* spécificité de l'écriture pour un site externe en lien direct */
    text-style: sans-serif;
    letter-spacing: 3px;
    text-decoration: none;
    color: #00CC00;
}
p.intro {
    text-align: justify;
}
p.news {
    letter-spacing: 2px;
	text-style: verdana;
	color: red;
}
p.charte { /* dans "vacance de postes de PH topo introductif */
    text-align: justify;
    letter-spacing: 3px;
    word-spacing: 5px;
    margin: 2px 60px 2px 60px;
}
p.vitesse { /* dans les archives */
    text-align: justify;
	font-size: 70%;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin: 1px 5px 1px 5px;
}
.linkbasic {
    letter-spacing: 3px;
    font-weight: bold;
}
.retour { /* lien pour retour à l'accueil si IE 6 ou inf */
    text-align: center;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 2px;
    word-spacing: 2px;
    vertical-align: super;
    text-transform: uppercase;
}
.listeCarre { /* puce différente dans listing */
    list-style: square inside;
	color: #00CC00;
}
.question { /*question dans listing */
    color: black;
	font-variant: small-caps;
}
.actu { /*titres (national, international) dans les Annonces + Années*/
    color: #00CC00;
	font: 20pt Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contenu_secondaire {
    float: right;
    width: 316px;
    border: 2px solid #00CC00;
}
#contenu_secondaire a {
    color: black;
    background-color: white;
}
#contenu_secondaire a:hover {
    color: #00CC00;
    background-color: white;
}
#contenu_secondaire a:active {
    color: #707070;
    background-color: white;
}
#contenu_secondaire a:visited {
    color: #707070;
    background-color: white;
}
/* =======================
Le pied de page 
=========================*/
#pied_de_page {
    clear: both;
    padding: 3px 0 5px 0; /* marge interne sup, au dessus de la bordure */
    border: 3px solid #00CC00; /* bordure */
    border-right: none;
    border-left: none;
    background-color: #99FF99;
    margin-top: 20px; /* marge externe sup, au dessus de la bordure */
}
#pied_de_page a {
    color: black;
    background-color: #99FF99;
}
#pied_de_page a:hover {
    color: #00CC00;
    font-size: 150%;
    background-color: #99FF99;
}
#pied_de_page a:active {
    color: #707070;
    background-color: #99FF99;
}
/* =======================
Les details 
=========================*/
/* Sélecteur imbriqué : uniquement l'image du bandeau */
#bandeau img {
    background-color: white;
}
#bandeau p {
    position:absolute;
    top: 10px;
    right: 10px;
    font-weight: bold; /* gras */
    padding: 5px 0 5px 0;
    margin-bottom: 0; /* était 1em */
}
#bandeau p span {
    color: #d90000; /* couleur de la police */
}
h1 { font-size: 160%;
}
h2 { 
    font-size: 140%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 5px; 
    color: black;
    margin-bottom: 2em;	
}
#b { /* soulignement vert des titres h2 noirs d'en-tête de page */
   border-bottom: 3px solid #00CC00;
} 
#bb {
   border-bottom: 1px solid #00CC00;
}
#c { /* titres des annonces nationales et internationales */
   border-top: 1px solid #00CC00;
   border-right: 1px solid #00CC00;
   border-left: 3px solid #00CC00;
   border-bottom: 3px solid #00CC00;
}
#d { /* case d'inscription sur la liste de diffusion (page d'accueil) */
   border: 1px dotted #00CC00;
   background-color: #99FF99;
   text-shadow: 1px #00CC00;
}
h3 {
    font-size: 130%;
    margin-bottom: 1em;
    margin-top: 2em;
}
h4 {
    font-size: 100%;
	letter-spacing: 2px;
	margin-left: 20px;
    margin-bottom: 1em;
}
h5 {
    font-size: 100%;
    margin-bottom: 1em;
}
address {
    texte-align: center; /* centrer */
    font-size: 80%; /* un peu plus petit */
    font-style: normal; /* police normale, pas en italique */
    letter-spacing: 2px; /* espacement entre les lettres */
    line-height: 1.5em; /* espacement entre les lignes */
}
/* =======================
Le formulaire de contact 
=========================*/
form {
    background-color: #99FF99;
    width: 400px; /* largeur du formulaire */
    padding: 20px;
    border: 1px solid #00CC00;
}
label { display: block; } /* titre sur une ligne à part */
/* meme longueur pour les deux champs de saisie */
#expediteur, textarea {
    width: 300px;
    border: 1px solid #00CC00;
    margin-bottom: 1em;
}
textarea { height: 7em; }
input:focus, textarea:focus
{
    background-color: #00CC00;
}