/**Paula Villegas - page du CHU de Besancon
derniere mise a jour: 01-avr-2008 13:00
**/


/*
-------------------
on trouve dans l'ordre:
1.propriete, general
2.retour haut page
3.images
4.global
5.liens haut de page
6.bandeau image
7.recherche
8.menu
9.bandeau navigation
10.corps
11.menu gauche
12.infos
13.pied
14.generiques a supprimer apres construction
-------------------
*/


/*
-------------------
  1. propriete
     general
-------------------
*/

body{
width:100%;
height:auto;
margin:0;
padding:0;
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#000; /*noir*/
font-size:80%;
text-align:center; /* pour corriger le bug de centrage IE*/
}

h1{
padding:0;
margin:0;
color:#fff; /*blanc*/
font-size:0%;
visibility:hidden;
}

h2{
color:#306; /*marine*/
font: bold 120%;
letter-spacing:2px;
text-align: left;
padding:3px 0 3px 0;
}

h3{
color:#306; /*marine*/
font: bold 110%;
text-align:left;
padding:3px 2px 0 2px;
}

h4{
color:#f30; /*orange*/
font: bold 100%;
text-align:left;
padding:3px 2px 0 2px;
}

h5{
color:#39c; /*bleu*/
font: bold 1.3em; 
text-align:left;
padding:0 0 0 25px;
}

.float_right{
float:right;}

.left {
text-align:left;}

a{
color:#306; /*marine*/
font-weight:bold;
font-size:100%;
text-decoration:none;
}

a:link{
color:#306; /*marine*/
font-weight:bold;
}

a:visited{
color:#666; /*gris fonce*/
}

a:hover{;
color:#f30; /*orange*/
font-weight:bold;
text-decoration:underline;
}

ul{
list-style-type:none;}

li{
list-style-type:none;}

/*
-------------------
   2. retour
      haut page
-------------------
*/

.retour_haut{
font-size:70%;
text-align: right;
text-decoration:none;
padding:0 10px 0 0;
}

/*
-------------------
    3. images
-------------------
*/

img{
text-align:center;}

.img_lien{
border:0;
padding-right:10px;
vertical-align:middle;
}

/*
-------------------
    4. global
-------------------
*/

div#global{
margin:0px;
padding:0px;
width:90%;
margin-left:auto; /*important pour centrage avec Firefox*/
margin-right:auto; /*important pour centrage avec Firefox*/
text-align:left;
}


/*
-----------------------
 5. liens
    haut de page
-----------------------
/*partie temporairement supprimee*/

/*
------------------
  6. bandeau
     image
------------------
*/

div#bando_img{
width:100%;
height:auto;
padding:0;
margin:0;
text-align:center;
}

/*
------------------
  7. recherche
------------------
*/

div#rubrique_recherche{
width:100%;
height:15px;
padding-top:10px;
padding-bottom:10px;
margin:0;
text-align:left;
}

div#rubrique{
float:left;
width:49%;
height:100%;
text-align: left;
}

div#moteur_google{
float:right;
width:49%;
height:100%;
margin:0;
padding:0;
text-align:left;
}
/*
------------------
     8. menu
------------------
*/

#menu{
background-image:url(images/fond1px_4.gif);
width:100%;
height:28px; /*concerne la hauteur du menu*/
list-style-type: none;
margin:0;
padding:0;
border:0;
}

#menu li{
float: left;
width: auto; /*135pxconcerne la largeur de li texte*/
margin: 0;
padding: 0;
border: 0;
list-style-type: none;}

#menu li a:link, #menu li a:visited {
display: block;
height: auto;
color:#fff; /*couleur du texte*/
background-image:url(images/fond1px_4.gif);
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff; /*blanc couleur de la bordure droite*/
text-decoration: none;
}

#menu li a:hover{
color:#000;
background-image:url(images/fond4_1px.gif);
}

#menu li a:active{
background-color: #306; /*marine indique la page sur laquelle on évolue*/
}

