*{
	transition: all 0.5s;
}
body{
	margin:0px;
	font-size:20px;
    background-image:linear-gradient(rgba(240, 240, 255, 0.9), rgba(240, 240, 255, 0.9)),url("./images/Copilot_20250615_172602.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align:center;
}
.ffavoris{
	display:inline-block;
}
.inclsf{
	display:none;
}
.invlsf{
	display:inline;
}
.tabledenote{
	overflow:scroll;
	max-height:1000px;
}
.tabledenote th{
	width: 90px;
	height:130px;
}
.tabledenote tr{
	max-height:130px;
	overflow-y:scroll;
}
.tabledenote td{
	width: 90px;
}
.trtitre{
	position:absolute;
	max-width:96%;
	overflow-y:scroll;
	margin-top:-135px;
}
.trfirst{
	margin-top:120px;
}
#star{
	float:right;
	width:20px;
}
.qr-code{
	border:3px solid black;
	border-radius:10%;
	float:right;
	margin-left:20px;
}
.masque{
	display:none;
	background-color:rgba(200,200,200,0.8);
}
.addBottom{
	width:100%;
	position:fixed;
	bottom:0px;
	right:0px;
	text-align:right;
}
.mentions{
	max-width:100%;
	left:0;
	bottom:0;
	position:fixed;
	text-align:right;
	z-index:10;
	text-align:center;
	color:white;
}
#mentions{
	padding:5px;
	width:100%;
	position:fixed;
	bottom:0;
	left:0;
	border-top:1px solid white;
	background-color:rgba(0,0,0,1);
}
#affmentions{
	color:white;
	border-top:1px solid white;
	border-right:1px solid white;
	padding:5px;
	background-color:rgba(0,0,0,0.4);
	font-size:14px;
}
#mentions::after{
	color:white;
	border:1px solid white;
	border-radius:50px;
	width:20px;
	height:20px;
	line-height:20px;
	background-color:rgba(0,0,0,0.4);
	font-size:14px;
	content:'X';
	position:fixed;
	right:0;
}
.adsbygoogle{
	margin-left:-20px;
	border:1px solid #ddd;
}
	.alerte{
		display:inline-block;
		padding:5px;
		background-color:yellow;
		position:fixed;
		top:0px;
		text-align:center;
		left: 30%;
		width:40%;
		min-height : 50px;
		border-bottom-left-radius:50px;
		border-bottom-right-radius:50px;
	}
			.day{
				display:inline-block;
				vertical-align:top;
			}
			.heure{
				display:block;
			}
			#bandeau-oral{
			position:fixed;
			border-bottom:1px solid black;
			padding:5px;
			background-color:#fff;
			z-index:2;
			width:100%;
			}
			#fin-oral{
			position:relative;
			border:1px solid black;
			padding:5px;
			background-color:#5f5;
			z-index:2;
			}
			#logoapp{
position:fixed;
bottom:0px;
left:0px;
opacity:0.5;
z-index:1;
}
.supeleve{
 border:0px;
 color:red;
 background-color:#fff;
}
A:link {
text-decoration: none;
color:#F55;
}
A:visited {
text-decoration: none;
color:#F55;
}
A:active {
text-decoration: none;
color:#F55;
}
A:hover {
text-decoration:none;
color:#F55;
}
A:focus {
text-decoration:none;
color:#F55;
}
input:focus {
text-decoration:none;
border:0px;
}
#logowww{
position:fixed;
bottom:0px;
left:50px;
opacity:0.1;
z-index:-100;
}
/*
#bienvenuetab  h2,h3,h4{
	text-align:center;
	position:absolute;
	top:50%;
}
h4{
	border: 1px solid black;
	background-color:#0e5680;
	color:white;
}*/

@media (orientation: portrait)
{
	#pageC{
		width:100%;
		text-align:center;
	}
	#logo-menu-noC{
	display:table;
