nav {display:block;position:relative;float:left;}
nav.gris {width:97%;margin-bottom:3px;}
nav > a {display:block;position:relative;width:100%;height:100%;background:#ccc;float:left;}

section {display:block;position:relative;width:100%;margin-bottom:0;overflow:hidden;clear:left;height:100%;margin-bottom:3px;}


div.mov {height:30px;transition: width 1s, height 1s, transition-delay: 0.2s;transition-timing-function: ease;float:left;overflow:hidden;width:100%;}
div.mov.active {height:100%;width:100%;}

div.mot {height:32px;transition: width 1s, height 1s, transition-delay: 0.2s;transition-timing-function: ease;float:left;overflow:hidden;margin-top:-32px;width:32px;float:right;}
div.mot.active {height:100%;width:100%;}

div.mota {height:29px;transition: width 1s, height 1s, transition-delay: 0.2s;transition-timing-function: ease;float:left;width:0%;margin-top:0;}
div.mota.active {height:100%;width:100%;position:relative;top:0;}

div.mota > nav > a, 
nav > a.pref {font-size:0.9rem;padding-left:9px;padding-right:13px;padding-top:6px;color:#999;}

nav > a.pref {padding-top:7px;}

div.mota > nav > a:hover, 
nav > a.pref:hover {color:#ccc;}



div.mod {width:95.5%;height:96px;transition: width 1s, height 1s, margin-top 1s, padding-bottom 1s;transition-delay: 0.2s;transition-timing-function: ease;float:left;background:white;overflow:hidden;border:0.4rem solid #111;border-radius:3px;margin-bottom:4px;margin-right:0.8%;margin-top:0;}
div.mod:first-child {margin-top:3px;}



div.mof {height:30px;transition: width 1s, height 1s, transition-delay: 0.2s;transition-timing-function: ease;float:left;overflow:hidden;width:100%;margin-top:-32px;}
div.mof.active {height:100%;width:100%;}
div.moc {float:left;overflow:hidden;width:100%;}
div.ghe {float:left;margin-top:0;width:32px;}

nav.men1 {left:0;}
nav.men2 {left:41px;}
nav.men3 {left:82px;}
nav.men4 {left:123px;}
nav.men5 {left:164px;}


div.mota > section {margin-bottom:0;}


.me1, .me2, .me3, .me4, .me5 {}

div.mot > section {position:relative;}
div.mot > nav {z-index:1;}



div.mod > div.block {position:absolute;margin-right:0;margin-top:4px;margin-left:4px;padding:2px 4px;font-size:13px;border-radius:6px;background:#000;width:60px;overflow:hidden;z-index:99;}
div.mod > div.block > p {color:#ccc !important;margin:0;}


div.black {background:#444;border-radius:3px;width:100%;height:100%;margin-bottom:0;}
div.black > p {margin:3px 8px;padding:4px 0;overflow:hidden;font-weight:400;font-size:0.8rem !important;color:#aaa !important;}
div.black > p:first-child {padding-top:8px;}

div.black > p > a {font-weight:400;font-size:0.75rem !important;color:#aaa !important;background:#444;padding:0 !important;}
div.black > p > a:hover {color:#ccc !important;}

div.mov > nav.gris > a.black {background-color:#444;color:#bbb;}
div.mov > nav.gris > a.black:hover {color:#eee;}



a.sign {position:relative;height:auto;background:#333;border-top-left-radius:0.8rem;border-top-right-radius:0.8rem;border-bottom:0;width:97%;}
nav.colonne > a > p {color:#777;margin:0;height:20px;padding:2px;font-size:16px;text-indent:8px;}