/* CSS Document */

html {
	background: URL('http://logiciels.meteo-mc.fr/design/pics/bgbody2.gif') repeat-x #a3a4a8
}
body {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	background: url('http://logiciels.meteo-mc.fr/design/pics/borderdeg.gif');
	width:980px;
	font: 12px Verdana, Helvetica, sans-serif;
	color: #394857;
}

a {outline:none}

#content a img{border:0}

#preload {
width:0;
height:0;
display:inline;
background-image:url('http://logiciels.meteo-mc.fr/design/pics/menutopbghov.gif');
background-image:url('http://logiciels.meteo-mc.fr/design/pics/menuhover.gif');
background-image:url('http://logiciels.meteo-mc.fr/design/pics/smenuhover.gif');
background-image:url('http://logiciels.meteo-mc.fr/design/pics/menuichover.gif');
background-image:url('http://logiciels.meteo-mc.fr/design/pics/zoneinfohead.gif');
background-image:url('http://logiciels.meteo-mc.fr/design/pics/butonvhover.gif');
}

#page
{
margin:0 5px 0 5px;
width:970px;
border:1px solid #363c42;
background:white;
position:relative
}
h1 {
  width:100%;
	color: #394857;
	font-size: 16px;
	font-weight:bold;
	font-family:arial;
	border-bottom:1px solid #394857;
	text-indent:20px;
	background: url('http://logiciels.meteo-mc.fr/design/pics/h1bg.gif')  no-repeat;
}

h2 {
  
  color: #394857;
	font-size: 14px;
	font-family:arial;
	border-bottom:1px solid #394857;
	text-indent:20px;
	background:url('http://logiciels.meteo-mc.fr/design/pics/h2bg.gif') no-repeat;
}

#content h2{
clear:both;
}

#accueil h2{
clear:none;
}

#content h3 {
  color: #282829;
	font-size: 13px;
	font-family:arial;
	text-indent:5px;
	background:url('http://logiciels.meteo-mc.fr/design/pics/h3bg.gif') repeat-y;
}

h3.clb{
clear:both;
}

h4{
color:black;
font-weight:normal;
font-size:15px;
border:1px solid;
padding:3px
}

ul.lst, ul.lst ul, ul.lst li{
margin:10px;
}

#accueil {
position:relative;
margin-top:-350px;
left:200px;
width:750px
}

a {text-decoration:none}

#head {
	height: 180px;
	width: auto;
	background:  URL('http://logiciels.meteo-mc.fr/design/pics/bghead.gif')  repeat-x;
	border-bottom:1px solid #9AA0A6;
}

#infotop{
position:absolute;
height:15px;
width:100%;
left:0px;
color:#61676D;
background:#28272A;
border-top:1px solid #3f403f;
border-bottom:1px solid #3f403f
}

#date {
float:left
}

#stats {
float:right
}

#stats span {
color:#A6A6A6
}

#logohead {
width:450px;
margin:auto;
height:130px;
background:  URL('http://logiciels.meteo-mc.fr/design/pics/logoimg3.gif') no-repeat;
}

#logohead2 {
width:600px;
margin:auto;
height:130px;
background:  URL('http://logiciels.meteo-mc.fr/design/pics/logol.jpg') no-repeat;

}

#zoneinfohead {
  z-index:100;
  left:400px;
  width:570px;
  height:26px;
  position:relative;
  top:3px;
  text-indent:15px;
  background:URL('http://logiciels.meteo-mc.fr/design/pics/zoneinfoheads.gif') bottom left no-repeat;
}

#zoneinfohead ul, #zoneinfohead li {
	list-style: none;
	margin:0;
	padding:0;
	float:right
}
#zoneinfohead li {
	float: left;
	margin-left:5px;
	text-align:center;
	line-height: 22px;
	width:105px;
}
#zoneinfohead li a {
	color: white;
	text-indent:0px;
	line-height: 22px;
	font-weight:bold;
	cursor: pointer;
	border-bottom:0;
	display: block;
	background:URL('http://logiciels.meteo-mc.fr/design/pics/butonv.gif')
}
#zoneinfohead li a:hover{
color: white;
background:URL('http://logiciels.meteo-mc.fr/design/pics/butonvhover.gif');
border-bottom:0
}
#zoneinfohead div.login {float:left; margin:0; padding:0; width:330px}

