body{
	height: 1000px;
	width:1064px;
}
#topPanel{
	font: "Courier New", Courier, monospace;
	font-size:1.2em;
	color: White;
	padding:5px;
	width: 100%;
	height:100px;
	text-align: center;
}
#cartouche{
	
	width:600px;
	color:  #505050;
	padding-bottom:2em;
	padding-top:1em;
}
#film{
	width:350px;border:solid 1px silver;
	text-align:center;float:right;
}

.green-left{
	float: left;
	width: 8px;
	height:58px;
	padding:0px;
	margin:0px;
	overflow: hidden;
	background-image: url(VERT-l.jpg);
	background-repeat: none;
}
.green{
	float: left;
	background-image: url(VERT.jpg);
	background-repeat: repeat-x;
	height:58px;
	
	font: "Courier New", Courier, monospace;
	
	color: white;
	padding-top:10px;
	text-align: center;
	height: 58px;
	overflow: hidden;
}
.green-right{float: left;
	background-image: url(VERT-r.jpg);
	background-repeat: none;
	width: 8px;
	padding:0px;
	margin:0px;
		height:58px;
	overflow: hidden;
	
}


.blue-left{
	float: left;
	width: 8px;
	height:58px;
	padding:0px;
	margin:0px;
		overflow: hidden;
	background-image: url(BLEU-l.jpg);
	background-repeat: none;
}
.blue{
	float: left;
	background-image: url(BLEU.jpg);
	background-repeat: repeat-x;
	height:58px;
		font: "Courier New", Courier, monospace;
	
	color: white;
	padding-top:10px;
	text-align: center;
	height: 58px;
	overflow: hidden;
}
.blue-right{float: left;
	background-image: url(BLEU-r.jpg);
	background-repeat: none;
	width: 8px;
	padding:0px;
	margin:0px;
		height:58px;
	overflow: hidden;
	
}



.orange-left{
	float: left;
	width: 8px;
	height:58px;
	padding:0px;
	margin:0px;
		overflow: hidden;
	background-image: url(ORANGE-l.jpg);
	background-repeat: none;
}
.orange{
	float: left;
	background-image: url(ORANGE.jpg);
	background-repeat: repeat-x;
	height:58px;
		font: "Courier New", Courier, monospace;
	
	color: white;
	padding-top:10px;
	text-align: center;
	height: 58px;
	overflow: hidden;
}
.orange-right{float: left;
	background-image: url(ORANGE-r.jpg);
	background-repeat: none;
	
	width: 8px;
	padding:0px;
	margin:0px;
		height:58px;
	overflow: hidden;
	
}


.violet-left{
	float: left;
	width: 8px;
	height:58px;
	padding:0px;
	margin:0px;
		overflow: hidden;
	background-image: url(VIOLET-l.jpg);
	background-repeat: none;
}
.violet{
	float: left;
	background-image: url(VIOLET.jpg);
	background-repeat: repeat-x;
	height:58px;
		font: "Courier New", Courier, monospace;
	
	color: white;
	padding-top:10px;
	text-align: center;
	height: 58px;
	overflow: hidden;
}
.violet-right{float: left;
	background-image: url(VIOLET-r.jpg);
	background-repeat: none;
	
	width: 8px;
	padding:0px;
	margin:0px;
		height:58px;
	overflow: hidden;
	
}


.projet-left{
	float: left;
	width: 8px;
	height:58px;
	padding:0px;
	margin:0px;
		overflow: hidden;
	background-image: url(PROJET-l.jpg);
	background-repeat: none;
}
.projet{
	float: left;
	background-image: url(PROJET.jpg);
	background-repeat: repeat-x;
	height:58px;width:80%;
		font: "Courier New", Courier, monospace;
	
	color: white;
	padding-top:10px;
	text-align: center;
	height: 58px;
	overflow: hidden;
}
.projet-right{float: left;
	background-image: url(PROJET-r.jpg);
	background-repeat: none;
	
	width: 8px;
	padding:0px;
	margin:0px;
		height:58px;
	overflow: hidden;
	
}
.header{
	
	clear: both;
}

a.header{
	color: Gray;
	font: "Courier New", Courier, monospace;
	
	text-decoration: none;
}
a.header:hover{
	color: Gray;
	font: "Courier New", Courier, monospace;
	
	text-decoration: underline;
}
#selecter{
	width: 45%;float: right;
	top:100px;
	font-size:1.3em;
}
#bodyPanel{
	text-align: center;
	width: 45%;
}

.class0{
	border-color: #7ED400;
	border-width: 5px;
	border-style: dotted;
}
.class1{
	border-color: #7ED400;	border-width: 5px;
	border-style: dotted;
}
.class2{
	border-color: #3387DD;	border-width: 5px;
	border-style: dotted;
}
.class3{
	border-color:  #FF6400;	border-width: 5px;
	border-style: dotted;
}
img.film{
	width:256px;
	padding:2px;
	border: solid silver 1px;
}

a.link{
	color: white;
	text-decoration: none;
}
a.link:hover{
	color: white;
	text-decoration: underline;
}

a.external_link{
	color:  #505050;
	font-weight:bolder;
	text-decoration: none;
}
a.external_link:hover{
	color:  #505050;
	font-weight:bolder;
	text-decoration: underline;
}
#internallinks{
	clear:both;display: inline;width: 1064px; text-align: center;
	
}
#doc {
	clear: both;
	width: 1000px;
}

h2.cartouche{
	clear:both;
}
li.cartouche,li.film{
	 list-style: inside;
	 list-style-type: none;
	 margin-left:1em;
}
li.cartoucheT{
	 list-style: inside;
	 list-style-type: none;
	 font-weight:bolder;
	 font-size: larger;
	 padding-top:1em;
	 padding-bottom:1em;
	 padding-left:0em;
}
p.citation{
	text-align:left;
	padding-left:25px;
		padding-right:25px;
}
p.cartouche{
	text-align:left;	padding-left:25px;
		padding-right:25px;
		padding-bottom:1em;
}