body {
	background-image: url(_background_blue.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

p {
margin-bottom:0;
}

img {
border: 0;
}
/**********************************************************
* Positionnement et styles globaux
***********************************************************/

#global {
	position: relative;
	width: 700px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background: url(_header.png) top center no-repeat;
	height: 83px;
}

#header #lien_accueil {
   position: absolute;
   top: 5px;
   left: 65px;
   width: 280px;
   height: 75px;
}

#header #lien_altitude {
   position: absolute;
   top: 35px;
   right: 40px;
   width: 200px;
   height: 45px;
}
    
#header #lien_accueil a, #header #lien_altitude a {
   display: block;
   width: 100%;
   height: 100%;
}


#menu {
	background: url(_background_menu.png) left repeat-y;
	height : 1.5em;
	padding-left : 18px;
	padding-right : 15px;
	font-size: 1.2em;
}

#content {
	background: url(_background_content.png) left repeat-y;
	height: 100%;
	margin : 0;
	padding-left : 18px;
	padding-right : 18px;
	padding-top: 10px;
}

#footer {
	clear: both;
	background: url(_footer.png) top left no-repeat;
	height: 80px;
	text-align: center;
	font-size: 0.9em;
	color: #6699CC;
	padding-top: 20px;
	margin:0;
}

/**********************************************************
* classes
***********************************************************/

a {
	text-decoration: none;
	color: #FF9900;
}

a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0px;
	padding: 20px;
	font-size: 1.8em;
	color: #003366;
}

h2 {
	margin: 5px;
	font-size: 1.1em;
	color: #FF9900;
}

h2 .sstitre {
	color: #6699CC;
}

.icone {
	float: left;
	margin-right: 10px;
}

.important {
	font-style: italic;
	font-weight: bold;
	color: #003366;	
	font-size: 1.4em;
	text-align: center;
}

.capture {
	float: left;
	margin-right: 20px;
}

.capture1 {
	float: right;
	margin-left: 20x;
}

#content ul {
	list-style-image: url(_puce.gif);
	list-style-type: none;
}

#content table {
	width: 100%;
}

/**********************************************************
* Mise en forme du menu haut
***********************************************************/

ul#liens {
list-style-type: none;
width: 100%; /* précision pour Opera */
margin: 0;
padding: 0;
}

ul#liens li {
float: left;
}

ul#liens a {
float: left;
margin: 0 2px;
padding: 2px 20px;
text-align: center;
text-decoration: none;
color: #ffffff;
}

ul#liens a:hover {
background: #ffffff;
color: #FF9900; 
}

.activepage {
background: #ffffff;
float: left;
margin: 0 2px;
padding: 2px 20px;
text-align: center;
color: #003366;
}

/**********************************************************
* popups
***********************************************************/

.popup, .popup1, .popup2
{
   position: absolute;
   width:350px;
   border-style:solid;
   border-width:1px;
   border-color:#cccccc;
   background-color:#ffffff;
   padding:2px;
   z-index:2;
   visibility:hidden;
}

.popup
{
   left:0px;
   top:0px;
}

.popup1
{
   left:150px;
   top:-220px;
}

.popup2
{
   left:50px;
   top:-200px;
}

.popup ul, .popup1 ul, .popup2 ul
{
   margin: 18px;
}