body{background:#4285d6;font-family: 'Arial', Arial, sans-serif;font-size:1em;width: 1320px;color:#FFFFFF;margin: 0 auto;}
/*body{background:#606060;font-family: 'Arial', Arial, sans-serif;font-size:1em;width: 1320px;color:#FFFFFF;margin: 0 auto;}*/
/*entête de la page*/
#date_heure{width:1000px;left: 200px;top: 0px;color: #ffffff;font-size:1.2em;}
#entete01{width:1320px;height:140px;top:30px;left:0px;}
#bienvenue{top:145px;left:0px;color: #ffffff;font-size:1.2em;font-weight:600;}
#maj {top:160px;height:10px;}

/*les graphiques*/
section{margin-left: 180px;width: 1150px;top:200px;}/*toutes les pages d'appel du menu*/
.contenu01 iframe {width:1150px;height:900px;border:0;}/*index.php*/
.body01 {background: #4285d6;width:1100px;height:920px;}/*clientraw.html*/
.contenu02 iframe {width:1150px;height:600px;border:0;}/*radiations_jour.php, meteogramme.php*/
.body02 {width:1100px;height:400px;}/* meteogramme_nv.php*/
.contenu02a iframe {width:1150px;height:700px;border:0;}/*radiations_jour.php*/
.body02a {width:1100px;height:600px;}/*ciel_jour.html*/
.contenu03 iframe {width:1150px;height:730px;border:0;}/*global_jour.php*/
.body03 {width:1100px;height:600px;}/*temp_jour.html*/
.contenu04 iframe {width:1150px;height:950px;border:0;}/*vitesse_jour.php*/
.body04 {width:1100px;}/*vent_jour.html*/
.contenu04a iframe {width:100%;height:1100px;border:0;}/*lune.php*/
.body04a {width:100%;border:0;}/*lune.html*/
.contenu05 iframe {width:1200px;height:650px;border:0;}
.contenu06 iframe {width:1150px;height:800px;border:0;}/*nebulosite_jour.php,*/
.body06 {width:1100px;height:600px;}/*ennery_flux_jour.php*/
.body06a {width:1100px;height:500px;}
.contenu07 iframe {width:1200px;height:780px;border:0;}/*awekas.php*/ 
.contenu08 iframe {width:610px;height:700px;border:0;}/*awekas1.php*/
.contenu09 img {width:468px;height:60px;border:0;}/*awekas1.php*/
.contenustock iframe {width:1150px;height:850px;border:0;}/*stock_temp.php, stock_amplitude.php, stock_baro.php, stock_hygro.php, stock_vent.php, stock_pluie.php,*/
.bodystock{width:1100px;height:650px;}/*comp_pluiemois.html, dwpstock.html, tempstock.html, tempstockrange.html, barostock.html, hygrostock.html, ventstock.html,*/
.contenu10 iframe {width:1150px;height:1050px;border:0;}/*archive_vent.php, stock_temp.php*/
.body10{width:1100px;height:1000px;}/*vent_archive.php*/
.contenu11 iframe {width:1150px;height:700px;border:0;}/*archive_meteogram.php*/ 
.body11{width:1100px;height:650px;}/*ciel_archive.php*/
.contenu12 iframe {width:1150px;height:900px;border:0;}
.contenu13 iframe {width:1150px;height:550px;border:0;}/*archive_ciel.php*/
.body13 {width:1100px;height:500px;}/*ciel_archive.php*/
.contenu14 iframe {width:1150px;height:850px;border:0;}/*archive_global.php*/
.body14 {width:1100px;height:600px;}/*global_archive.php*/
.contenu15 iframe {width:1150px;height:720px;border:0;}/*archive_soleil.php*/
.body15 {width:1100px;height:700px;border:0;}/*soleil_archive.php*/
.contenu16 iframe {width:1150px;height:750px;border:0;}
.contenu17 iframe {width:1150px;height:3150px;border:0;}/*statancomp.php*/
.body17 {background:#FFFFFF;width:1100px;border:0;}
.contenu18 iframe {width:1150px;height:2800px;border:0;}/*statmoiscomp.php*/
.body18 {background:#FFFFFF;width:1100px;border:0;}/*compare_mensuel.php, compare_annuel.php*/
.contenu19 iframe {width:1150px;height:1360px;border:0;}/*cycle_solaire.php*/
.body19 {background:#606060;width:850px;border:0;}/*solaire_altitude.php, solaire_azimut.html, solaire_crepuscule.php, solaire_flux.php, solaire_jour.php, solaire_variation.php,*/
.contenu20 {background:#606060;width:1125px;height:1340px;border:0;}/*cycle_solaireAn.php*/
.contenu21 iframe {background:#606060;width:1150px;height:730px;border:0;}/*heatmapAn.php, heatmapMois.php*/
.body21 {width:1100px;height:700px;}/*heatmapannuel.php, heatmapmensuel.php*/
.contenu22 iframe {background:#FFFFFF;width:1150px;height:900px;border:0;}/*normales2010.php, graphnormejour.php, graphnormemois.php*/
.body22 {background:#FFFFFF;width:1100px;height:700px;}/* minimax_temp_norm.php, ecarttempmax_norm.php, ecarttempmini_norm.php, ecarttempmoy_norm.php, ecartbaro_norm.php, ecartpluie_norm.php, ecartpluie_norm.php, ecartvent_norm.php, ecartrad_norm.php*/
.contenu23 iframe {background:#606060;width:1100px;height:750px;border:0;}/*graphnormemois.php, email.php*/
.body23 {display:block;}
.contenu24 iframe {background:#FFFFFF;width:1100px;height:1400px;border:0;}/*description.php, RG100.php, sht15.php, station.php*/
.contenu25 iframe {background:#ffffff;width:1150px;height:2800px;border:0;}/*statmois.php*/
.body25 {background:#606060;width:1100px;border:0;}/*stat_mois.php, stat_an.php*/
.body26 {width:1150px;height:100px;border:0;}/*graph_pluriannuel.php*/
.contenu01a iframe {width:1150px;height:900px;border:0;}/*index.php*/
.body01a {width:1100px;height:800px;}/*clientraw.html*/

/*pour le 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:#FFFFFF;}
.datapicker02 {display: inline-block; margin-left: 400px;}
/*pour le selectionner de dates : mois année */
.datapicker03  hr{width:1100px; margin-left: auto; margin-right: auto; color:#FFFFFF;}
.datapicker03  form{display: inline-block; margin-left: 350px;}
/*datapicker pour tableaux comparatifs*/
.datapicker04 {width:1100px; border:0;margin-left: auto; margin-right: auto;}/*datapicker_graphcompan.php*/
.datapicker04  hr{width:1100px; margin-left: auto; margin-right: auto; color:navy;}/*datapicker_graphcompan.php*/
.datapicker04  form{display: inline-block; margin-left: 300px;}/*datapicker_graphcompan.php*/
.datapicker05 {width:1100px; text-align: center; margin-left: auto; margin-right: auto; color:navy;}/*datapicker_graphcompan.php*/
#datapicker06  {display: inline-block; margin-left: 400px;}/*datapicker_graphcompan.php*/
.datapicker07  hr{width:1140px; margin-left: auto; margin-right: auto; color:#FFFFFF;}/*heatmapannuel.php,heatmapmensuel.php*/
.datapicker07  form{display: inline-block; text-align:center;margin-left: auto; margin-right: auto;}/*heatmapmensuel.php*/
.datapicker08  hr{width:1100px; margin-left: auto; margin-right: auto; color:#FFFFFF;}/*graph_norme_mois.php*/
.datapicker08  form{display: inline-block; text-align:center;margin-left: auto; margin-right: auto;}/*graph_norme_mois.ph*/
.formulaire01 {width:1100px; border:0;margin-left: auto; margin-right: auto;}
.formulaire01  hr{width:1100px; margin-left: auto; margin-right: auto; color:#FFFFFF;}
.formulaire02 {width:1100px; text-align: center; margin-left: auto; margin-right: auto; color:#FFFFFF;}
#statmois01  {display: inline-block; margin-left: 300px;}
#statan01  {display: inline-block; margin-left: 400px;}
.datapicker09 {width:1100px; border:0;margin-left: auto; margin-right: auto;}/*graph_comp_bar0.php*/
.datapicker09  hr{width:1100px; margin-left: auto; margin-right: auto; color:#FFFFFF;}/*graph_comp_bar0.php*/
.datapicker09  form{display: inline-block;}/*graph_comp_bar0.php*/
.datapicker10 {width:1100px; text-align: center; margin-left: auto; margin-right: auto; color:#FFFFFF;}/*graph_comp_bar0.php*/
/*spécial overdib*/
.overdib01{font-family: Comic Sans MS;font-size:1em;color:#FFFFFF}
.overdib02{font-family: Comic Sans MS;font-size:1em;color:#0066FF}
/*spécial awekas*/
.awekas1{position:absolute; left:200px; top:0px; width:600px; height:680px;}/*awekas1.php*/
.awekas2{position:absolute; left:260px; top:690px; width:600px; height:90px;}/*awekas1.php*/
/*menu de navigation vertical*/

nav{float: left;top:230px;}

.cielnom {background-color: #ffff00;color: black;font-size: 1.2em;font-weight: bold;text-align: center;width: 150px;  height: 20px;border-radius: 6px;margin-bottom:2px;box-shadow: 3px 3px 3px #999;border:solid 1px #333A40;} /* temps présent*/
.present {background-color: #ffffff; text-align: center;width: 150px;  height: 80px;border-radius: 6px;margin-bottom:2px;box-shadow: 3px 3px 3px #999;border:solid 1px #333A40;}/* temps présent*/
.previ {background-color: #ffff00;color: black;font-size: 1.2em;font-weight: bold;text-align: center;width: 150px;  height: 270px;border-radius: 6px;margin-bottom:2px;box-shadow: 3px 3px 3px #999;border:solid 1px #333A40;} /* temps présent*/

#menu {padding:0;margin:0;list-style:none;text-align: center;width: 150px;}
#menu ul {padding:0;margin:0;list-style:none;text-align: center;}
#menu li {background-color:#729EBF;background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);border-radius: 6px;margin-bottom:2px;box-shadow: 3px 3px 3px #999;border:solid 1px #333A40;}
#menu li li {max-height:0;overflow: hidden;transition: all .5s;border-radius:0;background: #444;box-shadow: none;border:none;margin:0;}
#menu a {display:block;text-decoration: none;color: #fff;padding: 8px 0;font-family: verdana;font-size:0.8em;}
#menu ul li a, #menu li:hover li a {font-size:0.8em;}
#menu li:hover {background: #729EBF;}
#menu li li:hover {background: #999;}
#menu ul li:last-child {border-radius: 0 0 6px 6px;border:none;}
#menu li:hover li {max-height: 15em;}