body, div,img, p, a{
	text-decoration : none;
	margin : 0;
	padding:0;
	font-family : Arial;
		}

body{
	width:100%;
	}
/*******************	ELEMENTS RECURENTS	******************/	
	
 .point{
	background-color:#C0C0F0;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-top:-2px;
	}
/*******************	DISPOSITION	DES BLOCS	******************/
	
nav{
	left:0px;	
	top:0px;
	width:18%;
	height:1000px;
	background-color:#101060;
	position:fixed;
	display:inline-block;
	color:#C0C0F0;
	}
	
/*	.contenuMenu{
		margin:0 10% 0 8%;
		width:80%;
		}
*/		
 	.ferG, .nom_page, .itemMenu{
		position:relative;
		opacity:0.5;	
		transition-duration:0.8s;
		margin-top:20px;
		text-align:left;
		margin-left:18%;
		width:65%;	
		}
		
		.itemMenu{
			font-size:20px;	
			display:inline-block;
			margin-top:10px;
			text-align:left;
			}	
	
		.nom_page p .point, .ferG a .point, .itemMenu a .point {
			margin-right:-15px;
			left:-25px;
			}
			
		.itemMenu{
			opacity:0.7;	
			}	
			
		.cartouche:hover, .itemMenu:hover{
			opacity:1;
			transition-duration:0.1s;	
			}
		
		.ferG a, .nom_page p, .itemMenu a{	
			color:#C0C0F0;
			vertical-align:middle;
			text-decoration:none; 
			display:inline-block;
			position:relative;
			}
	
		.nom_page{
			opacity:1;
			}	
	
		.commentaireMenu{
			color:#C0C0F0;
			margin-top:30px;
			margin-left:18%;
			margin-bottom:-10px;
			font-size:12px;
			opacity:0.5;
			}
		
		.itemMenu .texte12{
			top:10px;
		}

.lienMenu{
	position:relative;
	text-align:left;
	}


.seance{
	margin-left:18%;
	position:relative;
	width:82%;
	margin-top:10px;
	margin-top:5px;
	margin-bottom:10px;
	display:inline-block; /*pour faire fonctionner les ancres */
	}
	.btnOnOff{
		display:block;
		position:relative;
		left:-2.5%;
		width:1.5%;
		top:10px;
		z-index:200;
		}
	
		.btnOn, .btnOff, .btnOK{
			display:block;
			position:relative;
			width:20px;
			height:20px;
			background-image:url('../0_recurent/btn_on.gif');
			background-size:20px 20px;
			float:right;
			opacity:0.7;
			cursor:pointer;
			top:0px;
			z-index:201;
			}

			.btnOff{
				background-image:url('../0_recurent/btn_off.gif');
				opacity:0.7;
				}	
				
				.btnOff:hover{
					opacity:1;	
					}		
	
			.btnOn{	
				height:0px;	
				}	
	
				.btnOn:hover{
					opacity:1;	
					}	



	.investigation, .cours, .direct{
		position:relative;	
		float:left;
		width:100%;
		top:-20px;
		left:-4%;
		}
	.investigation, .cours{
		overflow:hidden;
		}	
		.investigation .question{
			font-weight:bold;
			font-style:italic;
			font-size:24px;
			color:#7070C0;
			margin-top: 6px;
			margin-bottom:5px;
			margin-left:5%;
			}
			
			.fleches{
				position:relative;
				display:inline-block;	
				width:24px;
				height:68px;
				margin-top: 10px;
				z-index:200;
				background-image:url('../0_recurent/fleches.gif');
				background-size:24px 70px;
				float:right;
				right:96.8%;
				}
	
				.flecheHaut, .flecheBas{
					background-image:url('../0_recurent/flecheHaut.gif');
					background-size:24px 35px;
					background-repeat:no-repeat;
					display:block;
					position:relative;
					margin: 0px 0px -34px 0px;
					width:24px;
					height:34px;
					cursor:pointer;
					opacity:0;
					z-index:205;
					float:left;
					}
	
				.flecheBas{
					background-image:url('../0_recurent/flecheBas.gif');
					margin-top:34px;
					}
	
				.flecheBas:hover, .flecheHaut:hover{
					opacity:0.7;
					}
					
		.questionImage{
			position:relative;
			left:4%;
			height:500px;
			}
	
		.diaporama{
			display:block;
			height:500px;
			position:relative;
			width:96%;
			left:4%;
			vertical-align:middle;
			}	
		
			.vue_diapo{
				position:absolute;
				top:0px;
				opacity:0;
				left:0%;
				height:500px;
				}	
	
			.points{
				display:block;
				width:3%;
				position:relative;
				float:right;
				right:100.2%;
				margin-top:110px;
				}
	
				.pairePoints{
					display:block;
					position:relative;
					height:20px;
					float:right;
					right:1%;
					opacity:0.7;
					}

					.pointOn, .pointOff{
						display:inline-block;
						float:left;
						width:12px;
						height:12px;
						position:relative;
						background-image:url('../0_recurent/btn_on.gif');
						background-size:12px 12px;
						margin-top:0px;
						top:-14px;
						opacity:0;
						}

					.pointOff{
						background-image:url('../0_recurent/btn_off.gif');
						margin-top:-25px;
						top:10px;
						opacity:1;
						}

	.cours, .direct{
		width:100%;
		left: -4%;
		margin-top:8px;
		}
	
	.cours{
		height:0px;
		}	
		
		.cours p, .titreSeance, .cours ul, .cours table, .direct p, .direct ul, .direct table {
			font-size:20px;
			margin-left:5%;
			color:#444;
			margin-top:10px;
			}	
			
		.titreSeance{
			font-size:24px;
			margin-top:10px;
			margin-bottom:10px;
			color:#666;
			font-weight:bold;
			}
			