#zoneinfohead p {margin:0; text-align:center; padding-top:1px}
#zoneinfohead span {top:4px; float:right; padding-right:50px; position:relative;}
/*
#zoneinfohead a {
color:#5A7389;
font-weight:bold;
text-decoration:underline
}
*/
#zoneinfohead form {margin:0; padding:0}
#zoneinfohead input {
height:18px;
padding:0; margin:0;
background:#E5E5E5;
width:65px;
border:1px solid #9AA0A6;
}

#resultlog {position:relative; clear:both; height:32px; top:10px}
#resultlog p{ text-align:center; margin-bottom: 10px; padding:0;}
#resultlog img {cursor:pointer; margin-right:5px}

#zoneinfohead input:hover {
background:#E3EDF6;
}

#zoneinfohead input:focus {
border:1px solid #20A1F5;
}

#menutop {
  padding-left:200px;
	width: auto;
	height: 30px;
	/*background: URL('design/pics/bgmenutop.gif');*/
}
#menutop ul, #menutop li {
	list-style: none;
	margin:0;
	padding:0;
}
#menutop li {
	float: left;
	line-height: 30px;
}
#menutop li a {
	color: white;
	line-height: 30px;
	font-weight:bold;
	cursor: pointer;
	display: block;
	padding: 0 15px 0 15px;
	border-right: 1px solid #61676D;
	border-left: 1px solid transparent;
}
#menutop li a.active {
	border-right: 1px solid #61676D;
	border-left: 1px solid #D0D8E1;
	background:URL('http://logiciels.meteo-mc.fr/design/pics/menutopahover.gif');

}

#menutop li a.active:hover {
	background:URL('http://logiciels.meteo-mc.fr/design/pics/menutopahover.gif');;
}

#menutop li a:hover {
/*text-decoration:underline;*/
background:url('http://logiciels.meteo-mc.fr/design/pics/menutopbghov.gif');
}


#menuic {
background:url('http://logiciels.meteo-mc.fr/design/pics/menuic.gif');
width:19px;
cursor:pointer;
height:74px;
top:190px;
left:-19px;
position:absolute;
}

#hiddenbox {
position:absolute;
top:190px;
left:-999em;
}

#content ul.menuh{
list-style:none;
height:24px;
margin:0;padding:0;
margin-left:20px;
padding-left:70px;
width:840px;
border-bottom:1px solid #D8E4F8;
}

#content ul.menuh li{
margin:0; padding:0;
background:#D8E4F8;
line-height:25px;
display:block;
float:left;
margin:0 1px 0 1px
}

#content ul.menuh li a{
line-height:22px;
display:block;
color:#5A7389;
padding:0 10px 0 10px
}

#content ul.menuh li a.active{
background:white;
border-left:1px solid #D8E4F8;
border-right:1px solid #D8E4F8;
border-top:1px solid #D8E4F8;
border-bottom:0;
color:black;
line-height:24px;
border-bottom:1px solid white;
}

#content ul.menuh li a:hover {
background:#5A7389;
border-bottom:0;
color:white;
}

#content ul.menuh li a.active:hover{
background:white;
border-bottom:0;
line-height:24px;
color:black
}

/*
#menucontent ul, #menucontent li {
	list-style: none
}
#menucontent li {
	background: URL('design/pics/ongleft.gif') no-repeat left top;
	padding-left: 7px;
	float: left;
	list-style: none
}
#menucontent a {
	background: URL('design/pics/ongright.gif') no-repeat right top;
	line-height: 30px;
	padding-right: 7px;
	display: block;
	float: left;
	font-weight: bold;
	color: white;
	text-decoration: none
}
*/
#content {
	padding: 10px;
	font: 12px Verdana, Helvetica, sans-serif;
}
#content a {
	color: #282829;
	text-decoration: none;
	font-weight:bold;
}

#content h2 a, #content h2 a:hover {
  color:white; border:0
}
#content a:hover {
	color: #262626;
	border-bottom: 1px dotted;
}

