/* CSS Document */

html {
	background:  #F3F4EE ;
}

body {
width:1000px;
margin:20px auto;
font-family:  Arial, sans-serif;
font-size:13px;
color:#454545;
}

a:focus, a:active {outline:none}

h1 {font-size:12px;
margin-top:8px;
text-indent:10px;
}

h2{
font-size:13px;
color:blue;
text-decoration:underline;
}
.prev h2 {color:blue}
.prev h4{color:blue; margin-top:10px}
.obs h4{color:red; margin-top:10px}
.obs th {color:red}
 hr{color: #C9C9C6;
background-color: #C9C9C6;}
.prev a, prev a:hover {color:blue; font-weight:bold; text-decoration:underline;}
.obs h2{
color:red
}
.divers h2{
color:green
}

#head{
clear:both;
height:30px;
background:URL('pics/menubg.gif') repeat-y #F0F2F5;
}

#infotop {
height:20px;
color:#9FA09F;
border-bottom:1px solid #E8E8E8;
margin-bottom:6px
}

#pubtop {
float:right
}

#page {border:1px solid #C9C9C6;
background:white;
position:relative;
clear:both;
}

#stats {
float:right;
margin:0 10px 0 0;
}

#date {
float:left;
margin:0 10px 0 0;
}

#ban {
height:30px;
}

#logo {
width:250px;
height:100px;
background:url('pics/logo-MC.png') ;
z-index:1000;
position:relative;
cursor:pointer;
float:left;
}

#zonetitre{
background:#F4F5F5 URL('pics/bghor.gif') center;
height:30px;
border-top:1px solid #E1E1DE;
border-bottom:1px solid #C9C9C6;
}

#previsions-index{
background: URL('pics/fontrelief320.gif') no-repeat; position:relative; padding:0px; width:320px; height:363px
}

ul#menutop {
float:right;
position:relative;
height:30px;
margin:0;
padding:0;
list-style:none
}

ul#menutop li {
background:#F4F5F5 URL('pics/bghor.gif') center;
display:block;
float:left;
line-height:30px;
border-left:1px solid #E1E1DE
}

ul#menutop li a{
padding:0 5px;
color:#434343;
display:block;
font-weight:bold;
text-decoration:none
}
ul#menutop li a:hover{color:white}
ul#menutop li a:hover.partenaires{
background:#F4F5F5 URL('pics/rougebg.gif') center;
}
ul#menutop li a:hover.accueil{
background:#F4F5F5 URL('pics/grisbg.gif') center;
}
ul#menutop li a:hover.mobile{
background:#F4F5F5 URL('pics/bleubg.gif') center;
}
ul#menutop li a:hover.contact{
background:#F4F5F5 URL('pics/jaunebg.gif') center;
}
ul#menutop li a:hover.forums{
background:#F4F5F5 URL('pics/vertbg.gif') center;
}

#menu {
float:left;
position:relative;
background:URL('pics/menubg.gif');
width:165px;
border-right:1px solid #C9C9C6;
border-bottom:1px solid #C9C9C6;
z-index:1000;
}

#menu h3{
margin-top:0;
padding-top:5px;
text-indent:10px;
color:#434343
}

#menu ul{
margin:0;
padding:0;
list-style:none
}

#menu li {
text-indent:15px;
line-height:20px;
display:block;
}

#menu li a{
text-decoration:none;
color:#777777;
display:block;
}
#menu li ul li a {border:0}

#menu li ul li a:hover{
border:0;
color:#6769C7;
text-decoration:underline
}
#menu li a.fleche{background:URL('pics/fleche.gif') no-repeat center right;}
#menu .boxprevisions li a:hover{text-decoration:underline;color:#6769C7}
#menu .boxobservations li a:hover{text-decoration:underline;color:#CC3D21}
#menu .boxdivers li a:hover{text-decoration:underline;color:#359E38}
#menu li a.fleche:hover , #menu li:hover a.fleche{
background:URL('pics/fleche2.gif');

}

