body {
	/*background-color: #E;*/
	font-family: arial;
}

#trajectories, #clusters, #data {
	width: 70%;
	height: 50%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom : 2%;
	/*background-color: #EEE;*/
	padding-top:2%;
	padding-bottom:2%;
	/*border:1px dotted #E18D11;*/
	/*border-radius: 1em */;
}

.lecture div {
	margin: 2%;
	border: 3px dotted #E18D11;
	background-color: white;
	padding-right:auto;
	padding-left:auto;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}

.lecture div.big {
	width: 90%;
}

.lecture   div.little {
	width: 42%;
	float:left;
	margin-left: 5%;
	display:inline-block;
	
}
 .demie {
	width: 39%;
	float:left;
	margin-left: 5%;
	display:inline-block;
}

.lecture div img.big {
	margin-right: auto;
	margin-left: auto;
	max-width: 400px;
	max-height : 400px;

}

.lecture div img.bigPlus {
	margin-right: auto;
	margin-left: auto;
	max-width: 540px;
	max-height : 540px;

}

.lecture div img.little {
	margin-right: auto;
	margin-left: auto;
	max-width: 210px;
	max-height : 210px;

}

.objectifs, .lecture {
	width: 45%;
	height: 80%;
	margin: 2%;
	margin-top: auto;
	margin-bottom: auto;
	
	
	float:left;
	/*border: 1px dotted black;*/
}
span {
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left:auto;
	padding : 4px;
	padding-left : 20px;
}
span.title {
	background-color: #E18D11;
	/*text-align:center;*/
	font-weight:bold;
}
.objectifs {
	width: 25%;
}

.lecture {
	width: 67%;
}



#entete, #enpied {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	
	text-align:center;
}

hr {
	clear:left; 
	color:none;
	border: none;
}

h3 {
	color: #E18D11;
	font-size: 35px;
	display: inline-block;
	margin-right : 15px;
	margin: 15px;
}
.categorie {
	background-color: white;
	border:3px dotted #E18D11;
	/*border-radius: 2em ;*/
	margin-top: 0px;
	padding: 20px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	
}

.categorie a:hover {
	color:#E18D11;
}

.categorie a{
	color:black;
}

.legend {
	background-color: white;
	font-size:15px;
	color: #333; 
}

.texte {
	font-size:15px;
	line-height:150%;
	color: #333; 
	
}

.texte .Bemphasize {
	font-weight:bold;
	background-color: white;
	padding:0px;
	margin: 0px;
	display: inline;
	color: black;
}

.texte .emphasize {
	font-size: 18px;
	background-color: white;
	padding:0px;
	margin: 0px;
	/*color: #A6A8A7;*/
	display: inline;
}

.legend span {
	font-size:16px;
	font-weight:bold;
	display:inline;
	padding:0px;
	margin: 0px;
	color: #E18D11;
}

h1 {
	font-size:50px;
	padding: 5px;
	margin:0px;
	margin-top : 2%;
	
	color: white;
	background-color: #E18D11;
	
}
.title {
	color : white;
}

#enpied div {
	width: 40%;
	margin-right:auto;
	margin-left: auto;
}
#enpied div .logo {
	width: 30%;
	height: 100%;
	float:left;
	margin-left:2%;
}



#enpied div .logo img {
	margin : auto;
	max-width: 70%;
	max-height: 60px;
}
#enpied {
	border-top: 1px black dotted;
	margin-bottom: 20px;
}