html,body{
height: 100%;
margin: 0;
text-align: center;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 16px;
color: black;
background-color: #3f557a;
}

h5 {
font-size: 12px;
font-weight: normal;
display: inline ;
}

.div_fixe {
position:fixed; 
margin-top: 0px;
text-align: left;  
width: 1089px;
}

.div_droite, .box_haut_site {
text-align: center;
background-color: #f0f0f0;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}
.div_droite {
position:absolute;
margin-left: 933px;
margin-top: 3px;
width: 156px;  
padding-top: 11px; padding-bottom: 11px;
z-index: 1;
}
.box_droite {
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 11px; margin-right: 11px;
padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px;
width: 128px;
}
.accueil a {
font-weight: bold;
color: #3f557a;
text-decoration: none;
}
.infoclimat {
height: 99px; 
}

.static{
height: 55px;
}

.picto, .awekas {
height: 100px;
}

.infoclimat, .static, .awekas, .picto {
margin-top: 10px;
z-index: 2;
}

.compteur{
margin-top: 10px;
margin-left: 5px;
width: 150px;  
}

.div_gauche{
position:absolute;
left:0px;
top:0px;
width:922px;
}

.box_haut_site {
position:absolute; 
left:0px; 
top:3px; 
width: 900px;
height: 221px;
padding-top: 11px; padding-bottom: 9px; padding-left: 11px; padding-right: 11px;
z-index:2;
}

.menu{
position:absolute; 
left:11px; 
top:197px; 
width:902px; 
height:38px; 
z-index:182; 
}

.titre_site{
position:absolute; 
left:18px; 
top:17px; 
width:715px; 
height:60px; 
z-index:177; 
}

.facebook{
position:absolute; 
left:780px; 
top:25px; 
width:120px; 
height:20px; 
z-index:200; 
}

.titre_serre_che{
position:absolute; 
left:18px; 
top:72px; 
width:350px; 
height:35px; 
z-index:177; 
}

.mini_conditions{
position:absolute; 
left:557px; 
top:110px; 
width:340px; 
height:76px; 
font-size: 14px;
text-align: right; 
z-index:178; 
}

.t70 {
font-size: 70px;
color: black;
 }

.t7 {
font-size: 7px;
color: #3f557a;
 }
 
.informations {
position: absolute; width: 500px; heigth: 50px; top: 79px; left: 320px; font-size: 20px;
text-align: left; 
color: red;
z-index:178;
} 
 
.informations a{
color: red;
text-decoration: none;
} 

.records_absolus {
position: absolute; width: 500px; heigth: 50px; top: 79px; left: 240px; font-size: 20px;
text-align: right;
color: red;
z-index:178;
}

 .records_absolus a{
color: red;
text-decoration: blink;
} 
 

 
.diaporama{
position:absolute; 
left:11px; 
top:14px; 
width:900px; 
height:183px; 
 z-index:5;
}

.box_haut_contenu {
position:absolute; 
left:0px; 
top:255px;  
width: 922px;
height: 11px;
z-index:1;
background-color: #f0f0f0;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.bas_de_page {
width: 922px; 
margin-left: 0px; 
height: 29px;
padding-top: 11px;
font-size: 13px; 
background-color: #c8c8c8;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.bas_de_page a {
color: black;
text-decoration: none;
}

.retour_haut_de_page {
width: 922px; 
margin-left: 0px; 
height: 18px; 
font-size: 12px;
margin-top:5px;
}

.retour_haut_de_page a {
color: white;
text-decoration: none;
}

.compteur_de_visites {
color:#c8c8c8;
font-size: 12px;
}

.conteneur {
width: 900px; 
margin-top: 255px; 
margin-left: 0px; 
text-align: center; 
padding: 11px; 
background-color: #f0f0f0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.espacement {
width: 900px; 
height: 22px; 
}

.box_droite, .box_meteoblue, .box_meteogram, .box_ta_meteo, .box_tameteo_com, .box_vignettes_prev, .box_meteorama,.box_station, .box_adresses, .box_contact {
display: inline-block;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.box_int_meteoblue, .box_int_ta_meteo, .box_int_meteogram, .box_int_tameteo_com, .box_int_meteorama , .box_int_station {
border: 1px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.box_mf, .box_vignettes_prev_neige, .box_webcams_serreche, .box_webcams_montgenevre, .box_webcams_nordiques, .box_temp_int_psp, .box_radar_pluie_neige {
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.box_jours_soleil_pluie {
margin-top: 11px;
margin-left: 11px;
margin-right: 11px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
width: 128px;
font-family: arial;
font-size: 14px;
color: #3f557a;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.est_arrive_mois_jour {
width: 900px;
height: 108px;
}

.box_ce_mois, .box_cette_annee, .box_apres_mois_annee {
float: left; 
margin-left: 0px;
height: 90px;
padding-top: 6px; padding-right: 8px; padding-left: 8px; padding-bottom: 6px; padding-bottom: 3px\9; -padding-bottom: 3px;
text-align:left;
font-size: 11px;
font-family: verdana;
line-height: 13px; 
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.box_ce_mois {
width: 180px; 
}

.entre_jour_mois {
float: left; 
margin-left: 0px; 
width: 20px;
}

.box_cette_annee{
width: 200px; 
}

.box_apres_mois_annee{
width: 414px;
}

.pistes{
float: left; 
width:138px; 
height: 80px; 
padding-top: 10px; 
text-align: center; 
background-color: white;
}

.pistes a {
color: black;
text-decoration: none;
}

.haut_webcam_psp, .haut_sat24, .haut_radar, .haut_records_absolus, .haut_records_mensuels, .haut_climatologie, .haut_historique_jour, .haut_meme_periode_annee {
background-color: #3f557a;
font-size: 13px; 
font-weight: bold; 
color: white;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.bas_webcam_psp, .bas_sat24, .bas_radar, .bas_france , .bas_climatologie, .bas_records_absolus, .bas_records_mensuels, .bas_historique_jour, .bas_meme_periode_annee, .bas_moyennes_cumuls {
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.haut_webcam_psp {
width: 666px; 
height: 20px; 
z-index: 186;
padding-top: 5px; padding-top: 7px\9;
}

.haut_webcam_psp a {
color: white; 
text-decoration: underline;
}

.bas_webcam_psp {
width: 640px; 
height: 400px; 
padding: 10px; padding-bottom:9px\9;padding-top:9px\9;
z-index: 192;  
}

.bas_webcam_psp img {
border: 0px; 
}

.box_mf {
float: right;
width: 206px; 
height: 445px;
text-align: center;
padding: 0px; 
z-index: 180;
}

.mf {
display: inline-block;
margin-top: 10px;
width: 164px;
height: 293px; 
z-index: 2;
}

.mf a{
text-decoration: none;
}

.previsions_mf{
margin-left: 0px; 
margin-top: 22px;
width: 209px; 
height: 167px; 
text-align: center;
z-index: 190;
}

.previsions_mf a{
color: black;
text-decoration: none;
}

.sat24_radar {
width: 900px;
height: 405px;
}

.haut_sat24 {
height: 33px; 
width: 498px; 
z-index: 1;
padding-top: 5px; padding-top: 6px\9;
}

.haut_sat24 a {
color: white; 
text-decoration: underline;
}

.bas_sat24 {
width: 476px; 
padding: 8px;
}

.haut_radar {
width: 379px;
height: 20px; 
z-index: 10;
padding-top: 6px; padding-top: 7px\9;
}

.haut_radar a {
color: white; 
text-decoration: underline;
}

.bas_radar {
height: 357px; 
width: 357px;
padding:8px;
}

.carre_jaune {
position:relative; 
left: 199px; 
top: 295px; 
width:7px; 
height: 7px;
border: 1px solid black; 
background-color: yellow; 
z-index: 4;
}

.radar_pluie_neige {
width: 900px;
height: 83px;
}

.compteur_gratuit a {
color: #3f557a;
/*color: #c8c8c8;*/
text-decoration: none;
font-size: 12px;
font-style: italic;
}

.box_radar_pluie_neige {
float: right;
width: 885px; 
height: 60px; 
padding-top : 10px; padding-bottom: 7px; padding-left: 1px; padding-right: 8px;
text-align: center;
}

.vignettes_05 {
width: 900px;
height: 229px;
}

.webcams_05 {
width: 900px;
height: 260px;
}

.haut_webcams_05, .haut_vignettes_05, .haut_vignettes_romma {
background-color: #3f557a;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px; 
font-weight: bold; 
color: white;
text-align: center;
z-index: 1;
height: 20px; 
width: 900px; 
padding-top: 5px; padding-top: 6px\9;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.haut_webcams_05, .haut_vignettes_05 a {
color: white; 
text-decoration: none;
}

.cucumelle {
width: 900px;

}

.bas_cucumelle {
height: 450px; 
width: 885px;
padding-top : 7px; padding-bottom: 10px; padding-left: 4px; padding-right: 5px;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 1;
}

.bas_vignettes_05 {
height: 181px; 
width: 885px;
padding-top : 4px; padding-bottom: 13px; padding-left: 1px; padding-right: 8px;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 1;
}

.bas_webcams_05 {
height: 218px; 
width: 886px;
padding-top : 0px; padding-bottom: 13px; padding-left: 0px; padding-right: 8px;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 1;
}

.stations_romma {
width: 900px;
height: 99px;
}

.vignettes_romma {
width: 106px;
height: 40px;
padding-right: 2px; padding-left: 2px; padding-top: 10px;
text-align: center;
font-family: Verdana;
font-size: 13px;
background-color: #3599b1;
border: 1px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 5px;
border-radius: 5px;
}

.vignettes_romma a {
color: white; 
text-decoration: none;
}

.bas_vignettes_romma {
height: 52px; 
width: 885px;
padding-top : 8px; padding-bottom: 8px; padding-left: 1px; padding-right: 8px;
background-color: #e6edf7;
border: 3px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
z-index: 1;
}

.haut_france {
height: 22px; 
width: 794px;
padding-top: 7px; padding-bottom: 7px;
font-size: 20px; 
font-weight: bold; 
color: white;
background-color: #3f557a;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.haut_france a {
color: white; 
text-decoration: underline;
}

.bas_france {
width:788px;
height: 3122px;
}

.img_meteociel {
height: 768px; 
width: 768px; 
margin-top: 10px; 
margin-left: 10px;
}

.page_graphiques {

}

.haut_climatologie {
height: 20px; 
width:880px;
padding-top: 8px; padding-right: 10px; padding-bottom: 8px; padding-left: 10px; padding-top: 7px\9; padding-bottom: 7px\9;
font-size: 20px;
}

.bas_climatologie {
width: 886px;
padding-top: 0px; padding-right: 1px; padding-bottom: 30px; padding-left: 7px;
font-weight: bold; 
}
.bas_moyennes_cumuls {
width: 894px;

font-weight: bold; 
}
.tableaux_mesures {
margin-left: auto; 
margin-right: auto; 
background-color: rgb(182, 199, 219); 
text-align: left; 
}

.td_grandeurs {
vertical-align: middle; 
font-size: 16px;
font-weight: bold;
background-color: rgb(230, 237, 247);
}

.td_mesures {
vertical-align: middle; 
text-align: center; 
font-size: 12px;
background-color: rgb(236, 243, 248);
}

.t16px { 
font-size: 16px; 
font-weight: bold;
}

.bas_historique_jour, .bas_meme_periode_mois, .bas_meme_periode_annee {
padding: 10px; padding-bottom: 7px\9;
font-family: "Times New Roman";
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
   /* IE10-specific styles go here */ 
   .bas_historique_jour, .bas_meme_periode_annee {
   padding-bottom: 10px; }
}  

.haut_historique_jour {
height: 22px;
width: 806px; 
padding-top: 9px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;
}

.haut_meme_periode_annee {
height: 22px; 
width: 806px; 
padding-top: 11px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px;
}

.bas_historique_jour, .bas_meme_periode_annee {
 width: 800px; 
}

.haut_meme_periode_mois {
margin-top: -30px; 
height: 22px; 
width: 568px;
padding-top: 9px; padding-right: 10px; padding-bottom: 5px; padding-left: 10px;
}

.bas_meme_periode_mois {
margin-top: -48px; 
width: 562px; 
}
.haut_records_absolus {
height: 22px; 
width: 510px; 
padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; padding-top: 8px\9; padding-bottom: 6px\9;
font-size: 18px;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.haut_records_absolus {
		padding-top: 8px; padding-bottom: 6px;
	}
}

.bas_records_absolus {
width:504px;
padding: 10px; padding-bottom: 7px\9;
font-family: "Times New Roman"; 
}

.haut_records_mensuels {
height: 22px; 
width: 832px; 
padding-top: 7px; padding-right: 10px; padding-bottom: 7px; padding-left: 10px; padding-top: 8px\9; padding-bottom: 6px\9;
font-size: 18px;
}
/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.haut_records_mensuels {
		padding-top: 8px; padding-bottom: 6px;
	}
}

.bas_records_mensuels {
width: 832px;
padding-top: 10px; padding-right: 5px; padding-bottom: 3px; padding-left: 9px; padding-bottom: 3px\9;
}

.bordures, .rb, .b, .bl, .r   {
float: left; 
border: 1px solid #3f557a;
}

.rb {
border-right: none; 
border-bottom: none;
}

.b {
 border-bottom: none;
}

.bl {
border-bottom: none;
border-left: none;
}

.r {
border-right: none;
}

.im_prev {
border: 0px solid ; 
width: 258px; 
height: 52px;
}

.box_meteoblue {
width: 556px;
padding: 10px;
}

.box_meteoblue a {
color: blue; 
text-decoration: none;
}

.box_int_meteoblue {
width: 536px; 
padding-top: 10px; padding-right: 9px; padding-bottom: 10px; padding-left: 9px;
background-color: #fff;
}

.box_tameteo_com, .box_meteogram {
padding : 10px;
}

.box_int_tameteo_com {
width: 758px;
padding-top: 10px; padding-right: 9px; padding-bottom: 10px; padding-left: 9px;
background-color: #fff;
}

.box_meteorama {
width: 778px;
padding: 10px;
}

.box_ta_meteo {
width: 778px;
padding: 10px;
}

.box_int_meteorama, .box_int_ta_meteo, .box_int_meteogram {
width: 758px; 
padding-top: 10px; padding-right: 9px; padding-bottom: 10px; padding-left: 9px;
background-color: #fff;
}

.box_vignettes_prev {
width: 778px;
height: 266px;
padding: 10px;
}

.info_serre_che {
display: inline-block;
width: 800px;
}

.box_vignettes_prev_neige {
display: inline-block;
width: 778px;
height: 160px;
padding: 10px;
}

.texte_webcams_serreche, .texte_webcams_montgenevre, .texte_webcams_nordiques {
margin-top: 10px;
width: 900px;
text-align: center;
font-family: Arial;
color: black;
background-color: #f0f0f0;
}

.box_webcams_serreche, .box_webcams_montgenevre, .box_webcams_nordiques {
width: 874px;
padding: 10px;
}

.box_webcams_nordiques {
height: 3364px;
}

.box_station {
height: 1072px;
width: 874px;
padding: 10px;
}

.box_int_carte, .box_int_station_est, .box_int_texte, .box_int_station_sud {
text-align: left;
padding: 10px;
background-color: #f0f0f0;
border: 1px solid #3f557a;
/* Do rounding (native in Firefox and Safari) */
-webkit-border-radius: 10px;
border-radius: 10px;
}

.box_int_carte {
float:left; 
width: 636px;
}

.box_int_station_est {
float: right; 
width: 184px;
}

.box_int_texte  a {
text-align: left;
color: blue;
text-decoration: none;
}

.box_adresses {
height:80px;
width: 874px;
padding: 10px;
text-align: left;
}

.box_adresses a{
color: black;
text-decoration: none;
}

.box_temp_int_psp {
margin-top: 0px;
width: 370px;
height: 326px;
padding: 10px;
}

.box_contact {
width: 874px;
padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px;
text-align: left; 
}

/*""""""""html{ font-family:Geneva, Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:.88em;}""""""""*/
textarea{ width:867px; }
label{ display:block; font-weight:bold; }
p#welcome{ padding:10px 20px; border:1px dotted #00f; color:#00f; font-weight:bold; }
ul{ padding:10px 20px; border:1px dotted #f00; color:#f00; font-weight:bold; }
p#success{ padding:10px 20px; border:1px dotted green; color:green; font-weight:bold; }
p em{ display:block; font-weight:normal; }