body {
   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-size:13px;
   margin:0;
   padding:0 20px 0 20px;
}
.hover {}
.hover:hover {background:white;}
a {color:#2A3753; font-weight:bold;}
a.buton{display:block; height:20px; }
a.buton:hover{background:url('./pics/buton.gif') center -20px no-repeat ;  display:block; height:20px;}
a.buton:focus, a:active {outline:none; border:0;}
a:hover {color:#aeb6d0; outline:none;}
a:focus, a:active {background:white; color:#b97454; text-decoration:none; outline:none; border:1px solid #b97454; }
a img {border:0;}

.graph {text-align:center;}
p {margin: 10px; }
h1 {border-bottom: 1px solid #AEB8CE; width:100%; font-size:18px; color:#2A3753;}
h2 {font-size:15px; color:#56678C; margin:5px; background:url('./pics/triangle.gif') no-repeat  left; text-indent:15px;}
h3 {font-size:12px; font-style:italic;  text-decoration:underline; font-weight:normal}
li {list-style:none;}
#pup {position:absolute; visibility:hidden; z-index:200; width:160;}

/* header */

#head {
   background:url('./pics/bgban.gif') repeat-x left ;
   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-size:13px;
   height:99px;
   position:relative;
   padding:0;
   
   
}
#head ul {
   list-style:none;
   margin:0;
   padding:0 7px 0 0;
   position:absolute;
   right:0;
   width:auto;
   z-index:90;
}

#head li {
   float: left;
   margin:0;
   padding:0 0 0 5px;
}

#head ul a {
   display:block;
   float:left;
   font-weight:bold;
   text-decoration:none;
}

/* cote gauche et droit */

#haut_cote_gauche {
   background:url('./pics/left.gif') no-repeat  left;
   height:99px;
   position:relative;
   width:10px;
}



#haut_cote_droit {
   background:url('./pics/right.gif') no-repeat top right;
   height:69px;
   top:15px;
   color:white;
   padding:0 7px 0 0;
   position:absolute;
   right:0;
   width:auto;
   z-index:90;
}

/*logo haut */

.logo_haut{
background:url('./pics/logo.gif');
width:256px;
height:99px;
left:10px ;
top:0;
position:relative; 
z-index:100;
}


/*zone_drapeau */

#zone_drapeau{

margin-left:800px;
margin-top:-65px;
width: 180px;

	
}


#zone_drapeau img{

margin-right: 5px;

	
}



/* menu haut */

#topmenu {
   bottom:15px;
}

* html #topmenu {
   bottom:14px ;
}

#topmenu a {
   background: #8997B8 url('./pics/topmenu.gif') repeat-x bottom;
   border:1px solid #2a3753;
   color:white;
   line-height:20px;
   padding:2px 5px 1px 5px;
   border-radius:7px 7px 0 0;
   -moz-border-radius:7px 7px 0 0;
}

#topmenu a:hover {
    background:#AEB8CE; 
    border:1px solid #8997B8;
}

#topmenu a.active {
   background:white;
   color:#2B3854;
   border:1px solid white;
}

#navigation {
   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-size:13px;
   float:left;
   width:200px;
   z-index:100;
   position:relative;
}

#navigation .menubox {
   background:#56678C;
   border:1px solid #2A3753;
   margin:0 0 0 0;
   padding:0;
   -moz-border-radius:7px;
   border-radius:7px;
   width:185px;
   color:#c4e8ff;
}

#navigation .menubox h3 {
   background:#8997B8 url('./pics/menuTitleBg.gif') repeat-x bottom;
   color:white;
   font-size:18px;
   margin:0;
   text-decoration:none;
   font-style:normal;
   padding:3px 3px 3px 5px;
   border-radius:7px 7px 0 0;
   -moz-border-radius:7px 7px 0 0;
}

#icon { margin-left:20px;  }

#navigation .menubox ul {
   border-bottom:1px solid #8997B8;
   border-top:1px solid #235675;
   list-style:none;
   margin:0 0 0 0;
   padding:0;
}

