#date_heure{width:auto;text-align:center;top:auto;color: #FFF;font-size:1em;}

#message{text-align : center;color: #FF0;font-family: "Arial elec-cao", helvetica, arial, sans-serif;
font-size: 1.0em;font-weight: normal;width: auto;height: 20px;}

#txt_maj{text-align : center;color: #FFF;font-family: "Arial elec-cao", helvetica, arial, sans-serif;
font-size: 0.6em; font-weight: normal;;width: auto;height:12px;}

/* page */
html { 
  margin:0;
  padding:0;
  background:#606060 /* pour la couleur du fond de la page*/

 /* background: url(images/couvert_a.jpg) ; /* pour fond image, ne fonctionne pas avec ANDROID ( smartphone & tablette).
  background-repeat: no-repeat; 
  background-size: cover; /* version standardisée ==>background-sizepropriété spécifie la taille des images d'arrière-plan. */
  /*background-size: 100% 100%;*/
} 

 /* #006618; */
 /* Cadre de la bannière*/

body{  
	font-family: 'Arial', Arial, sans-serif;
	font-size:1.2em;
	width: 1340px;
	margin: 0 auto;
	color:#FF0;
	z-index:0;
	}

/*les graphiques*/
.body_mto {width: 1340px;height: auto;left:0px ;top:300px;
}
/*Contenant de compteurs_mto.html*/
.contenu01 iframe {width:1340px;height:2600;border:0;}/*vient de index.php <section>*/

/*externe*/
div.ajout {
	float : left;
	position: relative;
	left:220px;
	top:90px;
}
/*externe1*/
div.ajout1 {
	float : left;
	position: relative;
	left:0px;
	top:490px;
}

/*externe1*/
div.ajout2 {
	float : right;
	position: relative;
	right:0px;
	top:0px;
}

 /* compteurs */
div.gauge {top:0px;}
.gauge {width: 600px;
 height: 437px;
 margin: 0 auto;
 z-index:2;
 position: relative;}
}
/*Graphique du Rayonnement solaire */
div.Rayonnement_solaire{
	float : left;
	background:#000;
}

.Rayonnement_solaire {
	width:1100px;
	height:350px;
    position: relative;
	top: 35px;   
	left:115px;

}

div.meteogram iframe{ 
	float : left;
	width: 1100px;
	height:420px;
	margin:0 auto;
	position: relative;
	left:115px;
	top:60px
 }
div.arriereplan
{top:50px;
left:0px;
}
/* PIED DE PAGE */
 div.piedpage iframe{
 	float : left;
	width: 1200px;
	height:auto;
	margin:0 auto;
	border:0;
	position: relative;
	left:0px;
	top:70px;
 }
 /* Pour cycle solaire
.contenu05 iframe {width:1340px;height:1050px;border:0;}/*cycle_solaire.php container principal N°0*/
.body05{background:#606060;width:1200px;border:0;}/*solaire_altitude.php, solaire_azimut.html, solaire_crepuscule.php, solaire_flux.php, solaire_jour.php, solaire_variation.php,*/
.body05a{background:#606060;width:1200px;height:2600Px;border:0;}/*solaire_azimut.php,*/
.contenu06 {background:#606060;width:1125px;height:1000px;border:0;}/*cycle_solaireAn.php Fond magenta pour aperçu Zone1*/

 /*pour  selectionner de dates : jour/mois/année*/
.datapicker01 {width:1100px; border:0;margin-left: auto; margin-right: auto;}
.datapicker01 hr{width:1100px; margin-left: auto; margin-right: auto; color:#000;}
.datapicker02 {display: inline-block; margin-left: 400px;}
.datapicker03  hr{width:1100px; margin-left: auto; margin-right: auto; color:#000;}/*resume_mois.php*les deux traits horizontaux */
.datapicker03  form{display: inline-block; text-align:center;margin-left: 350px;color:#000;}/*resume_mois.php* Choix d'un mois ETC...*/
.datapicker04  hr{width:1100px; margin-left: auto; margin-right: auto; color:#FFFFFF;}/*graph_mois.php*/

.formulaire01 {width:1100px; border:0;margin-left: auto; margin-right: auto;}/*cycle_solaireAn.php*/
.formulaire02  hr{width:1100px; margin-left: auto; margin-right: auto; color:#000;}/*cycle_solaireAn.php*/

/*pour selectionner de dates : mois année */
.datapicker04  hr{width:1100px; margin-left: auto; margin-right: auto; color:#000;}/*graph_mois.php*/

/*spécial overdib*/
.overdib01{font-family: Comic Sans MS;font-size:1em;color:#000}
.overdib02{font-family: Comic Sans MS;font-size:1em;color:#0FF}

.contenu_lune iframe {width:1340px;height:1040px;border:0;}/*Lune*/