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:1100px;left: 0px;top: 0px;color: #ffffff;font-size:1.2em;}
#entete01{width:1220px;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: 200px;width: 1150px;}/*toutes les pages d'appel du menu*/
.body01 {width:1100px;height:600px;}/*clientraw.html*/
.contenu01 iframe {margin-left:50px; width:830px;height:620px;border:3;}/*index.php*/
.contenu02 iframe {background:#606060;width:1100px;height:750px;border:0;}
.body02 {display:block;}
.contenu03 iframe {margin-left:100px; width:750px;height:500px;border:0;}/*index.php*/
.body03 {width: 820px;background:#606060;}

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