body
{
	background-color:black;
	color:#3CF;
}
.casetitre
{
	border:1px solid #36C;
	background-color:#3CC;
	width:100px;
	height:50px;
	font-size:14px;
	font-weight:bolder;
	color:#36C;
	
	
}
.caseevol
{
	border:1px solid #36C;
	background-color:#66F;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:white;
	
	
}
.caseevola
{
	border:1px solid #36C;
	background-color:#69F;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:#C03;
	
	
}
.case1
{
	border:1px solid #36C;
	background-color:#9CF;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:white;
	
	
}
.case1a
{
	border:1px solid #36C;
	background-color:#9CF;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:#36C;
	
	
}
.case2
{
	border:1px solid #36C;
	background-color:#9CC;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:white;
	
	
}
.case3
{
	border:1px solid #36C;
	background-color:#9C9;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:white;
	
	
}
.case3a
{
	border:1px solid #36C;
	background-color:#9C9;
	width:100px;
	height:50px;
	font-size:14px;

	font-weight:bolder;
	color:#C03;
	
	
}

.secteur1
{
	
		border:1px solid black;
		background-color:transparent;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:white;
		vertical-align:top;
}
.secteur2
{
	border:1px solid black;
		background-color:#339933;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
	
}
.secteur2a
{
	border:1px solid black;
		background-color:#339933;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		border-right:10px solid black;
		color:black;
		vertical-align:top;
	
}
.secteur3
{
	border:1px solid white;
		background-color:black;
		width:50px;
		height:50px;
		font-size:14px;
		font-weight:bolder;
		color:white;
		
}
.secteur3a
{
	border:1px solid black;
		background-color:#33CC33;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		border-right:10px solid black;
		color:black;
		vertical-align:top;
}
.secteur4
{
	border:1px solid black;
		background-color:#33CC66;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.secteur5
{
	
	border:1px solid black;
		background-color:#33FF99;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.secteur6
{
	border:1px solid black;
		background-color:#33FFCC;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.secteur7
{
	border:1px solid black;
		background-color:#33FFFF;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS1
{
	border:1px solid white;
		background-color:#F93;
		width:50px;
		height:50px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		
}
.TIRS1a
{
	border:1px solid black;
		background-color:#F93;
		width:50px;
		height:40px;
		border-right:10px solid black;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS2
{
	border:1px solid white;
		background-color:#F63;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		
}
.TIRS3
{
	border:1px solid white;
		background-color:#F30;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		
}
.TIRS4
{
	border:1px solid white;
		background-color:#C33;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		
}
.TIRS5
{
	border:1px solid white;
		background-color:#F30;
		width:50px;
		height:50px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		
}
.TIRS6
{
	border:1px solid black;
		background-color:#F00;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS7
{
	border:1px solid black;
		background-color:#C33;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS8
{
	border:1px solid black;
		background-color:#C30;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS9
{
	border:1px solid black;
		background-color:#C03;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS10
{
	border:1px solid black;
		background-color:#C00;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.TIRS11
{
	border:1px solid black;
		background-color:#933;
		width:50px;
		height:40px;
		font-size:14px;
		font-weight:bolder;
		color:black;
		vertical-align:top;
}
.liste
{
	
	background-color: transparent;
	color: #48F;
	display:block;
	font-family: "Courier New", Courier, monospace;
	text-align:center;
	font-weight: bold;
	font-size: larger;
	border-color : #09F;
	border-width:1px;
	border-style:solid;
	padding-left: 5px;;
	padding-right:5px;
	margin-left:1px;
	margin-right:1px;
}


.lettrineR
{
	float:left;
	font:bold 2em/1em Georgia,Times New Roman,serif;
	color:#0CF;
	background-color:#009;
	margin:Opx;
	padding:auto;
	border:1px solid #09F;
	display:inline;
}
.lettrine
{
	float:left;
	font:bold 2em/1em Georgia,Times New Roman,serif;
	color:#0CF;
	background-color:#069;
	margin:Opx;
	padding:auto;
	border:1px solid #09F;
	display:inline;
}
.reporter
{
	margin-bottom:0px ;
	display: block;
	color:#3CF;
	font-family:"Courrier New";
	font-size:12px;
	padding-bottom: 10px;
}
.invite
{
	margin:0 auto;
	display: inline;
	color:#9FF;
	font-family:"Courrier New";
	font-size:12px;
	padding-bottom: 10px;
}

.personnage1
{
	display: inline;
	color:#3C6;
	font-family:"Courrier New";
	font-style: italic;
	font-size:12px;
	
}
.personnage2
{
	display: inline;
	color:#09F;
	font-family:"Courrier New";
	font-style: italic;
	font-size:12px;
	
}
.personnage3
{
	display: inline;
	color:#03C;
	font-family:"Courrier New";
	font-style: italic;
	font-size:12px;
	
}

#page
{
	margin : 0 auto;
	position : relative;
	text-align:left; 
	background-color:black;
	width:520px;
	background-image:url(fond-haut.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:80px;
}

#contenu
{
	padding-top: 10px;
	width: 520px;
	font-family: "Courier New";
	font-size: 12px;
	overflow: visible;
}

#contenu img
{
	border : 1px solid #777;
}

#contenu a
{
	font-size : 12px;
	color : #069;
	font-weight : bold;
	text-decoration : none;
}


#contenu a:hover
{
	font-size : 12px;
	color : #069;
	text-decoration : underline;
	font-weight : bold;
}
#contenu .portrait
{
	background-color:black;
	color:#463;
	font-size : 12px;
	display : block;
	border-color : #FFF;
	border-style:inset;
	border-width:10px;
	margin:auto;
	padding:5px;
	
}

#contenu .citation
{
	background-color:black;
	color:#463;
	font-size : 12px;
	display : block;
	border-color : #FFF;
	border-width:1px;
	border:double;
	padding:5px;
	
}

#contenu .citation:hover
{
	color:white;
	font-size : 12px;
	text-decoration:none;
	color:#09F;
}


 .extrait
{
	background-color:black;
	font-size : 12px;
	font-weight:bold;
	text-align: center;
	color:#6CF;
	display : block;
	border-color : #444;
	border-width:2px;
	border-style:dashed;
	padding:1px;
	margin-top:55px;
	
}
 .texte
{
	font-family:'Trebuchet MS',times,verdana;
	color:#3FF;
}
#contenu .intro
{
	background-color: transparent;
	border:1px #069 dotted;
	color:#3CF;	
	font-family:'Trebuchet MS',times,verdana;
	display: block;
	font-weight:bolder;
	margin: 0px;
	padding-left:25px;
	height: auto;
	width:auto;
	
}
#contenu .conclusion
{
	background-color:transparent;
	border:1px #069 dotted;
	color:#3CF;	
	font-family:'Trebuchet MS',times,verdana;
	display: block;
	font-weight:bolder;
	margin:0px;
	padding:5px;
    height:auto;
    width:520px;
}
.boutonsD
{
	background-color:transparent;
	position:relative;
	background-color: #09F;
	border: 1px solid yellow;
	text-decoration:none;
	display: inline;
	width:15px;
	font-weight:bolder;
	margin-top:2px;
	padding-top:0px;
	padding-left:4px;
	padding-right:2px;
	padding-bottom:4px;
	float:right;
    
   
}
.boutonsG
{
	background-color:transparent;
	position:relative;
	background-color: #09F;
	border: 1px solid yellow;
	text-decoration:none;
	display: inline;
	width:15px;
	font-weight:bolder;
	margin-top:2px;
	padding-top:2px;
	padding-left:4px;
	padding-right:2px;
	padding-bottom:5px;
	float:left;
   height:10px;
   
}
.pagination
{
	position:relative;
	background-color:transparent;
	margin-top:0px;
	margin-left:25px;
	font-weight:bolder;
	font-size:12px;
	font-family:'Trebuchet MS',times,verdana;
}
.bordure
{
	width:22em;
	border-right:1px solid #3CF;
	margin-bottom:0px ;
	margin-top:Opx;
	display: block;
	color:#3CF;
	font-family:"Courrier New";
	font-size:12px;
	padding-bottom: 10px;
}

#contenu .titre
{
	position:relative;
	background-color:transparent;
	color:#3CF;
	width: 518px;
	font-size:20px;
	font-family:'Trebuchet MS',times,verdana;
	display : block;
	border-color : #09F;
	border-width:1px;
	border-style:solid;
	text-align:center;
	margin-bottom:auto;
}

#contenu .titre:hover
{
	color:#3CF;
	font-size:20px;
	width: 518px;
	background-color:#366;
	text-decoration:none;
	border-color : #09F;
	border-width:1px;
	border-style:solid;
}
 
 
 .entete_centre
 {
   float: none;
	text-align: center;
	font-size:13px;
	color:#3CF;
	background-color:transparent;
	font:bolder;
	font-family:'Trebuchet MS',times,verdana;
	display: block;
	margin-left:180px;
	margin-right:220px;
	padding-top:100px;
}
 .entete1
{
	float:left;
	display : block;
	text-align:center;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:red;
	margin-left:30px;
	margin-top: -18px;
	margin-bottom:10px;
	
}
.entete2
{
	float: right;
	display: block;
	position:relative;
	background-color: transparent;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	margin-right: 40px;
	margin-top: -150px;
	margin-bottom:auto;
}
.jevouscite
{
	font-family:'Trebuchet MS',times,verdana;
	color:white;
	background-color:#366;
	padding-bottom:0px;
	padding-left:2px;
	padding-right:2px;
}
.annonce
{
	font-family:'Trebuchet MS',times,verdana;
	color:white;
	background-color:transparent;
	border:1px #069 solid;
	padding-left:5px;
}
.centrage
{
	float:center;
	text-align:center;
	color: Red;
	display : block;
	position:relative;
	
}
.separation
{
	background-color: transparent;
	border-bottom:1px #069 solid;
	border-left:transparent;
	border-right:transparent;
	border-top:transparent;
	display: block;
}
#contenu .soustitre
{
	
	background-color:transparent;
	color:#3CF;
	font-size:13px;
	font-family:'Trebuchet MS',times,verdana;
	display : block;
	border-color : #33C;
	border-width:1px;
	border-style:dotted;
	text-align:center;
	margin-bottom:10px;
	margin-top:60px;
}

#contenu .soustitre:hover
{
	color:#3CF;
	font-size:13px;
	font-family:'Trebuchet MS',times,verdana;
	border-color : #09F;
	border-width:1px;
	border-style:solid;
	background-color:#366;
	text-decoration:none;
}
.image_centree
{
	float:center;
	display : block;
	text-align:center;
	background-color:transparent;
	font-family:'Trebuchet MS',times,verdana;
}
#contenu .insert_imageD
{
	float:right;
	display : block;
	text-align:center;
	background-color:transparent;
	font-family:'Trebuchet MS',times,verdana;
	border-width:1px;
	border-style:solid;
	margin-left:3px;
	margin-right:2px;
	margin-top: 0px;
	margin-bottom:0px;
	
	
}
#contenu .insert_imageG
{
	float:left;
	display : block;
	text-align:center;
	background-color:transparent;
	font-family:'Trebuchet MS',times,verdana;
	border-width:1px;
	border-style:solid;
	margin-left:3px;
	margin-right:2px;
	margin-top: 0px;
	margin-bottom:0px;
}

#contenu .insert_imageREPORTER
{
	float:left;
	display : block;
	text-align:center;
	background-color:transparent;
	font-family:'Trebuchet MS',times,verdana;
	border-width:1px;
	border-style:solid;
	margin-left:7px;
	margin-right:2px;
	margin-top: 0px;
	margin-bottom:0px;
}
#contenu .graphiques
{
	margin-top: 0;
	display: block;
	margin-left: 50px;
	background: transparent;
	border: none;
}

 .comiteredac_1
{
	float:left;
	display : block;
	text-align:center;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:red;
	margin-left:30px;
	margin-top:0px;
	margin-bottom:10px;
	
}
.comiteredac_2
{
	float: left;
	display: block;
	position:relative;
	background-color: transparent;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	margin-left: 70px;
	margin-top:2px;
	margin-bottom:-10px;
}
.comiteredac_3
{
	
   float: right;
	text-align: center;
	font-size:13px;
	background-color:transparent;
	border-width:1px;
	border-style:solid;
	border-color:red;
	font-family:'Trebuchet MS',times,verdana;
	display: block;
	margin-top:0px;
	margin-bottom:10px;
	margin-right:30px;
	
	
}
.comiteredac_4
{
	float: right;
	display: block;
	position:relative;
	background-color: transparent;
	text-align:center;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	margin-right:100px;
	margin-top:5px;
	margin-bottom:-10px;
}
#contenu .mescolonnes
{
	position:relative;
	display: block;
	text-align:justify;
	font-family:'Trebuchet MS',times,verdana;
	width: 515px;
	border-top:1px #067 dotted;
	border-left:1px #067 dotted;
	border-right:1px #067 dotted;
	border-bottom:1px #067 dotted;
	background-color: transparent;
	padding-left:2px;
	padding-right:2px;
	
}

#contenu .colonnegauche
{
	position: relative;
	float:left;
	width:250px;
	display: block;
	text-align : justify;
	font-family:'Trebuchet MS',times,verdana;
	background-color:transparent;
	border-right:1px #067 dotted;
	margin-left:2px;
	padding-right:2px;
	
}
#contenu .colonnedroite
{
	position :relative;
	float:right;
	width:250px;
	display: block;
	text-align : justify;
	font-family:'Trebuchet MS',times,verdana;
	background-color:transparent;
	margin-top: 5px;
	padding-right:4px;
	
}
#contenu .boutonsD . span
{
	display: none;
	color: black;
}

#contenu .boutonsD : hover span
{
	display: inline;
	position: relative;
	font:bold 2em/1em Georgia,Times New Roman,serif;
	color: black;
	font-size: 10px;
	background-color:#069;
	border:1px solid #09F;
	margin-top: 20px;
	margin-left:10px;
	padding: 3px;
}

#contenu .boutonsD : hover
{
	text-decoration:none;
	color: black;
	font-weight:bold;
}



#contenu .boutonsG . span
{
	display: none;
	color: black;
	
	
}

#contenu .boutonsG :hover span
{
	display: inline;
	position: relative;
	font:bold 2em/1em Georgia,Times New Roman,serif;
	color:black;
	font-size: 10px;
	background-color:#069;
	border:1px solid #09F;
	margin-top: 20px;
	margin-left:10px;
	padding: 3px;
}

#contenu .boutonsG :hover
{
	text-decoration:none;
	color:black;
	font-weight:bold;
}
#menu
{
	width : 520px;
	font-family:'Courier New';
	display : inline;
	text-align:center;
	list-style-type: none;
	margin:0;
	
}

#menu a
{
	display : inline;
	font-weight : bold;
	color:yellow;
	text-decoration : none;
	font-size:10px;
}

#menu a:hover
{
	display : inline;
	font-weight : bold;
	color : white;
	background-color : #5555EE;
}

#menu li
{
	font-weight : bold;
	float:left;
	text-align:center;
	display : inline;
	width:20%;
	font-size:10px;
	border-bottom : 3px solid #55E;
	padding:0;
	margin:0;
}


#piedpage
{
	
	background-color:transparent;
	display:block;
	margin : 20 auto;
	padding-top : 5px;
	text-align:center;
	width:520px;
	height:50px;
	background-image:url(./bas_page.jpg);
	background-repeat:no-repeat;
	background-position:top;
	font-family : "Courier New";
	font-size : 12px;
}

#piedpage a
{
	 color : red;
}

#piedpage a:hover
{
	color : black;
	background-color : red;
}

a.image_redac
{
	display:block;
	float:left;
	margin:2px;
	width:80px;
	height:140px;
	background:url(redac1.png);
}

a.image_redac:hover
{
	width:80px;
	height:140px;
	background:url(redac2.png);
} 

a.image_repo1
{
	display:block;
	width:76px;
	height:127px;
	margin-left:15px;
	background:url(apo1.png);
	margin:auto auto;
}

a.image_repo1:hover
{
	width:76px;
	height:127px;
	background:url(apo3.png);
} 

a.image_repo2
{
	display:block;
	width:76px;
	height:96px;
	margin-left:15px;
	background:url(esanel1.png);
	margin:auto auto;
}

a.image_repo2:hover
{
	width:76px;
	height:96px;
	background:url(esanel3.png);
} 

a.image_repo3
{
	display:block;
	width:76px;
	height:105px;
	margin-left:15px;
	background:url(macclem1.png);
	margin:auto auto;
}

a.image_repo3:hover
{
	width:76px;
	height:105px;
	background:url(macclem3.png);
} 

a.image_repo4
{
	display:block;
	width:76px;
	height:107px;
	margin-left:15px;
	background:url(ralkers1.png);
	margin:auto auto;
}

a.image_repo4:hover
{
	width:76px;
	height:107px;
	background:url(ralkers3.png);
} 