@charset "utf-8";
/*@charset "utf-8";*/
/* CSS Document */
.growonglet, .growonglet *, .minonglet, .minonglet *, .endonglet1, .endonglet2 {
	transition-property: color, background-color, border-radius;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
/*ul.menu li a {
	transition-property: color;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}
* {
	transition-property: all;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}*/


.cacheonglet {
	background-color:#DD4C04;
	height:20px;
	width:40px;
	position:absolute;
	top:-30px;
	right:240px;
	margin-right:40px;
	border-radius:10px 5px 0px 0px;
}
.endonglet1 {
	background-color:#CBD888;
	height:20px;
	width:20px;
	position:absolute;
	top:-20px;
	right:240px;
	margin-right:80px;
}
.endonglet2 {
	background-color:#2C2F22;
	height:20px;
	width:20px;
	position:absolute;
	top:-20px;
	right:240px;
	margin-right:80px;
	border-radius:0px 0px 10px 0px;
}

/* boutons de base grow */
.growonglet {
	height:20px;
	width:40px;
	display:block;
	cursor:pointer;
	position:absolute;
	top:-20px;
	right:240px;
	margin-right:0px;
	
	border:0px solid gray;
	background-color:#CBD888;
	border-radius:10px 5px 0px 0px;
}
.growonglet div {
	position:absolute;
	outline:2px solid #2C2F22;
	width:12px;
	height:8px;
	margin-top:6px;
	margin-left:15px;
}
.growonglet div + div {
	display:none;
}
.growonglet:hover {
	background-color:#DD4C04;
}
.growonglet:hover div {
	outline-color:#2C2F22;
	background-color:#DD4C04;
}
.growonglet:hover + .minonglet {
	border-radius:10px 5px 10px 0px;
	/*
	border-radius:0px 0px 10px 0px;
	background-color:#2C2F22;
}
.growonglet:hover + .minonglet div {
	background-color:#CBD888;
}

.growonglet:hover + .minonglet + .endonglet1 + .endonglet2 {
	border-radius:0px;*/
}

/* boutons de base min */
.minonglet {
	position:absolute;
	height:20px;
	width:40px;
	display:block;
	cursor:pointer;
	top:-20px;
	right:240px;
	margin-right:40px;
	
	border:0px solid gray;
	background-color:#CBD888;
	cursor:pointer;
	border-radius:10px 5px 0px 0px;
}
.minonglet div {
	position:absolute;
	width:14px;
	height:3px;
	margin-top:9px;
	margin-left:13px;
	background-color:#2C2F22;
}
.minonglet div + div {
	display:none;
}
.minonglet:hover {
	background-color:#DD4C04;
}
.minonglet:hover div {
	background-color:#2C2F22;
}

.minonglet:hover + .endonglet1 {
	background-color:#DD4C04;
}


/* quand grow */
.max {
	position:fixed;
	z-index:1000;
	width:98.2%;
	height:97.7%;
	margin:0 !important;
	top:0;
	left:0;
	overflow:auto;
}
.max > * {
	/*margin-right:40px;*/
}
.max .cacheonglet {
	position:fixed;
	right:0px;
	top:-10px;
	/*background-color:red;*/
	border-radius:0 0 10px 15px;
}
.max .endonglet1 {
	position:fixed;
	right:0px;
	top:0px;
	background-color:#2C2F22;
}
.max .endonglet2 {
	position:fixed;
	right:0px;
	top:0px;
	background-color:#CBD888;
	border-radius:0px 10px 0px 0px;
}
.max .growonglet {
	position:fixed;
	right:0px;
	top:0px;
	margin-right:0px;
	background-color:#2C2F22;
	border-radius:0px 0px 5px 10px;
}
.max .growonglet div {
	margin-top:3px;
	margin-left:17px;
	outline-color:#CBD888;
}
.max .growonglet div + div {
	display:block;
	margin-top:6px;
	margin-left:14px;
	background-color:#2C2F22;
}
.max .growonglet:hover {
	background-color:#DD4C04;
}
.max .growonglet:hover div {
	background-color:#DD4C04;
}
.max .growonglet:hover + .minonglet {
	border-radius:0px 10px 5px 10px;
	/*
	border-radius:0 10px 0 0;
	background-color:#CBD888;
}
.max .growonglet:hover + .minonglet div {
	background-color:#2C2F22;*/
}
.max .minonglet {
	position:fixed;
	top:0px;
	right:0px;
	margin-right:40px;
	background-color:#2C2F22;
	border-radius:0px 0px 5px 10px;
}
.max .minonglet div {
	background-color:#CBD888;
}
.max .minonglet:hover {
	background-color:#DD4C04;
}

/* quand min */
/*.min {
	height:100px;
	overflow:hidden;
}*/
.min * {
	display:none;
}
.min > div ,
.min > h1,
.min > .growonglet, .min > .growonglet *,
.min > .minonglet, .min > .minonglet *{
	display:block;
}
.min > div * {
	display:none;
}
.min > .nohide,
.min > .nohide .nohide,
.min > .nohide .nohideAll ,
.min > .nohide .nohideAll *,
.min > .nohideAll ,
.min > .nohideAll * {
	display:block !important;
}
.min > .nohide li,
.min > .nohideAll li {
	display:list-item !important;
}
.min > .nohide .nohideNone,
.min > .nohideAll .nohideNone {
	display:none !important;
}

.min > ul.menu.nohideAll a:hover span.nohideNone {   /* définition de la balise <span> au survol */
	display: block !important;
}
.min > div > h1 {
	display:block;
}
.min .minonglet div {
	margin-top:3px;
	margin-left:17px;
	outline:2px solid #2C2F22;
	width:12px;
	height:8px;
	background:none;
}
.min .minonglet div + div {
	display:block;
	margin-top:7px;
	margin-left:14px;
	background-color:#CBD888;
}
.min .minonglet:hover {
	background-color:#DD4C04;
}
.min .minonglet:hover div {
	background-color:#DD4C04;
}/*
.min .growonglet:hover + .minonglet div {
	outline-color:#CBD888;
	background-color:#2C2F22;
}*/