/*@charset "utf-8";*/
/* CSS Document */

.onglet
{
	top: -20px;
	position:absolute;
	right:240px;
	margin-top:0 !important;
}

.growonglet, .growonglet *, .minonglet, .minonglet *, .endonglet1, .endonglet2 {
	transition-property: color, background-color, border-radius;
	transition-duration: 1s;
	transition-timing-function: ease-in-out;
}

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

/* boutons de base grow */
.growonglet {
	height:20px;
	width:40px;
	display:block;
	cursor:pointer;
	position:absolute;
	right:0;
	
	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;
}

/* boutons de base min */
.minonglet {
	position:absolute;
	height:20px;
	width:40px;
	display:block;
	cursor:pointer;
	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 .cacheonglet {
	position:fixed;
	border-radius:0 0 10px 15px;
}
.max .endonglet1 {
	position:fixed;
	top:0px;
	background-color:#2C2F22;
}
.max .endonglet2 {
	position:fixed;
	top:0px;
	background-color:#CBD888;
	border-radius:0px 10px 0px 0px;
}
.max .growonglet {
	position:fixed;
	top: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;
	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 > .onglet, .min > .onglet *{
	display:block;
}
.min > div *,
.min > div#sameCycle {
	display:none;
}
.min > .nohide,
.min > .nohide .nohide,
.min > .nohide .nohideAll ,
.min > .nohide .nohideAll *,
.min > .nohideAll ,
.min > .nohideAll * {
	display:block !important;
}
.min > .nohide .nohideAll a,
.min > .nohideAll a,
.min > .nohide .nohideAll em ,
.min > .nohideAll em {
	display:inline !important;
}
.min > .nohide li,
.min > .nohideAll li {
	display:list-item !important;
}
.min > .nohide .nohideAll h3 a ~ *,
.min > .nohide .nohideAll h2 a ~ * {
	display:none !important;
}
.min > .nohide .nohideNone,
.min > .nohideAll .nohideNone,
.min > .nohide .nohideAll .bigCouv,
.min > .nohide .nohideAll .thumbCov  {
	display:none !important;
}
.min > .nohide .nohideAll a:hover > .bigCouv,
.min > .nohide .nohideAll a:hover > .thumbCov  {
	display:inline !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;
}*/