#contenu-site {
	position:absolute;
	/*overflow:hidden;*/
	left:0px;
	top:0px;
	width:1200px;
	height:720px;
}


#menu {
	position:absolute;
	left:70px;
	top:85px;		
	list-style: none ;  
	margin: 0 ;
	padding: 0 ;
	z-index:9999;
 	}
#menu ul {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
#menu ul li {
	font: bold 12px  Arial, Helvetica, sans-serif;
	color: #fff/*0A3888*/;
	margin: 0 0 5px 0;
}
#menu li a {
	display: block ;
	text-decoration: none ;
	width: 135px;
	height: 25px;
	background:url("../img/template/menu_btn_off.gif") transparent 0 0 no-repeat;
	padding: 5px 0 0 10px;
	}

#menu li a {
	display: block ;
	text-decoration: none ;
	width: 135px;
	height: 32px;
	background:url("../img/template/menu_btn_off.gif") transparent 0 0 no-repeat;
	color: #fff;
	}
#menu li a:hover , #menu li a:focus, #menu li a:active, #menu li a:visited {
	color: #fff;
	}



#menu li a.menu_s0, #menu li a.current_s0{ margin-left:220px; }
#menu li a.menu_s1, #menu li a.current_s1{ margin-left:176px; }
#menu li a.menu_s2, #menu li a.current_s2{ margin-left:132px; }
#menu li a.menu_s3, #menu li a.current_s3{ margin-left:88px; }
#menu li a.menu_s4, #menu li a.current_s4{ margin-left:44px; }



#menu li a.menu_s0:hover , #menu li a.menu_s0:focus,  #menu li a.menu_s0:active{
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s0 {
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}

#menu li a.menu_s1:hover , #menu li a.menu_s1:focus, #menu li a.menu_s1:active {
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s1 {
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}

#menu li a.menu_s2:hover, #menu li a.menu_s2:focus, #menu li a.menu_s2:active {
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s2 {
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}

#menu li a.menu_s3:hover , #menu li a.menu_s3:focus,  #menu li a.menu_s3:active{
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s3{
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}

#menu li a.menu_s4:hover , #menu li a.menu_s4:focus,  #menu li a.menu_s4:active{
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s4 {
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}

#menu li a.menu_s5:hover , #menu li a.menu_s5:focus,  #menu li a.menu_s5:active{
	background:url("../img/template/menu_btn_s3_on.gif") transparent 0 0 no-repeat;
	}
#menu li a.current_s5 {
	background:url("../img/template/menu_btn_s1_on.gif") transparent 0 0 no-repeat;
	}



/*------------------------------------*/

#onglets-menu {
	position:absolute;
	left:445px;
	top:30px;
	width:800px;
	height:70px; 
	font: bold 19px Arial, Verdana, Helvetica, sans-serif;
}






#titre {
	position:absolute;
	left:361px;
	top:81px;
	width:839px;
	height:97px;
	/* contenuer image haut fiche couleur  definie dans le html en fonction de la fiche*/
}

#texte-titre {
	position:absolute;
	left:480px;
	top:115px;
	width:673px;
	height:73px;
}
#texte-titre H1
{
	font: bold 26px Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", georgia, sans-serif;
	text-align: left;
	color:#fff;
}

/*----- lien edition-----*/
#texte-titre  a:link,
#texte-titre  a:visited{
	color:#FF0000;
	text-decoration:none;
}
#texte-titre  a:hover,
#texte-titre a:active{
	color:#FF9900;
	text-decoration:none;
}
/*----------*/
#texte-titre .cur,
#texte-titre .over,
#texte-titre :hover{}
#texte-titre strong,
#texte-titre .cur a,
#texte-titre .over a,
#texte-titre :hover a
{
  color:#FF9900;
  padding:0px 0px 0 0;
  text-decoration:none;
}
/*------------------------*/

/* image fond de la fiche - todo : passer contenu en relatif */
#corp-de-page {
	position:absolute;
	left:217px;
	top:178px;
	width:983px;
	height:484px;
	background-image:url("../img/template/res2/corp-de-page.jpg")
	
}
#form_content {
	position:absolute;
	overflow:hidden;
		
	left:600px;
	top:200px;
	width:474px;
	height:500px;
}


/* bloc texte fiche */
#content {
	position:absolute;
	overflow:auto;
		
	left:494px;
	top:191px;
	width:652px;
	height:433px;
	padding: 0;
	margin:0 ;
	line-height: normal; 
	z-index:10	
}

#equipes-content {
	position:absolute;
	overflow:auto;
		
	left:494px;
	top:191px;
	width:652px;
	height:433px;
	padding: 0;
	margin:0 ;
	line-height: normal; 
	z-index:10	
}

#content h1{
	font: bold 20px Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", georgia, sans-serif;
	text-align: left;
	color: #808080;
	padding: 15 0 15 0 ;
	margin: 0px;
	padding: 0px 0px 0px 0px;

}

#content .barre_sections{
	overflow: hidden;	
 	width:620px;
	height:20px;
	margin: -12px 0 0 0  ;
	padding: 0 0 0 0  ;
	background-image:url(../img/s3/res2/barre-sections.jpg);
}