pre,.cadre1  {
border:1px solid #9AA0A6;
background:#D8E4F8;
padding:5px;
-moz-border-radius:6px;
border-radius:6px;
width:95%;
color:#696969
}
pre{
max-height:300px
}
.cadre2 {text-align:center;}
.cadre2 li, .cadre3 a, a.cadre2{
border:1px solid #9AA0A6;
background:#D8E4F8;
padding:5px;
-moz-border-radius:6px;
border-radius:6px;
display:inline;
margin:0 5px 0 5px;
}
.cadre3 li {
padding:15px 0 15px 0
}

#content a.cadre2:hover{border:1px solid #9AA0A6; background:#99FFCC}


.downloadl{background:URL('http://logiciels.meteo-mc.fr/design/pics/ic/diskette.gif') no-repeat;
padding-left:25px;
}

.download a{background:URL('http://logiciels.meteo-mc.fr/design/pics/ic/diskette.gif') no-repeat;
padding-left:25px;}

.linkl{background:URL('http://logiciels.meteo-mc.fr/design/pics/ic/url.gif') no-repeat;
padding-left:25px;
}

.link li{
margin:10px 0 10px 0;
}

.link a{background:URL('http://logiciels.meteo-mc.fr/design/pics/ic/url.gif') no-repeat;
padding-left:25px;
}

.help a {
background:#D8E4F8 URL('http://logiciels.meteo-mc.fr/design/pics/ic/pc.gif') no-repeat;
background-position:center left;
padding:10px 5px 10px 30px;
}


.right {
margin-left:30px; float:right
}
.left {
margin-right:30px; float:left
}
.center {
margin:0 auto;
text-align:center
}

.error {
color:red
}

pre {
overflow: auto;
font-family: Courier, "Courier New", monospace;
}

.w_rapports{
text-align:center;
}

.w_rapports table {margin:0 auto}

.w_rapports ul {text-align:left; margin-left:200px}


#formcontact, #forminscr {
width:500px;
height:500px; 
margin-left:auto; 
margin-right:auto
}

#pubfoot {
width:100%;
text-align:center;
clear:both;
background:URL('http://logiciels.meteo-mc.fr/design/pics/pubf.gif') no-repeat;
border-top:1px solid #D1D2D3;
height:110px
}

#forlast .rss{
margin-top:-18px;
border:0;
margin-right:-2px
}

#forlast {
width:200px;
background:URL('http://logiciels.meteo-mc.fr/design/pics/forum.gif') no-repeat;
border-top:1px solid #D1D2D3;
border-right:1px solid #D1D2D3;
border-bottom:1px solid #D1D2D3;
padding-top:20px;
margin-top:20px;
margin-left:-10px;
padding-bottom:10px
}

#forlast a{
background:URL('http://logiciels.meteo-mc.fr/design/pics/ic/talk.gif') no-repeat;
margin-left:2px;
text-indent:16px;
margin-right:5px;
line-height:17px;
display:block;
color:#5A7389;
font-weight:normal
}
#forlast a:hover{
border-bottom:0;
}

#footer {
  clear:both;
	background:  #262626 URL('http://logiciels.meteo-mc.fr/design/pics/rays.gif') repeat-x;
	border-top:1px solid rgb(213,221,230);
	padding-top:30px;
	padding-bottom:10px;
	border-bottom:1px solid rgb(97,103,109);
	color:white;
	text-align:center
}

#footer a{color:white;}
#footer a:hover {color:#61676D;}
#xhtml {
float:right;
border:0;
margin-right:10px
}

#logoft {
float:left;
border:0;
}

#copyright {margin-left:-118px}

/* 3.1 Enlève le soulignement pour le menu principal, les liens en en-tête, les liens et les menus verticaux */

#brdmenu a:link, #brdmenu a:visited, .blockpost H2 a:link,
.blockpost H2 A:visited{
	TEXT-DECORATION: none; font-weight:bold; border:0; color:white
}

/* 3.2 Souligne au passage de la souris (ou hover en anglais) pour des liens dans les en-têtes et dans le menu principal */

#brdmenu a:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline; border:0; color:white}

.pun H2 A:link, .pun H2 A:visited, #brdmenu A:link, #brdmenu A:visited {COLOR: #FFF;}
#content .pun H1 {	background:none; text-indent:0
  }
#content .pun H3  {background:none; text-indent:0}
.pun H2 A:hover, #brdmenu A:hover {COLOR: #FFF}
.pun H2 {clear:none}