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

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

    STYLE GLOBAL ET MISE EN PAGE DES ELEMENTS COMMUNS
    

Copyright (c) 2006 by www.crans.org

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

/* STYLE GLOBAL   
    - body
    - liens
    - messages
    - aides
    - ...
*/

body
{
    background:white;
    padding:150px 5px 5px 5px;
    margin:0;
    font-family: arial, "lucida console", sans-serif;
    font-size:12px;
}

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;
    font-weight:bold;
}

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;
}


/**************************************************************************
 *    Messages 
 * (les messages affichés sur les pages pour indiquer le bon déroulement
 * ou non d'une action)
 **************************************************************************/
#_crans_main_message_place_holder {
    height:0;
    overflow:visible;
    position:absolute;
    top:100px;
    width:100%;
}

.messageText {
    padding:2px 10px;
    display:block;
}

.message {
    padding: 0;
    background: #fad163;
    width: 300px;
    text-align: center;
    margin : 1px auto 10px auto;
}
.errorMessage {
    display:block;
    background:white;
    border:2px #cc0000 solid;
    padding:5px;
    text-align:center;
    min-width:230px;
    max-width:430px;
    font-weight:bold;
    margin : 1px auto 10px auto;
}

#_crans_main_message_chargement {
    background:#cc0000;
    position:fixed;
    top:1px;
    right:1px;
    z-index:1000;
    display:none;
    padding:2px 3px;
    color:white;
}

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


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

#leftMenu h2 {
    display:none;
}

div.visualClear {clear:both;}


.aide {
    font-size:0.8em;
}


.crans_warning {
  font-style: italic;
  font-size: .8em;
  border : thin black solid;
  display: block;
  width:80%;
  padding:3px 5px 3px 30px;
  margin:auto;
  background: center left no-repeat url('/static/images/crans_mini_warning.png');		
}
		
.crans_signature {
text-align: right;
display: block;
}

a.crans_helpd {
    min-height: 15px;
    padding-left:17px;
    background: no-repeat url('/static/images/crans_help.png');
}