@charset "utf-8";
/* CSS Document */

body
{background-color:#000000;

}



/* haut et bannière */

.banniere
{
width:1240px;
height: 149px;
background-image: url("test.png");
background-repeat: no-repeat;
}

.page
{
width:1240px;
height:1220px;
background-color:#6a6959;
border: 1px ridge #ffffff;
}

/*bannière interne*/

.heure
{
width: 450px;
height:20px;
margin-top: 10px;
float:left;
}

.logo
{
width: 325px;
height:100px;
float:left;
}

.cadrehaut
{
width: 840px;
height: 115px;
float:left;
margin-left: 75px;
}

.cadrehaut2
{
width: 740px;
height: 115px;
float:left;
margin-left: 75px;
}

.cadre1
{
width:45px;
height:114px;
border-left:1px solid grey;
border-bottom:1px ridge grey;
float:left;
}

.cadre2
{
text-align:center;
width:150px;
height:115px;
float:left;
}
.cadre3

{
width:547px;
height:114px;
float:left;
clear:right;
border-bottom:1px ridge grey;
}

.cadre3

{
width:547px;
height:114px;
float:left;
clear:right;
border-bottom:1px ridge grey;
}

.racccourci
{
width: 1238px;
height:25px;
float:left;
clear: right;
}

.menur
{
width: 640px;
height:20px;
float:left;
margin-left: 75px;
margin-top: 15px;
clear:right;
text-align:right;
}

.metar
{
width: 1240px;
height: 40px;
margin-bottom: 5px;
text-align:center;
border-top: 1px solid #6a6959;
background-color:#6a6959;
}

.menuv
{
width:200px;
height: 1019px;
background-image: url("images/menuv.png");
float: left;
}

.menuh
{
width: 1040px;
height: 48px;
background-image: url("images/menuh.png");
float: left;
clear: right;
z-index: 100;
}


.previ
{
width:  387px;
height: 399px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.previ2
{
width:  400px;
height: 399px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.lienprevi
{
margin-left : 5px;
width:  117px;
height: 399px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.lienprevi2
{
margin-left : 5px;
width:  114px;
height: 399px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.vigi
{
width:  375px;
height: 399px;
float: left;
margin-top : 3px;
margin-left: 24px;
background-color:#6a6959;
}

.lienvigi
{
margin-left : 5px;
width:  116px;
height: 399px;
float: left;
margin-top : 3px;
clear:right;
background-color:#6a6959;
}

.vigicrue
{
width:  317px;
height: 385px;
float: left;
margin-top : 5px;

}

.climato
{
width:  580px; /*508*/
height: 385px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.idee
{
margin-left : 5px;
width:  195px;
height: 385x;
float: left;
margin-top : 3px;
clear:right;
clear:right;
background-color:#6a6959;
}


.bas
{
width: 1038px;
margin-top: 5px;
height: 95px;
border: 1px ridge grey;
float: left;
background-color:#6a6959;
}

.baspage
{
width: 1040px;
margin-top: 5px;
height: 67px;
background-image: url("images/menuh.png");
float: left;
text-align:center;
}

/* Menu */

#menu {
	width: 100%;
	height:40px;
	font-size: 16px;
	line-height: 1.0em;
	font-family: calibri;
	margin-top:5px;
	padding:0;

}


#menu li 
{
list-style-type: none;
	margin:0;
	padding:0;
	cursor:pointer;
}

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


.navig ul 
{
float: left;
list-style: none;
line-height: 1;
background:#000000;
font-weight: bold;
padding: 0;
margin: 0 0 0 0;
text-decoration:none; 
}

.navig a 
{
display:block;
color:orange;
text-decoration: none;
padding: 0.4em 0.8em;
font-size:16px;
font-family: calibri;
}


.navig li {
float: left;
padding: 0;
text-align:center;
margin:0;
text-decoration:none; 
}

.navig li ul
 {
position: absolute;
left: -999em;
height: auto;
font-weight: normal;
margin: 0;
background:#000000;
z-index:100;
}

.navig li li {
border:solid 1px;
border-color:#000000;
text-align:left;
text-indent:5px;
}

.navig li ul a:hover {
color:white;
text-decoration:none; 
}

#menu ul li ul li ul 
{
margin-top:-23px;
}
.navig li:hover ul ul,.navig li:hover ul ul ul, .navig li.sfhover ul ul, .navig li.sfhover ul ul ul {
left: -999em;
}
.navig li:hover ul, .navig li li:hover ul, .navig li li li:hover ul, .navig li.sfhover ul, .navig li li.sfhover ul, .navig li li li.sfhover ul {
left: auto;
	}
.navig li:hover,.navig li.sfhover {
background:#000000;
text-decoration:none; 
}

/*menu 2*/


#menu3		{
			position:relative;
			z-index:100;
			width:150px;
			font-family: Calibri;
			font-size:12px;
			background-color:#000000;
								}

#menu3 ul, #menu3 li
			{
   			list-style:none;
   			padding: 0px;  
   			margin: 0px; 
			}


#navig2 a
			{	
			font-size:16px;
			text-decoration:none;
			text-indent:10px;
			display: block;
			width:100%;
			color:orange;
			line-height:35px;
            background: #000000;
			border-top:1px solid #000000;
			}

#navig2 a:hover
			{	
   			color:#ffffff;
			background-color:#000000;
			text-decoration:none; 
			}



			
#navig2 li ul 		{
        position: absolute;
        list-style:none;
   			padding: 0px;  
   			left: -999em;
   			margin: -37px 0 0 0;
   			border-left:1px solid white;
   			background-color:#000000;
   			z-index: 100;
			width:180px;
			text-align:left;
						}	

/* --- GESTION DE L'AFFICHAGE DES SOUS MENUS AU ROLLOVER --- */
/*tous les sous menus sont cachés par défaut en les affichant hors du champ de vision*/
#navig2 li:hover ul ul, #navig2 li:hover ul ul ul, #navig2 li.sfhover ul ul, #navig2 li.sfhover ul ul ul {
	left: -999em;
}
/*Affichage des sous-menus*/
#navig2 li:hover ul, #navig2 li.sfhover ul, #navig2 li li:hover ul , #navig2 li li li:hover ul, #navig2 li li.sfhover ul, #navig2 li li li.sfhover ul {
	left: 150px;
	
}


