/*
Style Base de données formation évaluation

Dev : THOMAS V. & HERBSTER C.
Structure : IREPS-ARA
*/

html{
	/*height:100%;
	overflow:hidden;
	transform:translateZ(-1px) scale(2);*/
}

body{
	background-color:#fff;
	color:#000;
	margin:0 3% 0 3%;
	/*background-image:url('./img/light.JPG');*/
}

/* >> Déf des titres */
h1{
	font-size:150%;
	font-weight: bold;
	margin: 20px 0px 20px 0px;
	color: #777777;
}
h1:after{
	content:" ";
	border-bottom: 4px solid #00CCFF;
	width:20%;
	display:block;
}

h2{
	font-size:135%;
	margin: 15px 0px 15px 0px;
	color: #777777;
}
h2:after{
	content:" ";
	border-bottom: 3px solid #FF9933;
	width:15%;
	display:block;
}

h3{
	font-size:125%;
	margin: 10px 0px 10px 0px;
	color: #777777;
}
h3:after{
	content:" ";
	border-bottom: 2px solid #66CC00;
	width:12%;
	display:block;
}


h4{
	font-size:120%;
	margin: 7px 0px 7px 0px;
	color: #777777;
}
h4:after{
	content:" ";
	border-bottom: 2px solid #FF3366;
	width:10%;
	display:block;
}

h1,h2,h3,h4,h5,h6,h7{background-color:rgba(255,255,255,0.75);padding-left:10px;}



hr {
	border:2px #996699 solid;
	margin:20px 0px 20px 0px;
	max-width: 100% !important;
}

tbody th{
	background-color:#ddd;/*rgba(0,0,0,0.07);*/
	border:2px solid #222;
}


[type="submit"]{
	font-weight:bold;
	font-size:130%;
}


a.button{
	font-weight:bold;
	font-size:150%;
};

.listing{
	-moz-transition: all ease-out 500ms;
}

.listing:hover{
	background-color:rgba(200,200,200,0.5);
	-moz-transition: all ease-out 50ms;
}

.menuz{
	-moz-transition: all ease-in 500ms;
}

.menuz:hover{
	background-color:#aaa !important;
	transform :scale(1.12,1.12);/*rotate(2deg);*/
}

/* def formulaires */
input{
	margin:5px 10px 5px 0 !important;
	margin-bottom:5px !important;
	/*padding:0;*/
}

label{
	-moz-transition: all ease-in 500ms;
	color:#000;
	margin-left:15px;
}
label:hover{
	background-color:rgba(128,128,128,0.25);
}

.info{
	font-size:80%;
	color:#555;
}

.intitule{
	font-size:90%;
}

a{
	color:#FF9900;
	font-weight:bold;
}

.button{
	margin:0;
}


table{
	border:3px solid #222;
	font-size:11px;
}

/* tst divers stickyZ */
.sticky{position:sticky;top:0px;}
.sticky1{position:sticky;top:32px;}
.sticky2{position:sticky;top:58px;}

.top-bar_{
	/*background-image:url('./img/light.JPG');
	background-position:center center;
	background-size: 180%;*/
	border-radius:0 0 5px 5px;
}

.tdb{
	background-color:rgba(200,200,200,0.5);
}

@keyframes anim2{
	0%	{ transform: scale(1);}
	7%	{ transform: translateY(10px);}
	14%	{ transform: translateY(0px) rotateZ( -10deg );}
	25%	{ transform: translateY(-10px) rotateZ( 10deg );}
	35%	{ transform: skewY(20deg);}
	55%	{ transform: skewX(-20deg);}
	62%	{ transform: rotateX(120deg);}
	69%	{ transform: rotateY(120deg);}
	75%	{ transform: rotateZ(120deg);}
	85%	{ transform: scale(1.42);}
	100%	{ transform: scale(1);}
}

.anim_logo{
	-moz-animation:anim2 10s ease 2.5;
	animation-iteration-count:infinite;
	
}
.anim_logo_auto{
	-moz-animation:anim3 35s ease 2.5;
	animation-iteration-count:infinite;
	
}
.anim_logo_auto0{
	-moz-animation:animz0 35s ease 2.5;
	animation-iteration-count:infinite;
	z-index:1;
	
}

.anim_logo_auto1{
	-moz-animation:animz1 25s ease 2.5;
	animation-iteration-count:infinite;
	z-index:10;
	
}

.anim_logo_auto2{
	-moz-animation:animz2 15s ease 2.5;
	animation-iteration-count:infinite;
	z-index:20;
	
}

.anim_logo_auto3{
	-moz-animation:animz3 25s ease 2.5;
	animation-iteration-count:infinite;
	z-index:30;
	
}

.anim_logo_auto4{
	-moz-animation:animz4 35s ease 2.5;
	animation-iteration-count:infinite;
	z-index:40;
	
}

nav.top-bar_>div>a.menuz>label{margin-left:0;}

@media print{
	
	.large-1{display:none;}
	.large-3{width: 25%;}
	.large-9{width: 75%;}
	
	/*.large-10{width:100% !important;}*/
	
	.print-1 {width: 8.33333%;margin:0;padding:0;}
	.print-2 {width: 16.66667%;margin:0;padding:0;}
	.print-3 {width: 25%;margin:0;padding:0;}
	.print-4 {width: 33.33333%;margin:0;padding:0;}
	.print-5 {width: 41.66667%;margin:0;padding:0;}
	.print-6 {width: 50%;margin:0;padding:0;}
	.print-7 {width: 58.33333%;margin:0;padding:0;}
	.print-8 {width: 66.66667%;margin:0;padding:0;}
	.print-9 {width: 75%;margin:0;padding:0;}
	.print-10 {width: 83.33333%;margin:0;padding:0;}
	.print-11 {width: 91.66667%;margin:0;padding:0;}
	.print-12 {width: 100%;margin:0;padding:0;}
	
	
	/*.large-10 {width: 100%;}
	.large-12 {width: 100%;}*/
	
	.hide-for-small{display:none;}
	
	.row{
		margin:0px 0px;
		max-width:100%;
		width:100%;
		padding:0px;
		/*border-top:1px dashed #ccc;*/
	}
	.rowz{
		margin:0px 0px;
		max-width:100%;
	}
	
	body{
		font-size:10px;
		margin:0;
		padding:0;
	}
	.nav,.top-bar,.footer,navigation{
		display:none !important;
	}
	.no-print{
		display:none !important;
	}
	.aff_etiquette{
		font-weight:bold;
		font-size:10px !important;
		
		/*width:25%;
		float:left;*/
	}
	/*.aff_contenu{
		width:74%;
		float:left;
	}*/
	
	a[href]:after{
		content: "";
	}
	/*.affmin_cadre{
		width: 100% !important;margin:0px;padding:0px; float:none;
	}*/
	.col_left{
		
	}
	.print2{display:table-cell;}
	
	
	
}