#menu li ul{
left:-999em;
position:absolute;
display:block;	
}

#menu li:hover ul{
left:165px;
margin-top:-21px;
width:180px;
background:URL('pics/smenubg.gif');
border:1px solid #C9C9C6;
}

#menu li:hover ul li a{
border:0;
background:none;
}

#menu .boxobservations li:hover ul li:first-child a, #menu .boxprevisions li:hover ul li:first-child a, #menu .boxdivers li:hover ul li:first-child a{
border:0;
text-indent:18px;
margin-left:-3px;
background:#E7E7E4;
}

#hiddenbox {
position:absolute;
top:62px;
left:-999em;
z-index:1000
}

#menuic {
background:URL('pics/bghor.gif');
width:19px;
cursor:pointer;
height:74px;
top:61px;
left:-25px;
border:1px solid #C9C9C6;
position:absolute;
font-weight:bold;
padding-left:4px;
padding-top:6px;
color:#ABA7A7
}

ul#vignets{
width:160px;
margin:0 auto;
padding:0;
list-style:none;
}

#vignets li {
cursor:pointer;
margin:0 0 10px 0;
background:URL('pics/bghor.gif');
width:160px;
height:180px;
border:1px solid #C9C9C6;
}

#vignets li a img{
border:0;
margin:5px;
}


#vignets li:hover{
background:URL('pics/bleubg.gif');
}

.boxinfo {background:URL('pics/menubg.gif') repeat-y #F0F2F5} 

#loghead {
float:right;
width:288px;
height:112px;
background:URL('/design/pics/loghead.gif');
}

#content {
float:left;
background:white;
}

#menupage {
float:right;
width:250px;
background: #EFF2F5 URL('/design/pics/menubg-inv.gif') repeat-y right;
border-bottom:1px solid #C9C9C6;
border-left:1px solid #C9C9C6;
padding:5px
}

#menupage h2 {margin-left:25px}

#menupage a, table a {
color:#454545;
text-decoration:none
}

#menupage a:hover , table a:hover {
text-decoration:underline
}

#menupage p{
text-align:justify
}
#content {clear:both; position:relative}
#contentpage {
float:left;
width:723px;
padding:7px;
}

#contentpage p {
padding:10px;
text-align:justify
}


#accueil {
padding:10px 2px;
width:828px;
float:left
}

#zonevert350, #zonevert160, #zonevert260, #zonevert350 div, #zonevert260 div{
padding:0 5px;
float:left;
text-align:justify;
margin:2px
}
#zonevert350{
width:350px;
}
#zonevert160{
width:170px;
}
#zonevert260{
width:260px;
}

.rss {
margin-right:4px
}

/* CLASSES */

