#zone_gauche{
	position: fixed;  
    left:0px;  
    top:125px;      
    width:300px;
    height:100%;
	display:block;
	transition: left 0.5s linear 0.5s;
}
#zone_bas{
	position: fixed;  
    left:0px;  
    bottom:0px;      
    width:100%;
    height:80px;
	display:none;
	transition: bottom 0.2s linear 0.2s;
	z-index:4;
	background-color:rgba(200,200,200,0.5);
}
#zone_princip{
	top:10px;
}
.grise_bouton{
	position: absolute;
    left:260px;   
    top:0px;
    width:40px;
    height:100%;
    background-color:rgba(200,200,200,0.5);
}
.grise_menu{
	position: absolute;  
    left:0px;   
    top:0px;
    width:260px;
    height:100%;
    background-color:rgba(200,200,200,0.8);
}
.grise_menu1{
	position:relative;  
    left:0px;   
    top:2px;
    width:98%;
    height:75px;
    background:linear-gradient(#888888AA, #CCCCCCAA);
}
#menu_autre{
	position:relative;
	top:-30px;
	left:0px;
	width:100%;
	height:130px;
	background: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%);
	box-shadow:2px 2px 2px black;
	border-radius:8px;
}
.affiche_menu{
	position: absolute;
	top:30px;
	left:15px;
	text-align:center;
	font-family:pistoleer;
	font-size:30px;
	color:DeepSkyBlue;
	text-shadow:2px 2px 6px black;
	writing-mode: vertical-rl;
	text-orientation: upright;
}
.casemenu,.casemenu2{
	position:relative;
	margin:10px;
	/*margin-top:10px;*/
	height:auto;
	min-height:50px;
	width:auto;
	min-width:150px;
	border-left:10px solid Blue;
	/*background: radial-gradient(farthest-corner at 20px 10px, #1139B1 0%, CornflowerBlue 50% , SkyBlue 100%);*/
	background: radial-gradient(farthest-corner at 20px 10px, RoyalBlue 0%, DeepSkyBlue 50% , LightBlue 100%);
	color: DarkRed;
	box-shadow:2px 2px 2px black;
	border-radius:8px;
	cursor:pointer;
}
.casemenu2{
	width:200px;
}
.titrecasemenu,.titrecasemenu2,.titre_activites{
	position:relative;
	top:10px;
	font-family:pistoleer;
	font-size:30px;
	background: linear-gradient(#220000, #DD0000);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 4px 4px 30px #555555;
}
.titrecasemenu2{
	text-align:right;
	padding-right:30px;
	top:0px;
}
.titre_activites{
	font-size:30px;
	top:0px;
}
.lien_planet{
	position:absolute;
	left:80px;
	bottom:130px;
}
.logoplanet{
	width:100px;
}
.bloc0,.bloc_cad,.cadre{
	border:3px solid #222222;
	background-color:#DDDDDD;
	padding:5px 5px;
	box-shadow:2px 2px 2px black;
	cursor:pointer;
}
.bloc_cad{
	background-image: url('./Images/Cadenas2.png');
	background-repeat: no-repeat;
}
.bloc_titre{
	font-family:manub;
	font-weight:bold;
	color:DarkRed;
	text-shadow:2px 2px 2px black;
	font-size:24px;
}
.bloc_image{
	max-height:115px;
}
.bloc_classes{
	position:relative;
	top:15px;
	font-family:cursiveb;
	color:DarkSlateGray;
	text-shadow:2px 2px 2px black;
	font-size:24px;
}
.stylefontformes{
    font-family:fontformes;
}
.stylefontBingBamBoum{
    font-family:BingBamBoum;
}
.text6{
	color:ForestGreen;
}
.text5{
	color:OrangeRed;
}
.text4{
	color:DeepSkyBlue;
}
.text3{
	color:Purple;
}
.textp{
	color:saddlebrown;
}
.text_g{
	color:Gainsboro;
	text-shadow:1px 1px 1px black;
}
.logo2{
	width:150px;
	vertical-align:middle;
}
.icone2{
	width:30px;
}
.triangle{
	cursor:pointer;
}
.administr{
	margin-top:2px;
}
.degrade,.degrade2{
	font-weight:bold;
	color:black;
	text-shadow:2px 2px 2px gray;
	font-family:cursiveb;
	font-size:40px;
	background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(blue));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 5px 5px 10px rgba(50,50,50,.8);
}
.degrade2{
	font-size:30px;
}
.lien_hover:hover{
	background-color:LemonChiffon;
	cursor:pointer;
}

