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:#565656; font-weight:bold;}
.buton{display:block; height:20px; background:#E46414  url('./pics/butonbga.gif') repeat-x top; }

a.buton:focus, a:active {outline:none; border:0;}
a:hover {color:#DB5126; outline:none;}
a:focus, a:active {outline:none}
a img {border:0;}
.graph {text-align:center;}
p {margin: 10px; }
h1 {border-bottom: 1px solid #DA2922; width:100%; font-size:18px; color:#616161; clear:both;}
h2 {font-size:15px; color:#E47021; margin:5px; background:url('./pics/triangle.gif') no-repeat  left top; text-indent:15px;}
h3 {font-size:13px; color:black; font-stretch:narrower; font-variant:small-caps;}
#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;
   z-index:100;
   position:relative;
   width:10px;
}



#haut_cote_droit {
   background:url('./pics/right.gif') no-repeat  right;
   z-index:110;
   height:99px;
   top:0px;
   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;
}

.logo_droite{
background:url('./pics/logodroite.gif');
width:600px;
height:99px;
left:0px ;
top:0;
position:relative; 
z-index:110;
}


/*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: #C6C4C5 url('./pics/topmenu.gif') repeat-x bottom;
   border:1px solid #444444;
   color:#ECE8E8;
   line-height:20px;
   padding:2px 5px 1px 5px;
   border-radius:7px 7px 0 0;
   -moz-border-radius:7px 7px 0 0;
}

.smenu {position:absolute; z-index:150;  left:186px; margin-top:-24px; margin-left:0; width:169px;  border:1px solid #DB2922;  padding:0; font-size:12px;  
  }
.smenu li{ display:inline; }
.smenu li a {

  background: #908F90 url('./pics/menua.gif') repeat-x bottom;
   border-bottom:1px solid #676565;
   border-top:1px solid #908F90;
   color:white;
   display:block; 
   font-weight:bold;
   font-size:12px;
   width:139px;
    padding:3px 15px 3px 15px;
   text-decoration:none;
}

.smenu li a:hover {
 background:#D9AF87 url('./pics/menuHover.gif') repeat-x bottom;
   border-bottom:1px solid #DB2922;
   border-top:1px solid #D9AF87;
   color:white;
 
}

#topmenu a.active, #topmenu a:hover {
   background:white;
   color:#DA2922;
   border-top:1px solid #444444;
   border-left:1px solid #444444;
   border-right:1px solid #444444;
   border-bottom:1px solid white;
   
}

#navigation {
   font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
   font-size:10pt;
   float:left;
   z-index:100;
   position:relative;
   background:white;
}

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

#navigation .menubox h3 {
   background:#E46414  url('./pics/h3bg.gif') repeat-x bottom;
   color:white;
   font-size:14px;
   margin:0;
   font-style:italic;
   padding:3px 3px 3px 5px;
   border-radius:7px 7px 0 0;
   -moz-border-radius:7px 7px 0 0;
}

#icon { margin-left:20px;  }

#navigation .menubox dl {
   border-bottom:1px solid #E46415;
   border-top:1px solid #DB2922;
   list-style:none;
   margin:0 0 0 0;
   cursor: pointer;
   padding:0;
}

#navigation .menubox dt {
   display:inline;
   margin:0;
   padding:0;
}


#navigation .menubox dt a {
  background: #908F90 url('./pics/menua.gif') repeat-x bottom;
   border-bottom:1px solid #676565;
   border-top:1px solid #908F90;
   color:white;
   display:block;
   width:84%;
   font-weight:bold;
   font-size:12px;
   padding:3px 15px 3px 15px;
   text-decoration:none;
}
#navigation .menubox dt a:hover, #navigation .menubox li a:focus {
   background:white url('./pics/menuHover.gif') repeat-x top;
   border-bottom:1px solid #DB2922;
   border-top:1px solid #D9AF87;
   color:white;
}

#navigation .menubox dt a:active, #navigation .menubox li a:focus {border-left:0px; border-right:0px;}

#contenu {float:left; margin:0 15px 5px 15px; width:77%;}
#accueil {float:left; margin:0 15px 5px 15px; width:95%;}

.cadre, .cadrelien {background:#DED6D0; position:relative; color:#1D2538; clear:both; border:1px solid #DE9665; -moz-border-radius:7px 7px 7px 7px; padding:5px;}
.cadre2 {position:relative; color:#1D2538; clear:both; border:1px solid #DA2922; -moz-border-radius:7px 7px 7px 7px; padding:5px;}
.cadre th {text-align:left;}
.cadrelien:hover {background:#d7ffe8; color:#2A3753; text-decoration:none; outline:none; }
.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; }
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%; position:relative; float:left; text-indent:10px; margin:5px;}
#zoneright {width:46%; position:relative; 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;
			margin-bottom:15px;
			text-align:center;
			border-top:1px solid #262626;
			color:gray;
}
#footer li { display:inline; list-style-type: none; margin-right:10px;}
#footer a {text-decoration: none; color:gray; 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;
     } 
	.para {font-size:8pt; width:480; margin-top:0px;}
	.c1, .c2 , .c3, .c4  {font-size:8pt; border-bottom-style:dotted; border-bottom-width:1px; border-bottom-color:blue;}
	.c1 {width:110; vertical-align:top; padding-left:10px;}
	.c2 {width:130; border-right-style:dotted; border-right-width:1px; border-right-color:blue;}
	.c3 {width:130;}
	.c4 {width: 260; text-align:center;}
	.c5 {font-size:8pt;}

.info {float:right; width:28%;  margin-left:10px; background-color:#E3E0E2; border-left:1px solid #DD6319; }

.info h3 { margin:0; background:URL('./pics/h3ac.gif');background-repeat:repeat-y;    color:white;
   font-size:15px;
   margin:0;
   padding:2px;
   text-indent:10px;
   font-style:italic;}

.box {padding:5px; }
.box a{text-decoration:none; font-weight:normal; color:black;}
.box a:hover{color:#E1410F}
/*.box:hover { background:URL('./pics/h3ac.gif');background-repeat:repeat-y;  }*/
.box h4 {font-size:13px; margin:0; background:URL('http://www.ges.fr/images/carre.gif'); background-repeat:no-repeat; text-indent:15px;}