/*************************************************************
                                           ..               
                      ....  ............   ........         
                    .     .......   .            ....  ..   
                  .  ... ..   ..   ..    ..   ..... .  ..   
                  .. .. ....@@@.  ..  .       ........  .   
             ..  .  .. ..@.@@..@@.  .@@@@@@@   @@@@@@. .... 
        .@@@@. .@@@@. .@@@@..@@.@@..@@@..@@@..@@@@.... .... 
      @@@@... .@@@.. @@ @@  .@..@@..@@...@@@.  .@@@@@.    ..
    .@@@..  . @@@.   @@.@@..@@.@@..@@@   @@ .@@@@@@..  .....
   ...@@@.... @@@    .@@.......... ........ .....        .. 
  . ..@@@@.. .         .@@@@.   .. .......  . ............. 
 .   ..   ....           ..     .. . ... ....               
.    .       ....   ............. .. ...                    
..  ..  ...   ........ ...      ...                         
 ................................   

==============================================================
mainInterface.css - Intranet Style                                                                                                     

    STYLE GLOBAL ET MISE EN PAGE DES ELEMENTS COMMUNS
    

Copyright (c) 2006 by www.crans.org

**************************************************************/

/* STYLE GLOBAL   
    - body
    - liens
    - titres
    - images
    - ...
*/

body
{
    background:white;
    padding:150px 5px 5px 5px;
    margin:0;
}

a, a:hover, a:visited {color:blue;}

h1#pageTitle {
    border:5px solid #e2e2e2; /* #acc0ff */
    background-color:#f2f2f2;
    width:100%;
    margin:0;
}

img {
    border:none;
}


div#pageContent {
    padding:0;
    margin:10px;
}

/**************************************************************************/


/* LE HAUT DES PAGES
    - le logo a gauche
    - petit menu a droite
*/

div#topContent {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:150px;
    padding:0;
}

img#main_topContentLogo {
    height:100%;
}
/*<!-- MENU EN HAUT -->*/

ul#main_topContentMenu {
    /* Position */
    z-index:2;
    position:absolute;
    right:0px;
    top:0px;
    /* taille */
    height:30px;
    float:right;
    /* disposition */
    padding:0;
    margin:0;
    background:transparent;
    /* suppression des puces de liste */
    list-style-type: none;
}

ul#main_topContentMenu li {
    float:left;
    padding:0 10px;
    border-right:1px black solid;
}
ul#main_topContentMenu li.last {
    border-right-style:none;
}

ul#main_topContentMenu hr, div#topMenu h1 {
    display:none;
}

/**************************************************************************
 *    LE BAS DES PAGES
 **************************************************************************/
/*<!-- footer -->*/

#mainFooter {
	text-align:center;
	color:gray;
	font-size:small;
}
#mainFooter a {
	color:gray;
	margin:5px;
}

/**************************************************************************
 *    DIVERS
 **************************************************************************/


/*<!-- MENU A GAUCHE -->*/
#leftMenu ul {
    list-style-type: none;
    /* disposition */
    padding:0 25px;
}

#leftMenu h2 {
    display:none;
}


div.visualClear {clear:both;}

div.framed_gray {
    border:5px solid #e2e2e2; /* #acc0ff */
    background-color:#f2f2f2;
    padding:10px;
}

div.framed_gray fieldset {
    border-width:2px;
    border-style:solid none none none;
    border-color:#a2a2a2;
    padding:10px;
    margin:10px 10px;
}

div.framed_gray fieldset legend {
    color:#a2a2a2;
}

div.framed_gray fieldset ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

div.framed_gray fieldset ul li {
    float:left;
    height:70px;
    width:100px;
    margin:5px;
    display:block;
    text-align:center;
}

div.framed_gray fieldset ul li span {
    margin-bottom:0;
    display:block;
}
div.framed_gray fieldset ul a {
    color:black;
    text-decoration:none;
}

div.framed_gray fieldset ul li img {
    margin:2px auto;
    width:32px;
    height:32px;
}

.aide {
    font-size:0.8em;
}