/********************************/
/*      GLOBAL
/********************************/

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    height: auto;
    overflow: auto;
}
body {
    height: 100%;
    color: #0f1c48;
    overflow: auto;
}

.spacer {
    clear: both:
}

/********************************/
/*      TOP
/********************************/

#top-blue {
    height: 118px;
    background: #121d46 url(/theme/images/moelle_top.jpg) no-repeat;
    background-position: top right;
}

#top-blue .logo {
    float: left;
}

#top-yellow {
    color: #fff;
    height: 132px;
    background: #DCA83A url(/theme/images/moelle_bottom.jpg) no-repeat;
    background-position: top right;
}

#top-yellow #top-menu {
    float: left;
    height: 122px;
    width: 176px;
    background: url(/theme/images/colonne.jpg) no-repeat;
    text-align: right;
    padding: 5px;
}

#top-yellow #top-menu li{
    font-style: italic;
    font-size: 13pt;
    list-style-type: none;
}

#top-yellow #top-menu li a{
	text-decoration: none;
	color: #fff;
}

#top-yellow .top-yellow-img {
    float: left;
}

#top-yellow .img-bottom {
    float: right;
}

/********************************/
/*      LEFT COLUMNS
/********************************/

#left-sky {
    float: left;
    width: 186px;
    min-height: 100%;
    background-color: #0F1C48;
}

#main-menu {
    float: left;
    width: 206px;
    min-height: 100%;
    background: url(/theme/images/grey.jpg) no-repeat;
    background-color: #5f657a;
    text-align: right;
    color: #fff;
	height: 100%;
}

#columns {
	height: 100%;
}

#subbody {
	height: 100%;
}

/********************************/
/*      CONTENT
/********************************/

#content {
    min-height: 100%;
    background: #e8e9ee url(/theme/images/motif.jpg) repeat-y;
    background-position: top right;
	padding-right: 150px;
	padding-left: 20px;
	margin-left: 185px;
}

.groupe-principal_item_gros-titre {
	font-size: 16px;
	color: #0f1c48;
}