/*		.cours .investigation{
			margin-left:5.2%;
			}
*/			
		.cours img, .direct img, .cours video, .direct video{
			margin-left:4%;
			margin-top:10px	;
			}	

		.diapoDirect{
			display:inline-block;
			position:relative;
			left:-4%;
			width:90%;
			}	
			
		.seance .direct .diaporama img{
			margin:0;
		}	
		
		.seance .direct  .fleches{
			margin-top:30px;
		}	


a{
	text-decoration:none;
	padding-top:5px;
	}
	
/*
.direct{
	left:-4%;

	display:inline-block;
	float:left;
	margin-bottom:3px;
	}
*/	
.directVisuel{
	margin-left:4%;
	}	
/*
.direct .titreSeance{
	margin-left:-12px;
}
	
.itemMenu .texte16{
	margin-left:0px;
}
*/	
.rond10{height:10px;width:10px;border-radius:5px; 	}
.rond12{height:12px;width:12px;border-radius:6px; 	}
.rond14{height:14px;width:14px;border-radius:7px;	}
.rond16{height:16px;width:16px;border-radius:8px; 	}
.rond20{height:20px;width:20px;border-radius:10px;	}
.rond30{height:30px;width:30px;border-radius:15px;	}

.texte12{	font-size:12px;	}

.texte10{	font-size:14px;	}
.texte14{	font-size:14px;	}
.texte16{	font-size:16px;	}
.texte20{	font-size:20px;	}
.texte30{	font-size:25px;	}


.seq{
	left:190px;
/*	position:relative;	*/
	width:1000px;
	margin-top:20px;
	}

.btnOK{
	opacity:1;
	}
	
video{	
	height:400px;
	padding:0px;
	position:relative;
	left:4%;
	}

object{top:0px}
		
table, td, tr {
	border : 1px solid gray;
	border-collapse : collapse;
	text-align : center;
	}
	
td {
	padding: 4px 0 4px 0
	}	
	
h6 { font-size : 18px;}	
h5 { font-size : 22px;} 
h4 { font-size : 25px;}	
h3 { font-size : 32px;} 
h2 { font-size : 36px;} 
h1 { font-size : 40px;}

h1, h2, h3, h4, h5, h6{
	margin-left:10px;
}

b{	color:#7070C0;
	font-weight:bold;
	}	
	
	
i{ color:#7070C0;
}	

code{

	font-family:courier;
	font-size:22px;
	}

.web{
	color : lightblue;
	background-color:black;
	margin-left:4%;
	padding : 20px 0 20px 0;
	margin-top : 20px;
	}
	
.arduino{
	background-color:lightcyan;
	color:black;
	margin-left:4%;
	padding : 20px 0 20px 0;
	margin-top : 20px;
	}

com{color : gray;
	font-family:arial;
	font-size:12;
	margin-left : 50px}
	
CSbleu{color:blue;}
CSrouge{color:red;}
CSorange{color:darkorange;}
CSvert{color:green;}
CSblanc{color:white;}
CSgris{color:#AAA;}
CSbrun{color:peru;}
CSteal{color:CadetBlue;}
CSkaki{color:Olive;}

note{
	font-size : 14px;
	font-style:italic;
	color:#7070C0;
	margin-left:5%;
}