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

/*les graphiques*/
section{margin-left: 170px;width: 1150px;}/*toutes les pages d'appel du menu*/
.contenu01 iframe {width:1150px;height:570px;border:0;background:#606060;}/*index.php*/
.body01 {background:#4285d6;width:1100px;height:1600px;}/*index.php*/
.contenu02 iframe {width:1150px;height:800px;border:0;}/*radiations_jour.php, meteogramme.php*/
.body02 {width:1100px;height:600px;}/* meteogramme_nv.php*/
.contenu03 iframe {width:1150px;height:730px;border:0;}/*global_jour.php*/
.body03 {width:950px;height:600px;}/*temp_jour.html*/
.contenu04 iframe {width:950px;height:900px;border:0;}/*vitesse_jour.php*/
.body04 {width:950px;}/*vent_jour.html*/
.contenu05 iframe {width:1150px;height:700px;border:0;}/*radiations_jour.php*/
.body05 {width:950px;height:600px;}/*ciel_jour.html*/
.contenu06 iframe {width:1150px;height:1360px;border:0;}/*cycle_solaire.php*/
.body06 {background:#606060;width:850px;border:0;}/*solaire_altitude.php, solaire_azimut.html, solaire_crepuscule.php, solaire_flux.php, solaire_jour.php, solaire_variation.php,*/
.body07 {background:#606060;width:1125px;height:1340px;border:0;}/*cycle_solaireAn.php*/
.contenu08 iframe {background:#FFFFFF;width:1100px;height:900px;border:0;}/*graph_meteo_jour.php*/
.body08 {background:#FFFFFF;width:1100px;height:700px;}/* graph_meteo_jour.php*/
.contenu09 iframe {width:1150px;height:850px;border:0;}/*archive_global.php*/
.body09 {width:1100px;height:600px;}/*global_archive.php, veyrins_flux_jour.php*/
.contenu10 iframe {width:1150px;height:800px;border:0;}/*nebulosite.php*/

.contenu18 iframe {width:1150px;height:2800px;border:0;}/*statmoiscomp.php*/
.body18 {background:#FFFFFF;width:1100px;border:0;}/*stat_mensuel.php*/
.contenu19 iframe {width:1150px;height:3000px;border:0;}/*statmoiscomp.php*/

/*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;}


/*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}

/*menu de navigation vertical*/
nav{float: left;width: 150px;}
#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;}