p 
{
margin:5px;
font-family: Calibri;
font-size: 13px;
color: #ffffff;
}


h1
{    
color:#ffffff;
font-family: Arial;
font-size: 14px;
text-decoration:underline
}

h2
{    
   color: #cd853f;
font-family: Arial;
   	font-size: 13px;
}

a   
{  
color:orange;
font-family: Calibri;
text-decoration:none; 
}  
  
 a:hover
{  
color:white; 
font-family: Calibri;
text-decoration:underline; 
} 

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

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

}

.textevigi
{
width:  491px;
height: 397px;
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border : 1px ridge grey;
}

.textevigi2
{
width:  481px;
height: 397px;
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border : 1px ridge grey;
}

.cartevigicrue
{
width:  552px;
height: 567px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.cartevigicrue3
{
width:  772px;
height: 567px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}
 
 
.textevigicrue
{
width:  470px;
height: 567px;
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border : 1px ridge grey;
} 

.textevigicrue3
{
width:  250px;
height: 567px;
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border : 1px ridge grey;
} 


.pagevigicrue
{
width:  800px;
height: 320px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.pagevigicrue4
{
width:  800px;
height: 322px;
float: left;
margin-top : 5px;
margin-left: 10px;
background-color:#6a6959;
}

.carteeurope
{
width:  570px;
height: 464px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.lieneurope
{
margin-left : 5px;
width:  200px;
height: 464px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.texteeurope
{
width:  241px;
height: 464px;
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border : 1px ridge grey;
}

.vigicrueeurope
{
width:  317px;
height: 423px;
float: left;
margin-top : 5px;
}

.climatoeurope
{
width:  508px;
height: 423px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.ideeeurope
{
margin-left : 5px;
width:  195px;
height: 423x;
float: left;
margin-top : 3px;
clear:right;
clear:right;
background-color:#6a6959;
}

.carteuv
{
width:  552px;
height: 567px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}


.legendeuv
{
width:  317px;
height: 320px;
float: left;
margin-top : 5px;
}

.climatouv
{
width:  508px;
height: 320px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.ideeuv
{
margin-left : 5px;
width:  195px;
height: 320x;
float: left;
margin-top : 3px;
clear:right;
clear:right;
background-color:#6a6959;
}

.lienuv
{
margin-left : 5px;
width:  220px;
height: 567px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.texteuv
{
width:  241px;
height: 569px; 
float: left;
margin-top : 3px;
margin-left: 20px;
background-color:#6a6959;
border-left : 1px ridge grey;

}

.contact
{
width:  900px;
height: 669px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.contact1
{
width:  317px;
height: 220px;
float: left;
margin-top : 5px;
}

.contact2
{
width:  508px;
height: 220px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.previsionjgauche
{
width:  387px;
height: 449px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.previsionjdroite
{
width:  387px;
height: 449px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.basprevision
{
width: 1038px;
margin-top: 5px;
height: 38px;
border: 1px ridge grey;
float: left;
background-color:#6a6959;
}

.previsionbasgauche
{
width:  387px;
height: 335px;
float: left;
border : 1px ridge grey;
margin-top : 5px;

}

.previsionbascentre
{
width:  387px;
height: 335px;
float: left;
margin-top : 5px;
margin-left: 10px;
border : 1px ridge grey;
background-color:#6a6959;
}

.previsionbasdroite
{
margin-left : 5px;
width:  80px;
height: 335px;
float: left;
margin-top : 3px;
clear:right;
background-color:#6a6959;
}

.lienprevision
{
margin-left : 5px;
width:  145px;
height: 335px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.lienprevisionhaut
{
margin-left : 5px;
width:  158px;
height: 399px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.lienprevisionhautdpt
{
margin-left : 5px;
width:  110px;
height: 402px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.previsionjgauchedpt
{
width:  387px;
height: 402px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.previsionjdroitedpt
{
width:  387px;
height: 402px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.previsionbasgauchedpt
{
width:  387px;
height: 383px;
float: left;
border-top : 1px ridge grey;
margin-top : 5px;

}

.previsionbascentredpt
{
width:  387px;
height: 383px;
float: left;
margin-top : 5px;
margin-left: 10px;
border-top : 1px ridge grey;
background-color:#6a6959;
}

.previsionbasdroitedpt
{
margin-left : 5px;
width:  80px;
height: 383px;
float: left;
margin-top : 3px;
clear:right;
background-color:#6a6959;
}

.lienprevisiondpt
{
margin-left : 5px;
width:  110px;
height: 383px;
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.contact3
{
width:  508px;
height: 222px;
float: left;
margin-top : 5px;
margin-left: 10px;
background-color:#6a6959;
}

.carteorage
{
width:  552px;
height: 896px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.partenaire
{
width:  1020px;
height: 896px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.pageobs
{
width:1240px;
height:100%;
background-color:#6a6959;
border: 1px ridge #ffffff;
}

.obs
{
width:  1020px;
height: 100%; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.cartevigicrue2
{
width:  1000px;
height: 569px; 
float: left;
margin-top : 3px;
background-color:#6a6959;
}

.bot
{
display:none;
}