@charset "utf-8";
/* CSS Document */
a img {
	border:0px;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size:0px;
}

div{ 
	font-size:0px;
}

.listePage3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	margin-top:35px; 
	height:155px; 
	padding-left:5px; 
	overflow-x:hidden; 
	overflow-y:auto;
	margin-right:2px;
}

.title1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

/*Eli ////////// ///////////////*/
.titrePage2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FEE9D0;
	text-align:left;
	padding-left:6px;
	padding-bottom:5px;
}

.titreSatellites{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#680809;
	font-weight:bold;
}

.titrePage3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	margin-left:5px;
	font-weight:bold;
}


.titrePopup{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	background-color:#FFA953;
	color:#FFFFFF;
	border:4px solid #FFA953;
	padding-top:3px;
	height:25px;
}

.lienImage{
	border-style: none;
	border-color: none;
}

p{
text-align:justify;
margin-top:3px;
margin-bottom:8px;
}

.legende{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
/*/////////////////////////////////////*/

.fullDescription{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	text-align:justify;
}

.SStitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#535353;
}

a{
	font-family:Arial, Helvetica, sans-serif;
	color:#535353;
}

/*Eli modif couleur***************************/
a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#CC6600;
}

.textBleu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#680809;
}
/*********************************************/

.textVert{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#006600;
}

.textRouge{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cc0000;
}

.textOrange{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FF3300;
}

.form{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	border:#000000, solid, 1px;
}

.DottedBorderTab{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border-right-color:#898989;
	border-right-style:dotted;
	border-right-width:1px;
}

.popDescContent{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background-color:#FFFFFF;
}

/**********************************************/
/* scroll bar css */

div#scrollbar {
    display:block; /* initially display:none; to hide from incapable */
    }

/* this is actually PRGM_list
div#wn	{ 
    position:relative;
    width:457px; height:412px;
    overflow:hidden;
	}
*/
    
div#scrollbar { 
  position:relative;
  width:10px; height:412px; 
  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }
div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:412px;
  background: #336;
  }
div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  }  
div#up { position:absolute; left:0; top:0; }  
div#down { position:absolute; left:0; bottom:0; }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
    -moz-user-select: none;
    -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
}