body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/fond-ecran.png);
	background-repeat: repeat-x;
/*	background-color: #6DB3E6;*/
	margin: 0px;
	padding: 0px;
}
/***********************************************/
/* Callage centré                              */
/***********************************************/
#main {
	position:relative;
	width:955px;
	height: 750px;
	text-align:left;
	margin: 0px;
	padding: 0px;
	/* background-image: url(images/fond-mars-2.png);
	 */
}

#Partenaires{
	position:absolute;
	top:620px;
	left:900px;
}

#signature {
	position:absolute;
	top:700px;
	left:0px;
	text-align:center;
	margin:0px;
	padding: 0px;
	font-size:11px;
/*	clear: both;*/
	/* 	background-image: url(images/fond-mars-2.png);border:1px solid black; */
}




/***********************************************/
/* 3 Colonnes principales                      */
/***********************************************/
#NavBar{
	float: left;
	width: 306px;
	margin: 0px;
	padding: 0px;
/*	background-color: #151515;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}
#Contenu{
	float: left;
  width: 587px;
  	margin: 0px;
	padding: 0px;
}
#FlagsBar{
	position:absolute;
	right:0px;
	top:30px;
	text-align:center;
/*  float:left;*/
width: 70px;
	margin: 0px;
	padding: 0px;
/*		  border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding-right: 10px; */
}

#FlagsBar img{
	margin-bottom:0px; margin-top:2px
}
#FlagsBar a:visited, #FlagsBar a:link, #FlagsBar a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9;
	color: #666666;
	text-decoration: none;
}


/***********************************************/
/* Menus dans la colonne de Gauche (NavBar - width: 306px)    */
/***********************************************/

/* pour version flash **/

#MainMenu{
	width: 306px;
	height: 620px;   /* (animation menu flash 617px) */
	margin: 0px;
	padding: 0px;
	/*border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}
#IconsMenu{
	width: 306px;
	margin: 0px;
	padding: 0px;
	text-align:center;
	margin-top:28px;
/*	background-color: #FFF;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}

#IconsMenu img{
	margin-right:20px;
}


/***********************************************/
/* Contenu colonne centrale (Content -  width: 587px)          */
/***********************************************/

#Diaporama{
	width: 587px;
	height: 369px; 
	margin: 0px;
	padding: 0px;
}
#VignettesText{
	width: 587px;
	height: 248px; 
	margin: 0px;
	padding: 0px;
}

#Telecommande{
	float: left;
	width: 190px;
	height: 190px; 
	margin: 20px;
	padding: 0px;
}
#PiedPage{
	width: 587px;
	height: 133px;
	margin: 0px;
	padding: 0px;
/*	background-image: url(images/bas-de-page.png);
	background-repeat: no-repeat;*/
}
#EMail{
	float: left;
	width: 70px;
	height: 70px;   /* (animation menu flash 617px) */
	margin: 0px;
	padding: 0px;
	text-align:center;
	/*border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}
#Adresse{
	float: left;
	width: 458px;  
	margin: 0px;
	padding: 15px;
	text-align:center;
	/*border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc; */
}

/* Styles for scrolling layers and scrollbars  */
div#holder1 {
	position:absolute;
	width:265px;
	height:230px;
	overflow:hidden;
	z-index:100;
	left: 553px;
	top: 375px;
/* 	border:1px solid black; */
}

div#holdernojs {
	position:absolute;
	left:20px;
	top:170px;
 	width:530px;
	height:380px;
	z-index:100;
	overflow:scroll;
/* 	border:1px solid black; */
}

div#wn1  { 
	position:absolute;
	left:0;
	top:0;
	width:265px;
	height:230px;
 	clip:rect(0,265px,265px,0);	
/* 	border:1px solid blue; */
 }
/* op7 needs width set here too (?) */  
div#redac { width:265px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

div.content { 
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11pt;
	line-height:20px;
	color:#FFFFFF;
/* 	text-align:justify; */
}

.flow {
	float: right;
	clear: right;
	margin: 0px 0px 0px 0px;
/* 	border:1px solid black; */
}

/* Set small font-size or size/position of div's will be off in some browsers  */
div#scrollbar1 {
	position:absolute;
	left:840px;
	top:375px;
	width:27px;
	height:230px;
	font-size:1px;
	z-index:2;
	background-image: url(images/guide.png);
  }

div#track1 {
	position:absolute;
/*	background: #fcfcfc url("imgs/track.png") repeat-y scroll center 0px;*/
	left:0;
	top:32px;
	width:27px;
	height:141px;
	z-index:1;
	background-image: url(images/guide.png);
 	
  }
div#dragBar1 {
  position:absolute; left:0px; top:0px;
  width:27; height:16;
  background-image: url(images/manette.png);
  z-index:1;
  }  
div#up1 { position:absolute; top:0; z-index:2; }  
div#down1 { position:absolute; bottom:0; z-index:3; }

/* 	Position du Diaporama Flash */
div#diapo {
	position:absolute;
	left:595px;
	top:240px;
	width:384px;
	height:384px;
	font-size:1px;
	z-index:2;
	border: 1px;
	border-color: #510C23;
	border-style: solid;
/*	background-image: url(images/guide.gif); */
  }
.m_rubrique {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
}
.m_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #000066;
	margin: 0px;
	padding: 0px;
}