.clear{clear:both}
.left{float:left}
.right{float:right}
.centerdiv{margin:0 auto}
.font1{background:URL('pics/menubg.gif') repeat-y #F0F2F5; padding:5px}
.font2{background:#F4F5F5 URL('pics/bghor.gif') repeat-x center; padding:5px;}
.bord{border:1px solid #E1E1DE}
.nomarge{padding:0; margin:0; list-style:none}
.marge{margin:10px}
.textcenter{text-align:center}
.mdivc {border:1px solid #777777; padding:3px; position:absolute; color:#454545; text-decoration:none;}
.mdivc a, .mdivp a{color:#454545; text-decoration:none;}
.mdivp {position: absolute; width: 40px; height: 40px;}
.mdivp img:hover{background:URL('pics/pictohb.gif')}
.obs .mdivp img:hover{background:URL('pics/pictohr.gif')}
.vigi{padding-left:30px}
.orange a{color:#FF4E00}
.loader {position:relative; width:54px; height:55px; background:URL('pics/ajax-loader.gif') no-repeat}
.loader2{width:43px; height:11px; background:URL('pics/ajax-loader2.gif') no-repeat}
.loader3{position:relative; width:54px; height:55px; background:URL('pics/ajax-loader3.gif') no-repeat}
.cadrestyle{
border: 1px solid #C9C9C6;
border-collapse:collapse
}
.cadrestyle td{
background:#F4F5F5 URL('pics/bghor.gif') repeat-x center;
border:1px solid #C9C9C6;
padding:5px
}
.cadrestyle td:first-child{
background:#F4F5F5 URL('pics/menubg.gif')repeat-y;
}

.cadrestyle th {
background:URL('pics/smenubg.gif') repeat-y #F0F2F5;
padding:5px;
border:1px solid #C9C9C6;
}
ul.onglet {
padding:0;
margin: 0;
}
ul.onglet li {
display:block;
float:left;
padding:5px 0;
margin-left:5px;
}

ul.onglet li a, a.bouton, a.bouton {
background:#F4F5F5 URL('pics/bghor.gif') center;
padding:5px;
display:block;
font-weight:bold;
text-decoration:none;
border:1px solid #C9C9C6;
color: #454545
}
a.bouton {display:inline}

ul.onglet li a:hover, #menupage ul.onglet li a:hover, #menupage ul.onglet li a.active, #menupage ul.onglet li a:focus, #contentpage ul.onglet li a.active, ul.onglet li a:focus, a.bouton:hover {
background:#F4F5F5 URL('pics/bleubg.gif') center;
color:white;
border:1px solid #4756FF;
text-decoration:none
}

.divers a.bouton:hover {
background: URL('pics/vertbg.gif') center;
border:1px solid lightgreen;

}

#menupage ul.onglet li{
width:80%;
text-align:center
}

#footer {
clear:both;
background:URL('pics/menubg.gif') repeat-y #F0F2F5;
border-top:1px solid #C9C9C6;
text-align:center;
margin-top:5px;
padding:5px 0;
}
#zonew3c{
float:left;
width:300px;
margin:10px 0 20px 0;
border-right:1px solid #DFDFDD;
}
a img{
border: 0;
}

#zonelinks {
width:250px;
float:right;
border-left:1px solid #DFDFDD;
margin:10px 0 20px 0;
padding-left:5px
}

#zonelinks h5{
margin:0 0 10px; 0
}
#zonelinks ul{
list-style:none;
margin:0
}
#zonelinks li {float:right;}
#zonelinks li a{color:#474747; text-decoration:none; font-size:10px}
#zonelinks a:hover{ text-decoration:underline;/* color:#DBC429*/}

#imagesat{
position:relative;
width:700px;
height:700px;
margin:0 auto;
border:1px solid #474747
}


#imagesatmedium {
width:640px;
height:480px;
margin:0 auto;
border:1px solid #474747
}

#imagesatsmall {
width:400px;
height:300px;
margin:0 auto;
border:1px solid #474747
}

#cartefrance {
position:relative; 
width:700px; 
height:714px; 
z-index:1; 
background: url('pics/cartefrance.gif'); 
}

#carteMC{
 position:relative; margin-left:20px; margin-bottom:150px; float:left; width:400px; height:452px; z-index:30; background:URL('pics/cartemc-moyenne.gif')
}

.ireu {background:URL('http://91.121.2.40/~meteomc/Images/sat/sat_new_ireu.gif');
width:700px; height:700px
}
.irfr {background:URL('http://91.121.2.40/~meteomc/Images/sat/sat_new_irfr.gif');
width:700px; height:700px
}

.cell {
background:URL('http://91.121.2.40/~meteomc/Images/sat/sat_new_cellules-orages.gif');
width:700px; height:714px
}

.ad468 {
width:550px;
clear:both;
margin:10px auto
}

.ad728{
width:728px;
height:90px;
margin:0 auto;
}

a.opacity img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	border: 1px solid #C9C9C6;
}
a.opacity:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	border: 1px solid #474747;
}
a.opacity2 img {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}
a.opacity2:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}