/* CSS Document */

body {
		margin:20px 100px 0px 100px;
		padding:20px;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		}

#menu {
		font-size:1.5em;
		padding:10px 10px 3px 12px;
		border-bottom:1px solid #000;
		width:100%;
		}

	
#menu li{
	display:inline;
	}
#menu ul{
	display:none;
	}
	
#menu li a, #menu li a:link, #menu li a:visited{

		width:5em;
		border:1px solid #000;
		
		text-transform:capitalize;
		text-align:center;
		background-color:#0033FF;
		padding:3px;
		text-decoration:none;
		font-weight:bold;
		color:#000;
		}
#menu li a:hover, #menu li a:active{
					text-decoration:underline;
					}

body.section1 #menu li.nav1 a,
body.section2 #menu li.nav2 a ,
body.section3 #menu li.nav3 a ,
body.section4 #menu li.nav4 a  {
		border-bottom:1px solid #0099FF;
		background-color:#0099FF;
		text-decoration:none;
		}	


#container { 
		width:100%; 
		margin-top:-15px;
		padding:10px;
		padding-top:30px;
		background-color:#0099FF;
		border:1px solid #000;
		border-top:0px;
		}

#container div {
		padding:10px;
                 height:auto;
		background-color:#0033FF;

           }

#container div li{
           display:inline;
           }

#container div li.date {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      float:right;
      margin-top:-9px;
      }
                
#container div li.titre {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 10pt;
      color: #FFFFFF;
      float:left;
      padding:0px;
      margin-left:-30px;
      margin-top:-8px;
      }
#container p.texte {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt;  color: #FFFFFF}

#container a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; color: #FFFFFF; text-decoration: none}

#container a:hover {color:#EFFC58; text-decoration:underline ;}