#menu li .current{
background-color: #306; /*marine indique la page sur laquelle on évolue*/
}


/*
------------------
  9. bandeau
     navigation
------------------
*/

div#bandeau_nav{
width:100%;
padding:5px 0 5px 0px;
margin:0;
text-align:left;
height:30px;
}

#bandeau_nav li{
display:inline;
color:#306; /*marine*/
font-weight: bold;
font-size:85%;
color:#f60; /*orange*/
}

#bandeau_nav a{
color:#f60; /*orange*/
}

/*
------------------
   10. corps
------------------
*/

div#corps{
float:left;
width:55%;
height:auto;
margin:0;
padding:2px 2px;
text-align:justify;
}

div#corps h3{
color:#39c;
border-left:2px solid #39c;
border-bottom:2px solid #39c;}

#corps ul{
list-style-image:url(images/puce_orange.png);}

/*
------------------
 11. menu gauche
------------------
*/

div#menuG{
float:left;
width:25%;
padding-right:3px;
margin-left:-20px;
text-align:left;
}

#menuG a{
font-weight: bold;
border-left:10px solid #39c; /*bleu*/
list-style-type:none;
}

#menuG a:link{
color:#306; /*marine*/
font-weight:normal;
list-style-type:none;
}

#menuG a:visited{
color:#666; /*gris fonce*/
}

#menuG a:hover{;
color:#f60; /*orange*/
text-decoration:none;
border-left:10px solid #f60; /*orange*/
}

#menuG ul{
list-style-type:none;}

#menuG li{
display: block;
padding:0;
margin:0;
text-align:left;
vertical-align: middle;
font-size:85%;
line-height:250%;
list-style-type:none;}



/*
------------------
12. infos pratiques
------------------
*/

div#infos{
float:left;
width:18%;
padding:0;
margin:0;
text-align:left;
}

#infos h3{
text-align:center;}

#infos ul{
display: block;
padding:0;
margin-left:2em;
font-size:100%;
}

#infos li{
display: block;
padding:0;
margin:0;
list-style-type:none;
font-size:85%;
line-height:40px;}

#tel_urgent{
color:#f00; /*rouge*/
font-size:120%;
}


/*
------------------
    13. pied
------------------
*/

div#pied{
clear:both;
width:100%;
height:100%;
margin:0;
padding:0;
font-size:70%;
text-align:center;
}

#pied p{
font-size:100%;
text-align:center;
}

#pied ul{
display: block;
border:none;
}

#pied li{
display:inline;
border:none;
}


/*
------------------
ci-apres:
generiques a
supprimer apres
construction
------------------
*/


/*
------------------
    taille
    police
    temporaire
------------------
*/

.sixty{
font-size:60%;
}

.seventy{
font-size:70%;
}

.eighty{
font-size:80%;
}

.ninety{
font-size:90%;
}

/*
------------------
  alignement
  texte
------------------
*/

.left {
text-align:left;
}

.center {
text-align:center;
}

.right {
text-align: right;
}

.justify{
text-align:justify;
}

/*
------------------
  texte
  non visible
------------------
*/

.hidden{
visibility: hidden;
}


/*
------------------
  positionnement
------------------
*/


.behind {
position:absolute;
z-index:-1
}.float_left{
float:left;
}

/*
------------------
     couleur
     fond
------------------
*/

.aqua {
background-color:aqua;
}

.blue {
background-color:blue;
}

.gray {
background-color:gray;
}

.green {
background-color:green;
}

.pink {
background-color:pink;
}

.tan {
background-color:tan;
}

.yellow {
background-color:yellow;
}

/*
color:#f30; /*orange*
color:#000; /*noir*
color:#336699; /* bleu petrole*
color:#C00; /* rouge fonce*
color:#fff; /*blanc*
color:#306; /*marine*
color:#ccc; /*
*/

/*MENU*/
/*#3B4E77; /*bleu petrole*/
/*#3366CC; /*bleu azur*/
/*#006; /*marine*/
/*#f90; /*orange clair*/
/*#f60; /*orange fonce*/