source: ether_statistics/web/resources/css/medias_new.css @ 569

/** ***************************************************** **/
/** ********************** MEDIAS *********************** **/
/** ***************************************************** **/

h1, h2, h3 {
        font-family: Helvetica, sans-serif;
}

a:link {
        color:#6178BC;
        text-decoration:none;
}

a:visited {
        color:#70739C;
        text-decoration:none;
}

a:hover {
        text-decoration:underline;
}

a img {
        border-width:0;
}

html {
        margin: 0;
        padding: 0;
}

body {
        font-family:Helvetica, sans-serif;
        color:#000000;
        margin: 0;
        padding: 0;
        background:#e9e6d9;
}

#container {
        position:relative;
        /*width:90%;
        margin:0;
        margin-left:5%;*/
        padding:0;
        border:#FFFFFF solid 0.2em;
        background: #ffffff;
}




/* HEADER */

#pageHeader {
        position:relative;
        margin:0;
        padding:0;
        border-bottom:#FFFFFF solid 0.1em;
        background-image:url(../images/nuage_bleu.png);
        background-repeat:repeat-x,repeat-y;
}

#pageHeader img {
        float:right;
        position:absolute;
        left:5px;
        /*width:auto;*/
}


#pageHeader h1 {
  font-size:25px;
  color:#ffffff;
  text-align:right;
  margin:0;
  padding:0.5em;
}

#pageHeader h2 {
  font-size:23px;
  color:#ffffff;
  text-align:center;
  margin:0;
  padding:0.5em;
}

#pageMiddle {
        position:relative;
        width:100%;
        top:0;
        bottom:0;
        margin:0;
        padding:0;
        background:#E1DEF1;
}

/* MENU */

#pageMenu {
        position:absolute;
        z-index:5;
        top:0;
        bottom:3.8em;
        left:0;
        width:22%;
        margin:0;
        padding:0;
        margin-bottom:5em;
}

#util {
        position:relative;
        height:2.5em;
        width:100%;
        margin:0;
        padding:0;
        border-top:0.1em #FFFFFF solid;
        border-bottom:0.1em #FFFFFF solid;
        background:#04155D;
}

#util img{
        padding:0;
        margin:0;
        margin-top:0.55em;
        margin-right:0.75em;
        margin-left:0.75em;
        vertical-align: middle;
}

#plan {
        position:relative;
        height:85%;
        width:100%;
        max-height:100%;
        margin:0;
        border-top:0.1em #FFFFFF solid;
        padding:0;
        padding-bottom:5em;
        vertical-align:middle;
        background:#E1DEF1;
}

#menuItem {
        position:relative;
        left:0;
        top:0;
        font-size:14px;
}

#menuItem h3 {
        height:1.5em;
        font-size:16px;
        margin:0;
        padding-top:0.1em;
        background:#70739C;
        color:#ffffff;
}

#menuItem li {
        list-style-type:none;
        margin:0;
}

#recherche {
        position:relative;
        border-top:0.2em #FFFFFF solid;
        border-bottom:0.1em #FFFFFF solid;
        height:15%;
        background:#6178BC;
        color:#ffffff;
        padding:0;
        margin:0;
        width:100%;
}

#recherche form {
        padding:1em;
}



/* BODY */
#pageContent {
        position:relative;
        top:0;
        left:22%;
        margin:0;
        padding:0;
        border-left:0.2em #ffffff solid;
        width:78%;
        background-color:#ffffff;
}

#nav {
        height:2.5em;
        width:99.8%;
        border-top:0.1em #FFFFFF solid;
        border-bottom:0.1em #FFFFFF solid;
        margin:0;
        padding:0;
        background:#04155D;
        color:#ffffff;
}

.texte {
        padding:0.5em;
        padding-left:0.75em;
        float:left;
        font-size: 13px;
}

.texte ul {
        list-style: none outside none;
}

.texte ul li {
    background: url(../images/utils/bullet_arrow.gif) no-repeat scroll 0 50% transparent;
    display: inline;
    padding: 0 0 0 10px;
}

#nav a {
        color:#ffffff;
        text-decoration:none;
}

#nav a:hover {
        color:#ffffff;
        text-decoration:underline;
}

#nav img {
        position:absolute;
        right:0;
        margin:0.75em;
/*      margin-right:0.75em;
        margin-left:0.75em;
        height:1em;*/
}

#corpsPage {
        position:relative;
        top:-1em;
        margin:0;
        padding:0;
        _height:30em;
        min-height:30em;
        max-height:100%;
        width:100%;
        background:#FFFFFF;
}

#title h1{
        font-size:1.3em;
        text-transform:uppercase;
        color:#04155D;
        padding:0.5em 0.5em 0;
        _margin:0.5em;
}

#txt {
        position:relative;
        padding:0 1em 1em;
        color:#000000;
        text-align:justify;
        width:90%;
}



/* FOOTER */
#pageFooter {
        position:relative;
        /*bottom:0;*/
        /*width:100%;*/
        height:2.5em;
        border-top:0.1em #FFFFFF solid; 
        margin:0;
        padding:0;
        background:#04155D;
        font-size: 12px;
        /*float:left;*/
        color:#ffffff;
        padding:0.5em;
}