/*
 * Haut de page, baniere 
 */

.topbar{
	border:           none;
	margin:           0px;
	padding-top:      0px;
	padding-bottom:   52px;
	padding-left:     0px;
	padding-right:    800px;
	background-image: url("../images/menu_minitop.png");
	width:            798px;
	height:           600px;
	clear:            both;
	position:         relative;
}

/*
 * The entire page (TODO : move to body in default.css)
 */

.main_layout{
	margin:           0px;
	padding:          0px;
	width:            100%;
	clear:            both;
	position:         relative;
	border:           none;
	display:          inline;
}

/*
 * The menu
 */

#main_menu{
	position:         absolute;
	left:             0px;
	top:              52px;
	width:            160px;
	height:           400px;
	border:           none;
/*	margin:           0px;
	padding:          0px;
	float:            left;*/
	font-size:        11px;
	font-weight:      bold;
}

/* 
 * The main area of the page with the text
 */

#main_page{
        margin-top:       0px;
	margin-bottom:    0px;
	margin-left:      160px;
	margin-right:     10px;
        padding:          20px;
	background:       #ffffff;
	min-height:       400px;
	text-align:       justify;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-left:      162px;
	margin-right:     12px;
}
html>body>main_layout #main_page {
margin-left: 162px;
margin-right:12px;
}
	
/*	vertical-align:   top;
        width:            auto;
	min-width:        500px;
	min-height:       400px;
	float:            right;
        border-style:     solid;
        border-color:     #d9e2e2;
        border-top-width: 0px;
        border-bottom-width:1px;
        border-left-width:1px;
        border-right-width:1px;
        position:         relative;
}*/

.page_bottom{
	vertical-align:   bottom;
        margin:           0.5%;
 	margin-top:       0%;
	padding:          0.5%;
        padding-top:      0%;
        width:            98%;
        text-align:       center;
	color:            #ffffff;
	font-size:        80%;
	position:         relative;
}

.page_bottom a{
  	color:            #eeeeff;
}

.mise_a_jour{
        margin: 0%;
	margin-right: 0.5%;
        padding-top: 0%;
	padding-bottom: 2%;
	padding-right: 2%;
	padding-left: 2%;
        width: 95.5%;
	background-color: #ffffff;
	text-align:     right;
        border-top:     1px dashed #f0f0f0;
        border-bottom:  none;
        border-left:    none;
        border-right:   none;
}

/* 
 * Mise en page du menu lateral
 */

.menu_item{
	background:    #d0ddef;
	border-style:  solid;
	border-color:  #000000;
	border-width:  1px;
	padding:       0px;
	margin-left:   5px;
	margin-right:  5px;
	margin-top:    0px;
	margin-bottom: 0px;
	font-size:     14px;
	color:         #00397f;
	text-align:    center;
	white-space:   nowrap;
}

.submenu_item{
	background: #ffffff;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	padding: 0px;
   	margin-left: 5px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	color: #00397f;
	text-align: center;
	white-space: nowrap;
	z-index: 10;
}

.submenu_item:hover{
	border-color: #000000;
	border-left: 3px;
	border-right: 3px;
}

.menu_autres{
        margin:      5px;
        padding:     5px;
	font-size:   14px;
        color:       #ffffff;
        border: 1px dashed #f0f0f0;
}

.menu_autres a{
        color:             #f0f0f0;
	text-decoration:   none;
}

/*
 * Mise en page des actualites
 */

.welcome {
	width:  280px;
	height:  80px;
	border: 1px solid #a0a0a0;
	margin: 0px;
	padding: 10px;
	font-size: 100%;
	background-color: #e7f4ff;
	-moz-border-radius: 10px 10px 10px 10px;
}

.icon-button{
        display: block;
	margin: 15px;
	padding:  0;
	border: 0px;
	width:  auto;
	height: 100px;
	float: left;
	text-align: center;
}

.actualite {
	border: 1px solid #a0a0a0;
	background-color: #d0ddef;
	padding: 0px;
	margin: 0px;
	margin-bottom: 16px;
	-moz-border-radius: 10px 10px 0 0;
}

.actualite-title {
	border-bottom: 1px dashed #d0d0d0;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 90%;
}

.actualite-text {
	margin: 1px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 1px;
	min-height: 100px;
	font-size: 80%;
	text-align: justify;
	background-color: #ffffff;
}

.actualite-icon {
        float:         left;
        margin-top:    0px;
	margin-left:   0px;
	margin-right:  10px;
	margin-bottom: 0px;
}

.actualite-links {
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 1px;
	text-align: left;
}

/*
 * Mise en page de l'index
 */
 
.index-table {
	 border: 1px solid #a0a0a0;
	 margin: 10px;
	 padding: 0px; 
	 background-color: #f7efcf; 
	 text-align: center;
}

.index-table-selectionnee {
         background-color: #e7f4ff;
	 padding: 10px;
}

.index-table-non-selectionnee {
         padding: 10px;
}


/*
 * Mise en page des textes (bordures...)
 */

.texte {

}

.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	border-top: 1px dashed #404040;
}

.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 1.5em;
}

.left_aligned {
        text-align: left;
}

.right_aligned {
        text-align: right;
}

.center_aligned {
        text-align: center;
}

.justify_aligned {
        text-align: justify;
}

/*
 * Formulaires
 */

.formrecherche {
	background-color: #f2f2f2;
	color:            #505030;
	margin:           0px;
	padding:          2px;
	border:           solid 1px #909090;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        80%;
	font-weight:      normal;
}

.formulaire {
	color:            black;
	margin:           0px;
	margin-bottom:    16px;
	padding:          4px;
	border:           1px solid #a0a0a0;
	background-color: #f6f6f6;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-size:        80%;
	font-weight:      normal;
}

.page_maintenance {
	color:            black;
	background-color: #f6dddd;
	margin:           1%;
	padding:          2%;
	width:            94%;
}