.body {
  color: #663300;
  margin: 0;
  margin-top: 0px;
  padding: 0;
  }

.td {
  padding: 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333333;
  text-decoration: none; 
}
.td a {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color:#6D7B59;
  text-decoration:underline; 
}
.td a:hover {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color:#A9B27D;
  text-decoration:underline; 
}
.menu_bt {
    border-bottom: 1px dotted;
	border-color: #4f463d;
}
.bordureGrise {/*@uteur : xdecrme*/
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #d4cdc7;
	
	padding: 8px 0px 8px 0px; /*pour espacer une liste*/
}
.Mbgr2{
	background: url(../image/green_fade_bar.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
.bgr{
	background: url(../image/dot_line.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color: FFFFFF;
}

/* Login */
.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	border: 1pt;
	border-color: #333333;
	background-color: #Eae7e4; 
	text-decoration: none;
}
.log {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.log a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.log a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #A9B17C;
	text-decoration: none;
}
.loginbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #Eae7e4; 
	border: 0px;
	vertical-align: middle;
}
/* Menu */
.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #333333;
	text-decoration: none;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.footer a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #A9b17c;
	text-decoration: none;
} 
.topMenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #333333;
	text-decoration: none;
}
.topMenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #333333;
	text-decoration: none;
}
.topMenu-a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: Bold;
	color: #A9b17c;
	text-decoration: none;
}
.menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
.menu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #4f463d;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
.menu a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #A9B17C;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
.path {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
.path a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
.path a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #eeeeee;
	text-decoration: none;
	padding: 3px;
	padding-right: 1px;
}
/*------------------------------------------------------------------------*/
#playlist {
	border: 0px solid #666666;
}

#playlist tbody tr td {
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 8pt;
	padding: 3px 3px;
	border-left: 0px solid #D9D9D9;
}
	
#playlist tbody tr.selected td {
	background-color: #3d80df;
	color: #ffffff;
	font-weight: bold;
	border-left: 0px solid #346DBE;
	border-bottom: 0px solid #7DAAEA;
}
/*------------------------------------------------------------------------*/
.news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
}
.news a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
	text-decoration: none;
}
.news a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	text-decoration: none;
}
/*---------------------------------------------------------------------*/
.leftmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
	border-bottom: 1px dotted;
	padding: 3px;
	padding-right: 1px;
}
.leftmenu a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
	padding: 3px;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenu a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	padding: 3px;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenu-act{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	border-bottom: 1px dotted;
	padding: 3px;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenu-act a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenu-act a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenuACT{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	border-bottom: 1px dotted;
	padding: 3px;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenuACT a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #A1B2BB;
	text-decoration: none;
	padding-right: 1px;
}
.leftmenuACT a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: Bold;
	color: #4f463d;
	text-decoration: none;
	padding-right: 1px;
}
.vision {
	font-family: Tahoma, Helvetica Neuve;
	font-size: 10px;
	font-weight: Bold;
	color: #836e5d;
}
/* Search */
.search {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: Bold;
	color: #333300;
}
/* text */
.newstext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
}
.Btext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.Btext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.Btext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.Btext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #a9B17C;
	text-decoration: none;
}
.Stext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.Stext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.Stext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: none;
}
.Boldtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
.Boldtext a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
.Boldtext a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight:bold;
	color: #A9B17C;
	text-decoration: none;
}
/*@uteur : xdecrme pour les sous-titres dans la documentation*/
.sousTitre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: lighter;
	color: #A9B17C;
	text-decoration: none;
}
.title {
	font-family: Arial narrow, Helvetica Neuve ;
	font-size: 18px;
	font-weight: bold;
	color: #51482a;
	text-decoration: none;
}
.Supertitle, h1 {
	font-family: Arial narrow, Helvetica Neuve ;
	font-size: 18px;
	font-weight: bold;
	color: #666600;
	text-decoration: none;
}
h2{
	font-family: Arial narrow, Helvetica Neuve ;
	font-size: 14px;
	font-weight:bold;
	color: #666600;
	text-decoration: none;
}
.titleText, h3 {
	font-family: Arial narrow, Helvetica Neuve ;
	font-size: 14px;
	color: #666600;
	text-decoration: none;
}
.ttext {
	font-family: Arial narrow, Helvetica Neuve ;
	font-size: 11px;
	color: #666600;
	text-decoration: none;
}