#navigation .menubox li  {
	cursor:pointer;
   border-bottom:1px solid #235675;
   border-top:1px solid #8997B8;
	text-indent:15px;
	line-height:22px;
	display:block;
}
a.fleche {background:url('http://www.meteo-mc.fr/design/pics/flecheli.gif') no-repeat right; display:block; 	}
#navigation li a, #navigation li:hover li a, #navigation li.sfhover li a {color: white; 	 text-decoration: none; display:block; border-left:0

}
#navigation li:hover a, #navigation li.sfhover a, #navigation li li:hover a, #navigation li li.sfhover a  {color:rgb(86,103,140); border-left:5px solid rgb(43,56,84)}

#navigation .menubox li:hover, #navigation .menubox li.sfhover {
	background: white url('./pics/menuHover.png') repeat-x top;
   border-bottom:1px solid #235675;
   border-top:1px solid #8997B8;
}

#navigation .menubox li ul {
	position: absolute;
	left: -999em;
	margin-top:-23px;
	display:block;	
	width: 185px;
	padding:0;
	border:0;
	background: rgb(86,103,140);
	border-left: 1px solid rgb(42,55,83);
	border-right: 1px solid rgb(42,55,83);
}



#navigation li:hover ul, #navigation li.sfhover ul {
	left: 186px;
}

#contenu {padding-left:200px; margin:0 15px 5px 15px;}
#accueil {float:left; margin:0 15px 5px 15px; width:95%;}
.loadimg {background:URL('pics/chargement.gif'); background-position:center center; background-repeat:no-repeat}
.cadre, .cadrelien {background:#CCD3E0; position:relative; color:#1D2538; clear:both; border:1px solid #CCD3E0; -moz-border-radius:7px 7px 7px 7px; padding:5px;}
.cadrelien:hover {background:#d7ffe8; color:#2A3753; text-decoration:none; outline:none; border:1px solid #CCD3E0; }
.cadreprev:hover  {background:#ffffcc; text-decoration:none; outline:none; border:2px solid #aeb6d0; padding:3px; -moz-border-radius:7px; }
.td {text-align:center; border: 1px solid white;}
td.td:hover {background-color:#ffffcc; }
tr.tr:hover {background-color:#BEC5D1;  }
tr.bdd:hover {background-color:#BEC5D1; color:white  }
.rp2 {text-align:center; border: 1px solid white;}
td.rp2:hover {background-color:#AAAFB9; }
td.rp:hover {background-color:#BEC5D1; border: 1px solid black;}
td.rp { border: 1px solid white;}



.pub {background:white; border:2px solid white; -moz-border-radius:7px 7px 7px 7px; padding:5px;}
.pub:hover {background:#ccd3e0; border:2px solid #8997b8;}

.zoneleftgraph {width:46%; position:relative; float:left; text-indent:10px; margin:5px;}
#zoneleft {width:46%;  float:left; text-indent:10px; margin:5px;}
#zoneright {width:46%;  float:right; text-indent:10px; margin:5px; clear:both;}
.zonerightgraph {background:#CCD3E0; text-align:center; width:46%; height:220px; position:relative; float:right;  margin:5px; padding:5px; border:1px solid #CCD3E0; -moz-border-radius:7px 7px 7px 7px; }
#chargement {position:relative; top:50%; text-align: center; font-weight:bold;}

#footer 			{ 
			clear: both;
			margin-top:15px;
			padding-top:10px;
			margin-bottom:15px;
			text-align:center;
			border-top:1px solid #2A3753;
			color:gray;
}
#footer li { display:inline; list-style-type: none; margin-right:10px;}
#footer a {text-decoration: none; color:gray; font-weight:normal;}
#footer a:hover {text-decoration: none; color:#4CD4C6; font-weight:normal;}

a.bouton-obs { 
     display: block;
     width:152px;
     height:150px;
     border:2px solid white;
     background-image: url('./pics/Observations-nb.gif'); 
     background-repeat: no-repeat
     }
	 
a.bouton-obs:hover { 
     background-image: url('./pics/Observations.gif');
     border:2px solid #2A3753;
     background-color:#8997b8;
     } 

a.bouton-prev { 
     display: block;
     width:152px;
     height:150px;
     border:2px solid white;
     background-image: url('./pics/Previsions-nb.gif'); 
     background-repeat: no-repeat
     }
	 
a.bouton-prev:hover { 
     background-image: url('./pics/Previsions.gif');
     border:2px solid #2A3753;
     background-color:#8997b8;
     }