position:absolute;
width:100%;
height:50px;
left:0px;
background-position:left;
text-align:center;
border-bottom:1px solid darkblue;
}
#logo-menu{
margin-left:-280px;
display:table;
position:fixed;
width:260px;
padding:5px;
height:50px;
left:10px;
top:10px;
background-position:left;
text-align:center;
border-right:12px solid rgb(0,0,128);
}
#logo-menu:hover{
border-right:12px solid rgb(0,128,128);
}	
.left-barre{
position:fixed;
height:auto;
--width:150px;
margin-left:-270px;
padding-top:80px;
padding-bottom:100%;
padding-left:0px;
padding-right:0px;
text-align:center;
background-color:rgb(0,0,128);
}
#idpage{
padding-left:20px;
}
#bienvenuetab{
	display:block;
	position:absolute;
	padding:10px;
	margin:10px;
	border:1px solid black;
	color:#fff;
	background-color:#333;
}


.title-field{
	background-color:rgb(0,0,0,0);
	display: flex;
    flex: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
img,iframe{
	float:left;
	width:100%;
}
}
@media (orientation: landscape)
{
	.title-field{
	background-color:rgb(0,0,0,0);

}
.colport{
	display:table-cell;
}
.zoneport{
	display:table-row;
}
#logo-menu-noC{
	display:table;
position:absolute;
width:100%;
height:50px;
left:0px;
background-position:left;
text-align:center;
border-bottom:1px solid darkblue;

}
#logo-menu{
	display:table;
position:fixed;
width:260px;
padding:5px;
height:50px;
left:10px;
top:10px;
background-position:left;
text-align:center;
border-right:12px solid rgb(0,128,128);
}
#logo-menu:hover{
border-right:12px solid rgb(0,0,128);
}	
.left-barre{
position:fixed;
height:auto;
--width:150px;
margin-left:0px;
padding-top:80px;
padding-bottom:100%;
padding-left:20px;
padding-right:20px;
text-align:center;
background-color:rgb(0,0,128);
}
#idpage{
	
}
#bienvenuetab{
	display:inline-block;
	position:absolute;
	padding:10px;
	border:1px solid black;
	color:#fff;
	background-color:#333;
	padding:20px;
	margin-left:-250px;
	width:500px;
}
#logoaccueil{
	display:inline-block;
	--border:1px solid black;
	--width:450px;
	--height:300px;
	position:fixed;
	top:25%;
	left:25%;
}
.inline{
	display:inline;
}
}

.page-connect{
	display:inline-block;
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
	margin-top:200px;
	margin-bottom:50px;
	border-top:0;
	border-bottom:0;
	background-color:rgba(0,0,0,0);
}
fieldset{
	text-align:center;
	background-color: #eeeeee;
	background-repeat:repeat,no-repeat;
	background-size:12px 24px,cover;
	border:1px solid darkblue;
}
legend{
	background-color:white;
	border-radius:10px;
	padding:5px;
	border-bottom:1px solid darkblue;
}

.listEleve{
	display:inline-block;
	border-radius:20px;
	border:1px solid black;
	margin:2px;
	min-width:100px;
	text-align:center;
}
.listEleve:hover{
	background-color:rgba(200,200,200,0.4);
}
.pt0{
	background-color:rgba(255,0,0,0.2);
}
.pt1{
	background-color:rgba(0,255,255,0);
}
.barreLoad50{
	background-color:rgba(0,150,0,1);
	height:10px;
}
.barreLoad25{
	background-color:rgba(150,150,0,1);
	height:10px;
}
.barreLoad10{
	background-color:rgba(150,0,0,1);
	height:10px;
}
#titre{
font-size:12px;
}
#sous-titre{
	display:table-cell;
	vertical-align:middle;
font-size:22px;
color:white;
}
#sous-titre-noC{
	display:table-cell;
	vertical-align:middle;
	color:darkblue;
	font-size:2em;
}
.page-test{
text-align:center;
margin:10px;
padding:10px;
}

table{
border-collapse:collapse;
border-color:#fff;
border: solid 1px;
font-size:0.7em;
}
td{
border-collapse:collapse;
border-color:#fff;
border: solid 1px;
min-width: 100px;
max-width: 400px;
}
th{
border-collapse:collapse;
border-color:#fff;
border: solid 1px;
min-width: 100px;
max-width: 400px;
}
.tabs{
font-size:0.7em;

}
#tabs{
	background-color:rgba(255,255,255,0.8);
}
.groupth{
border-collapse:collapse;
border-color:#fff;
border: solid 1px;
min-width: 0px;
}
form{
text-align:center;
}
label{
	display: inline-block;
	width: 300px;
	text-align:right;
}
.minput{
	display: inline-block;
	width: 300px;
}