.post_content {
	/*font: normal 0.9em Helvetica, Verdana, Arial,  sans-serif; */	
	font: 13px Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", georgia, sans-serif;
	text-align: left;

	/* font-size: 0.8em; */
	color: #333333;
	margin: 0px;
	line-height: normal; 
	padding: 0 10 0 0 ;	
}


.post_content a:link { color: ed8000;} /* lien non-visité */
.post_content a:visited { color: ed8000;} /* lien visité */
.post_content a:hover { color: #EEB326;} /* lien survolé */
.post_content a:active { color: #EEB326;} /* lien activé */





/* liens vers les fichiers colles depuis l'editeur , class ajoutée au lien depuis upload.js ligne 238 */
/* lien image - plus utilisé, mais possible en le changeant a la main*/
#content .fileLink
{  
	display: table-cell ;
 	width:184px;
	height:32px;
	float:right;
	margin: 0; /* 0 -10px 0 0 ; */
	color: #fff;
	font: 0em Verdana, Arial,  Helvetica, sans-serif; 	
 	background-image:url("../img/s3/res2/ficheLinkBtn.jpg");	
}
/* lien texte pour documents externalises */
#content .textfileLink
{  
	font: bold 13px Verdana, Arial,  Helvetica, sans-serif; 
	text-decoration: none ;	
}
a.textfileLink:link { color: #0A3888;  }
a.textfileLink:visited { color: #0A3888; }
a.textfileLink:hover { color: #efbb37;}
a.textfileLink:active { color: #efbb37;}







/* --- orange ??? --*/
.post_content strong {
	color: #fff /* #F08400; */
	font: 13px Arial, Verdana, "Lucida Grande", "Lucida Sans Unicode", georgia, sans-serif;
	line-height: normal; 
}	

.post_content img {
	margin:  0 4px 0 10px;
	background-color: #33333
	padding: 0 0 0 0 ;
}	

#bernard_gatti{
	margin:  0 0px 0 0px;
	background-color: #33333
	padding: 0 0 0 0 ;
}	


.post_content p {
	margin:  0px;
	padding: 0px;  /* evite les espaces qd sauts de lignes dans editeur*/
}	

.post_content h1 {
	font: bold 18px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	margin: 0px;	
	padding: 0px 0px 0px 0px;
}
.post_content h2 {
	font: bold 18px Arial, Helvetica, Verdana, sans-serif;
	color: #F08400;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.post_content h3 {
	font: bold 16px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.post_content h4 {
	font: bold 16px Arial, Helvetica, Verdana, sans-serif;
	color: #F08400;
	margin: 0px; 
	padding: 0px 0px 0px 0px;
}
.post_content h5 {
	font: bold 13px Arial, Helvetica, Verdana, sans-serif;
	color: #333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
.post_content h6 {
	font: bold 10px Arial, Helvetica, Verdana, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}



.post_content .clearing {
clear: both;	
}

/* marge autour des images pour pas coller au texte */
.post_content .img
{
	margin: 3px 3px 3px 3px 
}


/*---------------------- fiches projets ---------------------*/

#menu-fiches
{
	position:absolute;
/*	left:170px;
	top:245px; */
	left:230px;
	top:320px;
	z-index:15;
}
#menu-contact
{
	position:absolute;
/*	left:170px;
	top:245px; */
	left:990px;
	top:175px;
	z-index:15;
}


.titrefiche{
	font: bold 17px Arial, Verdana, Helvetica, sans-serif;
	color: #F08400;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}
/*----- lien edition-----*/
.titrefiche a:link,
.titrefiche a:visited{	color:#FF0000;	/* text-decoration:none; */ }
.titrefiche a:hover,
.titrefiche a:active{ color:#FF9900; /*text-decoration:none;*/ }
/*----------*/
.titrefiche .cur,
.titrefiche .over,
.titrefiche :hover{}
.titrefiche strong,
.titrefiche .cur a,
.titrefiche .over a,
.titrefiche :hover a
{
  display:block;
  color:#F08400;
  padding:0px 0px 0 0;
  text-decoration:none;
}
/*---------------------------------------------------------------------*/


#footer-img {
	position:absolute;
	left:0px;
	top:662px;
	width:613px;
	height:58px;
	background-image:url("../img/template/res2/footer-img.jpg");
}


#credits-txt{
	position:absolute;
	left:613px;
	top:662px;
	width:587px;
	height:58px;

	font: 1.2em Arial, Verdana, Helvetica, sans-serif;
	color: #EEB326;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
#credits-txt a{ 
	font: 1em bold Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none ;
	color: #EEB326;
}
#credits-txt a:hover{ 
	font: 1em bold Arial, Verdana, Helvetica, sans-serif;
	color: #CC6600;
}


#logo-OTCE {
	position:absolute;
	left:22px;
	top:22px;
	width:113px;
	height:122px;;
	z-index:10000;
	/*inclus maintenant dans la page - sert de lien
	background-image:url("../img/template/logo-OTCE.jpg")
	*/
}

#logo-page {
	position:absolute;
	left:225px;
	top:447px;
	width:268px;
	height:189px;
}


/*---------------------------------------------------------------------*/

#flags {
	position:absolute;
	left:1120px;
	top:60px;
	z-index:2000;
	width:100px;
}

#flags img {
	border:10px;
	margin:0;
	padding: 2px;
}