.stylhr{
	border: 4px solid CornflowerBlue;
	border-radius: 30px;
	box-shadow: 0 0 3px 1px CornflowerBlue;
	margin: 0 auto;
	position: relative;
	width: 90%;
	height:6px;
}
#divscrollingindex{
	position:absolute;
	top:200px;
	bottom:0px;
	overflow:auto;
	border:none;
	width:100%;
	background:transparent;
}


.flip-in-ver-right {
	-webkit-animation: flip-in-ver-right 1.5s steps(10, start) 0.2s infinite alternate-reverse both;
	        animation: flip-in-ver-right 1.5s steps(10, start) 0.2s infinite alternate-reverse both;
}
@-webkit-keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(80deg);
            transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
@keyframes flip-in-ver-right {
  0% {
    -webkit-transform: rotateY(80deg);
            transform: rotateY(80deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
    opacity: 1;
  }
}
.texte_acces,.texte_acces_ligne{
    font-size:18px;
    text-shadow:1px 1px 1px Gray;
}
.texte_acces_ligne{
    writing-mode:vertical-lr;
    transform:rotate(180deg);
    vertical-align:middle;
}

@media all and (min-width: 1024px)
{
	.casemenu:hover{
		border-left:10px solid DarkBlue;
		background: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%);
	}
	.casemenu:hover > .titrecasemenu{
		text-shadow: 4px 4px 20px #AAAAAA;
	}
	.casemenu:active{
		top:1px;
		left:1px;
		box-shadow:none;
	}
	.bloc0,.bloc_cad{
		width:300px;
		height:200px;
		opacity:0.5;
		cursor:pointer;
		transition-property: opacity;
		transition-duration: 0.3s;
		transition-timing-function: linear;
		-webkit-transition-property: opacity;
		-webkit-transition-duration: 0.3s;
		-webkit-transition-timing-function: linear;
	}
	.bloc0:hover,.bloc_cad:hover{
		opacity:1;
		border-image: radial-gradient(farthest-corner at 20px 10px, Blue 0%, DodgerBlue 50% , SkyBlue 100%) 3;
	}

}


@media all and (max-width: 1024px)
{
	#zone_gauche{
		top:155px;
		width:400px;
	}
	.grise_menu{
		position: absolute;  
		left:0px;   
		top:0px;
		width:350px;
		height:100%;
		background-color:rgba(200,200,200,0.8);
	}
	.grise_bouton{
		left:350px;   
		width:80px;
	}
	.affiche_menu{
		font-size:40px;
	}
	.casemenu{
		position:relative;
		margin:20px;
		height:50px;
		width:240px;
		border-radius:10px;
	}
	.casemenu:active{
		top:1px;
		left:1px;
		box-shadow:none;
		border-left:10px solid Deepskyblue;
		background: radial-gradient(farthest-corner at 20px 10px, Cornflowerblue 0%, Darkturquoise 50% , Aqua 100%);
	}
	.titrecasemenu{
		font-size:40px;
	}
	.titre_activites{
		font-size:40px;
	}
	.lien_planet{
		position:absolute;
		left:80px;
		bottom:200px;
	}
	.logoplanet{
		width:200px;
	}
	#zone_princip{
		top:50px;
	}
	.bloc0,.bloc_cad{
		width:400px;
		height:250px;
	}
	.bloc_titre{
		font-size:30px;
	}
	.bloc_image{
		height:200px;
	}
	.bloc_classes{
		font-size:30px;
	}
	.logo2{
		width:250px;
	}
	.icone2{
		width:50px;
	}
	.texte{
		font-size:32px;
	}
	.divscrollingindex{
		top:150px;
	}
}