.form-ba{
display:inline-block;
min-width:40px;
height:20px;
padding-left:5px;
padding-right:5px;
line-height:15px;
margin:auto;
margin-bottom:5px;
font-size:0.8em;
color:#fff;
border:solid 1px #fff; 
border-radius:15px;
-webkit-border-radius:15px;
background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
}
.form-bm{
display:inline-block;
min-width:40px;
height:20px;
padding-left:5px;
padding-right:5px;
line-height:15px;
margin:auto;
margin-bottom:5px;
font-size:0.8em;
color:#fff;
border:solid 1px #fff; 
border-radius:15px;
-webkit-border-radius:15px;
background: #444;
     background: -webkit-linear-gradient( #555, #2C2C2C);
     background:    -moz-linear-gradient( #555, #2C2C2C);
     background:     -ms-linear-gradient( #555, #2C2C2C);
     background:      -o-linear-gradient( #555, #2C2C2C);
     background:         linear-gradient( #555, #2C2C2C);
}

.form_ba:hover{
background: #555;
     background: -webkit-linear-gradient( #777, #333);
     background:    -moz-linear-gradient( #777, #333);
     background:     -ms-linear-gradient( #777, #333);
     background:      -o-linear-gradient( #777, #333);
     background:         linear-gradient( #777, #333);
}

.form_ba#menu-deco:hover{
background: #755;
     background: -webkit-linear-gradient( #977, #533);
     background:    -moz-linear-gradient( #977, #533);
     background:     -ms-linear-gradient( #977, #533);
     background:      -o-linear-gradient( #977, #533);
     background:         linear-gradient( #977, #533);
}
.form_bm:hover{
background: #555;
     background: -webkit-linear-gradient( #777, #333);
     background:    -moz-linear-gradient( #777, #333);
     background:     -ms-linear-gradient( #777, #333);
     background:      -o-linear-gradient( #777, #333);
     background:         linear-gradient( #777, #333);
}

.form_bm#menu-deco:hover{
background: #755;
     background: -webkit-linear-gradient( #977, #533);
     background:    -moz-linear-gradient( #977, #533);
     background:     -ms-linear-gradient( #977, #533);
     background:      -o-linear-gradient( #977, #533);
     background:         linear-gradient( #977, #533);
}

.menu{
float:left;
height:auto;
width:250px;
text-align:center;
}
.item_menu_pan form{
	display:inline-block;
}
.item_menu_pan{
margin:auto;
margin-bottom:5px;
text-align:center;
display:block;
text-align:center;
}
.item_menu{
min-width:150px;
height:40px;
line-height:40px;
margin:auto;
margin-bottom:5px;
font-size:12px;
color:#fff;
border:solid 1px black; 
--border-radius:15px;
---webkit-border-radius:15px;
background-color: rgba(0,0,0,0.5);
}
.item_menu:hover{

background-color: rgba(255,255,255,0.9);
color: rgba(0,0,0,0.9);
}
.red-action:hover{
background-color: rgba(0,0,0,0.9);
color: rgba(255,100,100,0.9);
}
.item_menu#menu-deco:hover{
background-color: rgba(255,0,0,0.9);
color: rgba(255,255,255,0.9);
}
.panel-cours
{
    float:left;
	background-repeat:no-repeat;
    width:80px;
    height:80px;
    border:1px solid darkgrey;    
	margin-right:2px;
	background:linear-gradient(45deg, #cccc00 85%, #eeeeaa 90%,#cccc00 95%);
	border-radius:5px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); 
	margin:5px;
}

.subtitle-cours{
	display:block;
    float:left;
	background-repeat:no-repeat;
	padding-left:5px;
	padding-right:5px;
    line-height:40px;
    background-color:rgba(0,0,0,0.1);
    border:none;    
	border-bottom:1px solid darkblue;
	border-right:1px solid darkblue;
	margin:5px;	
}
.subtitle-cours:hover
{
    background-color:rgba(0,0,0,0.2);
}

.title-cours
{
    float:left;
	background-repeat:no-repeat;
    min-width:160px;
	padding-left:5px;
	padding-right:5px;
    height:40px;
    line-height:40px;
    background-color:rgba(200,200,255,0.3);
    border:none;    
	border-bottom:1px solid darkblue;
	border-right:1px solid darkblue;
	margin:5px;
}
.title-cours:hover
{
    background-color:rgba(200,200,255,0.4);
}
.newline
{
    float:left;
    width:100%;
    height:2px;
    background-color:transparent;
    border:none;    
}
input{
	outline-color:#f00;
}
.newline2
{
    float:left;
    width:100%;
    height:100px;
    background-color:transparent;
    border:none;    
}
.panel-td
{
    float:left;
	background-repeat:no-repeat;
    width:80px;
    height:80px;
    border:1px solid darkgrey;      
	margin-right:2px;
	background:linear-gradient(45deg, #29a329 90%, #aaeeaa 95%,#29a329 100%);
	border-radius:5px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); 
	margin:5px;
}
.panel-tp
{
    float:left;
	background-repeat:no-repeat;
    width:80px;
    height:80px;
    background-color:transparent;
    border:1px solid darkgrey;   
	background:linear-gradient(45deg, #0e5680 90%, #aaaaee 95%,#0e5680 100%);
	border-radius:5px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2); 
	margin:5px;
}
.panel-tp:hover
{
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.8); 
	background:linear-gradient(45deg, #0e5680 0%, #aaaaee 95%,#0e5680 100%);
}
.panel-td:hover
{
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.8); 
	background:linear-gradient(45deg, #29a329 0%, #aaeeaa 95%,#29a329 100%);
}
.panel-cours:hover
{
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.8); 
	background:linear-gradient(45deg, #cccc00 5%, #eeeeaa 90%,#cccc00 95%);
}
.evidence{
	border-left:6px solid darkblue;
}
.evidence:hover{
	border-left:6px solid black;
}
.formcours
{
	text-align:center;
	margin:auto;
}
.return{
    height:40px;
}
.save
{
	position:relative;
    width:80px;
    height:40px;
    cursor:pointer;
    background-color:transparent;
    border:none;    
    line-height: 40px;
    overflow: hidden;
	COLOR:#FFF;
	font-size:16px;
	font-weight:bold;

}
.numpancours{
	position:relative;
	top:0px;
    width:80px;
    height:80px;
	text-align:center;
	vertical-align:middle;
	padding-top:25px;
	padding-left:5px;
	color:#FFF;
}
.block-connect{
display:table-cell;
height:auto;
width:150px;
padding:20px;
line-height:30px;
text-align:center;
font-size:16px;
border:solid 1px darkblue; 
border-radius:15px;
-webkit-border-radius:15px;
vertical-align:middle;
}

.page{
--position:absolute;
--left:210px;
top:0px;
text-align:center;
min-height:600px;
--min-width:800px;
padding-left:300px;
padding-right:30px;
padding-top:25px;
margin-bottom:90px;

}

.removeDomaine{
	display:inline-block;
	margin-right:10px;
	color:#f55;
	font-weight:bold;
	float:right;
}
.classeInDomain{
	display:block;
	border-radius:10px;
	background-color:#555;
	color:#eee;
	margin-bottom:5px;
	text-align:center;
}
.blockOfclasseInDomain{
	margin:0;
	padding:0;
	
}


#panNewDom{
	display:none;
}
.note{
display:inline-block;
float:right;
} 
.TpItem{
display:block;
margin:5px;
padding:5px;
text-align:center;

} 

.TpItemadm{
display:inline-block;
margin:5px;
padding:5px;
text-align:center;

} 
.TpItemadm .TpItemadm{
background-color:rgba(100,100,100,0.5);
border:5px solid darkblue;
border-radius:15px;
} 
textarea{
	width:100%;
	height:100px;
}
p{
	text-align:justify;
}



#logocours{
	position:relative;
	background-repeat:no-repeat;
	top:50px;
	left:70px;
    width:170px;
    height:170px;
	line-height:170px;
    border:none;    
	z-index:2;	
	font-size:1.8em;
	background-color:#cccc00;
	border-radius:85px;
	color:#fff;
	box-shadow: 5px 0px 5px 1px rgba(100, 100, 0, 1) inset, -5px 5px 5px 15px rgba(255, 255, 255, 0); 
			margin:5px;
}
#logotp{
	position:relative;
	top:-115px;
	left:220px;
	z-index:4;	
    background-repeat:no-repeat;
    width:90px;
    height:110px;
	line-height:115px;
    border:none;    
	background-color:#0e5680;
	border-radius:55px;
	font-size:1.2em;
	padding-left:20px;
	color:#fff;
	box-shadow: 5px -2px 1px 0px rgba(0, 0, 50, 1); 
			margin:5px;
}
#logotd{
	position:relative;
	top:-240px;
	left:180px;
	background-repeat:no-repeat;
    width:70px;
    height:70px;
	color:#fff;
	line-height:70px;
    border:none;  
z-index:5;	
	background-color:#29a329;
	border-radius:70px;
	box-shadow: 0px 5px 5px 1px rgba(0, 0, 0, 0.2) inset; 
			margin:5px;
}
#logoforum{
	position:relative;
	top:-220px;
	left:223px;
		background-repeat:no-repeat;
    width:70px;
    height:70px;
	line-height:80px;
    border:none;  
	z-index:3;	
	font-size:0.9em;
	color:rgba(255, 255, 255, 0.8);
	border-radius:35px;
	box-shadow: -3px -5px 5px 1px rgba(255, 255, 255, 0.8) inset, -5px 5px 5px 15px rgba(255, 255, 255, 0); 
	
	
			margin:5px;
}
#logocours2{
	float:left;
	opacity:0;
	position:relative;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0);
	top:-380px;
	left:50px;
    width:200px;
    height:200px;
	z-index:-3;	
	border-radius:100px;
	border-left:solid 1px black;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-right:solid 1px black;
}
#logocours3{
	float:left;
	position:relative;
	opacity:0;
	background-repeat:no-repeat;
	background-color:rgba(255,255,255,0);	
	top:-290px;
	left:5px;
    width:100px;
    height:100px;
	z-index:-2;	
	border-radius:50px;
	border-right:solid 1px black;
	border-bottom:solid 1px black;

}
#logocours4{
	float:left;
	position:relative;
	opacity:0;
	background-repeat:no-repeat;
		background-color:rgba(255,255,255,0);
	top:-360px;
	left:-100px;
    width:60px;
    height:60px;
	z-index:-2;	
	border-radius:30px;
	border-top:solid 1px black;


}
#right_barre{
	position:fixed;
	width:60px;
	height:100%;
	background-color:#ddd;
	top:0px;
	right:0px;
}
#ul_right{
	padding:0;
	margin:0;
}
.item_home{
	display:none;
}
.item_right{
	height:120px;
	width:54px;
	line-height:120px;
	margin-left:3px;
	margin-right:3px;
	margin-top:1px;
	margin-bottom:1px;
	float:left;
	display:block;
	background-color:#666;
	color:#fff;
	border:1px solid black;
	text-align:center;
}
.item_right:hover{
	background-color:#777;
}
.item_right p{
	width:120px;
	transform: rotate(90deg);
	margin:0;
	display:block;
	text-align:center;
	position:relative;
	transition : all 1s;
	right:30px;
}
.item_right:hover p{
	transform: rotate(-270deg);
}
.panclose{
	display:block;
	width:100%;
}
.alllignecoursdisable{
	display:none;
}
.textareaTPEdit{
	width:200px;
	color:white;
	background-color:rgba(100,100,100,0);
	border:none;
	border-top:1px solid darkblue;
}
.tableTPQ{
	display:inline-block;
	border-collapse:collapse;
	border-width:0;
	padding:2px;
}
.tableTPQ td{
	display:inline-block;
	border-collapse:collapse;
	border-width:0;
	padding:5px;
	vertical-align:top;
}