/****************************** STYLE pour les listes  @uteure : xdecrme *****************************/
#content ul{
	padding-left: 20px;
	margin-left: 0px; /* ! pour IE */ 
}
#content ul li{
	list-style-type: none;
	background-image: url(puce_noire.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-bottom: 4px;
	padding-top: 4px;
	
	padding-left: 20px; /* espace entre la puce et le texte */
}
#content ul ul{
	padding-left: 20px;
	margin-left: 0px;
}
#content ul ul li{
	list-style-type: none;
	background-image:url(puce_verte.gif);
	background-repeat:no-repeat;
	padding-bottom: 4px;
	padding-top: 4px;
	
	padding-left: 20px; /* espace entre la puce et le texte */
}
/**************************** STYLE pour corriger l'extension dropdown-sitemap @uteure : xdecrme *****************/
#content .tx-dropdownsitemap-pi1 ul li{
	background-image: none;
	text-transform: none;

	padding-bottom: 0px;
	padding-top: 0px;
}
#content .tx-dropdownsitemap-pi1 SPAN.ifsub {
	text-transform: none;
       font-weight: none;
}
#content .tx-dropdownsitemap-pi1 SPAN.spc {
	text-transform: none;
       font-style: none;
}
#content .tx-dropdownsitemap-pi1 a {
	text-decoration : none;
}
/**************************** STYLE pour le tableau des périodiques @uteure : xdecrme ************************/
.tableau_periodique{
	border-collapse:collapse;
}
.tableau_periodique td, th{
	padding: 5px;
	vertical-align: top;
	text-align:left;	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #6dafe0;
	border-bottom-color: #6dafe0;
}
.lien_perspective a:hover{
	color: #e1001a;
	/*font-weight: normal;*/
}
.lien_economie a:hover{
	color: #6dafe0;
	/*font-weight: normal;*/
}
.fond_perspective{
	background: url(../../user_upload/periodique/images/perspective_fade_bar.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
.fond_economie{
	background: url(../../user_upload/periodique/images/econoMetro_fade_bar.jpg);
	background-position: left;
	background-repeat: repeat-y;
}
/************************** STYLE pour un tableau de contenu en général @uteure : xdecrme **********************/
.tableau_general td, th{
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none; 
	vertical-align: top;
	text-align: left;
	/*border:1px solid #ffffff;*/
	border-top:1px solid #ffffff;
	border-bottom:1px solid #c1d1e1;
	border-right:1px solid #ffffff;
	border-left:1px solid #c1d1e1;
}
.tableau_general th{
	background-color:#c1d1e1;
	color:#12488e;
	font-weight:bold;
}
.tableau_general a{
	text-decoration:none;
	color:#333333;
}
.tableau_general a:hover{
	text-decoration:underline;
	color:#12488e;
}
.tableau_general td{
	background-color:#ebfof6;	/*règle qui fonctionne pas!*/
}
/************************** STYLE pour page des realisations des services @uteure : xdecrme **********************/
#realisation p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	
	margin:0px;
	padding:0px;
}
#realisation ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0;
	padding: 0 5px 0 20px;
	list-style: none;	
}
#realisation li{
	padding: 3px 0 0 0;	
}
#realisation #col_gauche {
	width:300px;
	float:left;
	/*padding:10px 10px 0px 5px;*/
}
#realisation #col_milieu {
	width: 300px;
	float:left;
	/*margin-left: 33%;*/
	/*padding:10px 10px 0px 0px;*/
}
#realisation #col_droite {
	width: 300px;
	float:left;
	/*margin-left: 67%;*/
	/*padding:10px 0px 0px 0px;*/
}
#realisation .titre_bleu {
	background-image: url(../image/titre_bleu.jpg);
	border:1px solid #567c8f;
	color:#ffffff;
	font-weight:bold;
	/*padding:5px;*/
	height:50px;
	/*line-height:12px;*/
	text-align:center;
	margin: 5px 5px 0px 5px;
}
#realisation .titre_bleu p{
	/*margin:0px;*/
	font-size: 12px;
	padding:2px;
}
#realisation .titre_brun {
	background-image: url(../image/titre_brun.jpg);
	border:1px solid #673502;
	color:#ffffff;
	
	font-weight:bold;
	/*padding:5px;*/
	height:50px;
	/*line-height:12px;*/
	text-align:center;
	margin: 5px 5px 0px 5px;
}
#realisation .titre_brun p{
	/*margin:0px;*/
	font-size: 12px;
	padding:2px;
}
#realisation .titre_vert {
	background-image: url(../image/titre_vert.jpg);
	border:1px solid #474710;
	color:#ffffff;
	
	font-weight:bold;
	/*padding:5px;*/
	height:50px;
	/*line-height:12px;*/
	text-align:center;
	margin: 5px 5px 0px 5px;
}
#realisation .titre_vert p{
	/*margin:0px;*/
	font-size: 12px;
	padding:2px;
}
#realisation .lien_bleu {
	/*background-color:#d0d8dd;*/
	background-image: url(../image/lien_bleu.jpg);
	border:1px solid #567c8f;
	border-top:none;
	color:#000000;
	/*padding:5px;*/
	height:120px;
	margin: 0 5px 5px 5px;
}
#realisation .lien_bleu p{
	padding:5px;
}
#realisation .lien_brun {
	/*background-color:#d1c2b3;*/
	background-image: url(../image/lien_brun.jpg);
	border:1px solid #673502;
	border-top:none;
	color:#000000;
	/*padding:5px;*/
	height:120px;
	margin: 0 5px 5px 5px;
}
#realisation .lien_brun p{
	padding:5px;
}
#realisation .lien_vert {
	/*background-color:#d8dcc3;*/
	background-image: url(../image/lien_vert.jpg);
	border:1px solid #474710;
	border-top:none;
	color:#000000;
	/*padding:5px;*/
	height:120px;
	margin: 0 5px 5px 5px;
}
#realisation .lien_vert p{
	padding:5px;
}
#realisation .lien_bleu a {
	text-decoration:none;
	color:#000000;
}
#realisation .lien_brun a {
	text-decoration:none;
	color:#000000;
}
#realisation .lien_vert a {
	text-decoration:none;
	color:#000000;
}
#realisation .lien_bleu a:hover {
	text-decoration: underline;
	color: #567c8f;
}
#realisation .lien_brun a:hover {
	text-decoration: underline;
	color: #673502;
}
#realisation .lien_vert a:hover {
	text-decoration: underline;
	color: #474710;
}
#realisation .clear_both {
	clear:both;
	height:0px;
	line-height:0px;
}
/************ variation : colonne de droite fusionnée ******************/
#realisation .titre_droite {
	background-image: url(../image/titre_bleu.jpg);
	border:1px solid #567c8f;
	color:#ffffff;
	font-weight:bold;
	height:50px;
	text-align:center;
	margin: 5px 5px 0px 5px;
}
#realisation .titre_droite p{
	font-size: 12px;
	padding:2px;
}
#realisation .lien_droite {
	background-image: url(../image/lien_bleu_double.jpg);
	border:1px solid #567c8f;
	border-top:none;
	color:#000000;
	margin: 0 5px 5px 5px;
	min-height:297px;
	height:295px;
}
#realisation .lien_droite p{
	padding:5px;
}
#realisation .lien_droite a {
	text-decoration:none;
	color:#000000;
}
#realisation .lien_droite a:hover {
	text-decoration: underline;
	color: #567c8f;
}