/* STYLE DES LIENS */
@import url('/styles/common.css');
@import url('/styles/forums.css');
@import url('/styles/photos.css');
@import url('/styles/membres.css');
@import url('/styles/vols.css');
@import url('/styles/calendrier.css');
@import url('/styles/sites.css');
@import url('/styles/meteo.css');
@import url('/styles/agenda.css');
@import url('/styles/news.css');

/* Structure de base */
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url('../images/background.jpg'); 
    background-repeat: repeat-x; 
    background-attachment: fixed;
    background-position : top center; 
    /*  
    background-color: #7C8FB5;
    */
    margin: 20px;
    min-width : 610px;
  }

  #container {
    /* max-width : 850px;
    width:expression(document.body.clientWidth > 850 ? "850px" : "auto");*/
    vertical-align : middle;
  }

  #main {
    /*clear: both;*/
    padding: 0 0 1em 0;
  }

  #cote {
float: left;
    width: 13em;
    margin-bottom: 1em;
  }
		  
  #corps {
    margin-left : 14em; 
  }
    

/* entete */
  #entete {
    margin-bottom: 1em;
    margin-right : 30em;
    position: relative;
    height: 3em;
    /* padding: 0;*/
    padding: 15px 0;
  }

  #entete h1 {
    margin: 0;
    font-size: 2px;
    height: 8px;
  }  
  #entete h1 a {
    display : block;
    width : 405px;
    height : 55px;
    background: url("../images/titre.gif") no-repeat;
  }

  /* pub */
  #pub {
    width : 275px;
    height : 6em;
    text-align : center;
    float : right;
  }
  #pub a {
    color : red;
  }

  /* menu */

  #menu {
    margin : 0;
    text-align : right;
    margin-left : 14em; 
  }
  
  html>body #menu {
  }

  
  #menu ul {
    margin: 0.4em;
    padding : 0 1em 0 1em;
  }

  #menu ul li {
    display : inline;
    margin : 0;
  }

  #menu ul li a {
    background-color : #EEEEEE;
    padding : 0.4em 0.4em 0.3em 0.4em;
    border-top : solid 1px #000000;
    border-left : solid 1px #000000;
    border-right : solid 1px #000000;
    color : #000000;
  }

  #menu ul li a:hover {
    background-color : #FFFFFF;
  }
  
  #menu ul li a#actif {
    letter-spacing : 2px;
    padding : 0.8em 0.8em 0.5em 0.8em;
    background-color : #FF9933;
    background-image : none;
    font-weight : bold;
    color : #444;
    z-index:1;
  }

/* côté */
  
  #cote div {
    border : 1px solid #000000;
    margin-bottom : 1em;
  }
  
  #cote h1 {
    font-size : 11px;
    border-bottom : 1px solid #000000;
    margin : 0.5em 0 0em 0;
    text-indent : 0.5em;
  } 
  #cote ul {
    list-style : none;
    margin : 0;
    padding : 0;
  }

  #cote li {
    display : list-item;
  }

  #forum-feed {
    border : 0px solid #000000;
    float: right;
  }


/* Contenu Principal */

  #corps {
    border : 1px solid #000000;
    background-color : #FFFFFF;
    padding : 0px;
    min-height : 430px;
    min-width : 700px;
    margin-top : 0px;
  }

  /* pour les navigateurs autre que IE */
  html>body #corps {
  }


  #corps h1 {
    border-bottom : solid 1px #000000;
    background-color : #FF9933;
    font-size : 20px;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin: 0;
    min-height : 27px;
    text-indent : 0.5em;
  }

  #corps h2 {
    font-size : 15px;
    margin : 1em 1em 1em 1em ;
    background-color : #EEEEEE;
  }
  
  #corps h3 {
    font-size : 12px;
    margin : 1em 1em 1em 1em ;
  }


  #corps table {
    /*horizontal-align : center;*/
  }
  
  #corps p {
    margin : 1em;
  }
  
  #corps p span {
    /*text-decoration : underline;*/
  }
  
  #img_accueil {
    float : right;
    margin-right : 10em;
  }

  #titre {
  }

  #nav {
    float : right; 
  }

  #nav ul {
    list-style : none;
    margin : 0.3em;
    /*padding : 0;*/
  }

  #nav ul li {
    display : inline;
  }
  
  p#action {
    margin : 0;
    text-align : center;
  }
 
  #copyright {
    text-align : center;
    width : 100%;
  }
  #copyright p {
    line-height : 1.5em;
  }
  #copyright p img {
    vertical-align : middle;
  }

/* portlet */
  /*connexion */
  #connexion ul, #meteo ul, #forums ul {
    margin : 0.5em;
  }
  #connexion li {
    padding : 0.1em;
  }
  #meteo #vent {
    position : absolute;
    left : 2em;
  }