/* CSS Document - VERSION BLEU ET VERTE */

/*
 * Base              100% 
 * -------------------------------------
 * 16px             103%   
 * 15px              96%   
 * 14px              88%   == content 
 * 13px              82%   == footer
 * 12px              77%  
 * 11px              71%
 * 10px              65%
 *  9px              59%
 *******************************/

html {
	height: 100%;
}

body {
	height: 100%;
	/*margin-bottom: 1px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size : 90% ;
	
}
h1 { font-size : 130%; padding: 2px 2px 2px 0; background : url(../images/h1.jpg) no-repeat 0% 100%}
h2 { font-size : 110% ; color : #3F5293;  padding: 2px 2px 2px 0; background : url(../images/h2.jpg) no-repeat 0% 100%}
h3 { font-size : 100% ; color : #4D65B9;}

strong {
	color : #000;
	}
hr{ background-color : #3F5293; width:99%; border : 1px #ccc dotted;}

.mainlevel hr {
	border : 1px #fff solid;
	}

img {border:0;	}

.clr {
	clear: both;
}

.outline {
/* cadre de la page */
    border: 1px solid #204164;
  background: #ffffff; 
	padding: 2px 2px 2px 2px;
}

/* ------------ menu horizontal du haut ------*/

#buttons_outer {
	width: 635px;
  	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

}

#buttons_inner {
	/* cadre du menu horizontal du haut */
	border: 1px solid #000; 
	background-color: #B4CE39; /*bleu */
	height: 21px !important;
	height: 23px;
}



#buttons {
	float: left;
	margin: 0px;
	padding: 0px;
	width: auto;
}


ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 88%; /* en enlevant reste sans effet ??*/ 
}

ul#mainlevel-nav li
{
	background-image: none;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	/* font-size: 11px; line-height: 21px;*/

	line-height: auto;
	white-space: nowrap;

	border-right: 1px solid #0879B5;
}

ul#mainlevel-nav li a
{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

#buttons>ul#mainlevel-nav li a { width: auto; }

	ul#mainlevel-nav li a:hover
{
	/* menu horizontal du haut */
	color: #fff;
	/* background: #c64934; vieil orange */
	background: #B4CE39; 
}

/* -------------- fin --------------------*/

/* ------------ zone de recherche ------*/

#search_outer {
	float: left;
	width: 165px;
	color: #8AA30F;
}

#search_inner {
  /* border: 1px solid #cccccc; */
  border-bottom: 2px solid #000;
  background-color : #000;
	padding: 0px;
  height: 21px !important;
  height: 23px;
  overflow: hidden;
  font-size : 88%; /* taille police */
}

#search_inner form {
  padding: 0;
  margin: 0;color: #8AA30F;
  
}

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	/* font-size: 11px; */
	/* color: #c64934; vieil orange */
	color: #8AA30F;
	background-color : #000;
}

/* -------------- fin --------------------*/



/* ------------ petit poucet ------*/

#pathway_text {
  overflow: hidden;
	display: block;
	height: 25px;
	line-height: 25px !important;
	line-height: 22px;
	padding-left: 4px;
	margin-bottom: 2px;

	
}

#pathway_text img {
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 6px;
}

/* -------------- fin --------------------*/

/* ------------ zone titre du labo ------*/

#header_outer {
	text-align: left;
	border: 0px;
	margin: 0px;
}

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 635px;
	height: 150px;
	/* background: url(../images/header_short.jpg) no-repeat;*/
	
	background-color : #0879B5;/* #B4CE39;*/
	background: #0879B5 url(../images/bando-chart.jpg) no-repeat ;
}


#header p.sitename { 
	/*margin: 5% 0 0 27% ;  H - D - B - G */
	margin: 5% 0 0 15% ; /* H - D - B - G */
	font-size : 200%;
	font-weight	: bold;
	/*font-family: arial, helvetica, sans-serif;
	font-size : 1.1704em ;
	font-size : 2.0em ; */
	color: #000;
	text-align: left;
	line-height: 100%;
}



/* -------------- fin --------------------*/

/* ------------ zone en haut a droite Flash info ------*/


#top_outer{
	float: left;
	width: 165px;
}

#top_inner {
  /* border: 1px solid #cccccc;*/
   border: 1px solid #fff;
	padding: 2px;
  height: 144px !important;
  height: 150px;
  overflow: hidden;
  float: none !important;
  float: left;
  vertical-align: middle;
}

div.logo {
		/* margin : 35% 0 0 20%; 14% 0 0 5%;*/
		margin : 5% 0 0 17%;
}

div.logo a {
	
	color : inherit ;
}

/* -------------- fin --------------------*/

/* ------------ zone meu latteral gauche col. gauche ------*/

#left_outer {
  float: left;
	margin-top: 2px;
	width: 165px;
	min-width : 165px;
}

#left_inner {
  /* border: 1px solid #cccccc; Cadre general 
	padding: 2px 4px 2px 2px ;*/
	padding: 0 6px 2px 2px ;/* H - D - B - G */
  float: none !important;
  float: left;border: 1px solid #cccccc;
}

 div#left_inner h3#princip {
	/* background: url(../images/subhead_bg.png) repeat-x; */
	background-color: #000;
	color: #FFF;
	padding : 0 0 0 -5px;
	margin :0 3px 0 0 ;/* H - D - B - G */
		height: 23px;
		width: 160px;
	line-height: 21px;
	font-weight: bold;
	/* font-size: 103%; en enlevant reste sans effet */
}


#content_outer {
/** CADRE QUI contient le content et la col. de droite **/
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	/** border: 1px solid #cccccc;   detruit le design**/
	
	float: left;
	width: 635px;
}

#content_inner{
  float: none !important;
  float: left;
  padding: 0;
  padding-top: 2px;
  margin: 0;
  
  /** border: 1px solid #B4CE39;  pas utile **/

}

table.content_table {
  width: 100%;
	padding: 0px;
	margin: 0px;
}

table.content_table td {
	padding: 0px;
	margin: 0px;
}

/* ---------- deux div pour les bannières --------------*/
#banner_inner {
	float: left;
	padding: 0 0 0 0 ;
	margin : 0 0 2px 0 ;
	/* height: 70px; 
	background-color: #B4CE39;*/
	height: 23px;
	width: 633px;
	background-color: #B4CE39; /*   #C9DDD1;*/
	border: 1px solid #000;
}

#poweredby_inner {
	float: right;
	padding: 0px;
	margin-left: 0px;
	height: 70px;
	background-color: #B4CE39;
}

/* -------------- fin --------------------*/

/* colonne de droite --------------*/
#right_outer {
	margin-left: 2px;
	width: 165px;
	min-width : 165px;
}

#right_inner {
  float: none !important;
  float: left;
  border: 1px solid #cccccc; /* border: 1px solid #0879B5; A VERIFIER  */
    
  padding: 2px;
}
/* -------------- fin --------------------*/

.user1_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

.user2_inner {
	border: 1px solid #cccccc;
  float: none !important;
  float: left;
	margin: 0px;
	padding: 2px;
}

table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}

.maintitle {
	color: #ffffff;
	font-size: 40px;
	padding-left: 15px;
	padding-top: 20px;
}

.error {
  font-style: italic;
  text-transform: uppercase;
  padding: 5px;
  color: #cccccc;
  font-size: 14px;
  font-weight: bold;
}

/** old stuff **/

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px; 

  line-height: 20px;
  margin: 1px;
}

.haut_button {
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px; 

  line-height: 20px;
  margin: 1px;
}

.pagenav {
  text-align: center;
  font-size: 100%; /* taille police */
  /* font-size: 100%;  */
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x; 
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;
}

.pagenavbar {
	margin-right: 10px;
	float: right;
}

#footer {
	text-align: center;
	padding: 3px;
}

ul
{
margin: 0;
padding: 0;
list-style: none;
}

li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


td {
	text-align: left;
	font-size: 100%; /*  taille police */
}



body {
	margin: 0 15px 15px 15px; /* en haut de la page */
	height: 100%;
	padding: 0px;
	font-family: Arial, Helvetica, Sans Serif;
	line-height: 120%;
	/* font-size: 11px; */
	color: #333333;
	background: #ffffff;
}

/* ----- Joomla core stuff ----- les liens -------- */


a:link, a:visited, div.contentpaneopen a:link, a:visited {
	color: #3F5293;  /* OU BIEN #900*/
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #3F5293;  /* #c64934; = vieil orange */	
	text-decoration: none;
	font-weight: bold;
}




.latestnews a:link, a:visited {
	color: #CA1322;  /* OU BIEN #900 rouge */
	text-decoration: none;
	font-weight: bold;
}

.latestnews a:hover {
	color: #3F5293;  /* bleu */	
	text-decoration: none;
	font-weight: bold;
}



table.contentpaneopen {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0 5px 0 10px ; /* H - D - B - G */
}



table.contentpaneopen td {
   padding-right: 5px;
}

table.contentpaneopen td.componentheading {
	padding-left: 4px;
}



table.contentpane {
  width: 100%;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	/* margin: 0px; */
	margin: 0 5px 20px 10px ; /* H - D - B - G */
}

table.contentpane td {
	margin: 0px;
	padding: 0px;
}

table.contentpane td.componentheading {
	padding-left: 4px;
}

table.contentpaneopen fieldset {
	border: 0px;
	border-bottom: 1px solid #eee;
}

.button {
  color: #3F5293; /* #c64934; = vieil orange */
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  /* font-size: 100%; */
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
 background: url(../images/button_bg.png) repeat-x; 
  padding: 0px 5px;
  line-height: 18px !important;
  line-height: 16px;
  height: 26px !important;
  height: 24px;
  margin: 1px;
}

.inputbox {
	padding: 2px;
	border:solid 1px #cccccc;
	background-color: #ffffff;
}


 
	
.componentheading {
	background: url(../images/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	/* font-size: 100%; */
	text-transform: uppercase;
 
}




.contentcolumn {
	padding-right: 5px;
}

.contentheading {
	height: 30px;

	color: #3F5293;
	font-weight: bold;
	/* font-size: 100%; */
	white-space: nowrap;
}



.contentpagetitle {
	/* font-size: 13px; */
	font-weight: bold;
	color: #cccccc;
	text-align:left;
}

table.searchinto {
	width: 100%;
}

table.searchintro td {
	font-weight: bold;
}

table.moduletable {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

div.moduletable {
	padding: 0;
	margin-bottom: 2px;
}

table.moduletable th, div.moduletable h3 {
	/* background: url(../images/subhead_bg.png) repeat-x; 
	background: url(subhead_bg.png) repeat-x;
	*/
	background-color : #000;
	color: #FFF;
	text-align: left;
	/* padding-left: 4px; */
	padding: 0 0 0 4px; /* H - D - B - G */
		margin: 0 -1px 2px 0;
	height: 21px;
	line-height: 21px;
	font-weight: bold;
	/* font-size: 103%; */
	/*font-size: 10px;
	 text-transform: uppercase; */

}




table.moduletable td {
	/* font-size: 11px; */
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

table.pollstableborder td {
  padding: 2px;
}

.sectiontableheader {
  font-weight: bold;
  background: #f0f0f0;
  padding: 4px;
}

.sectiontablefooter {

}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
	background-color : #f9f9f9;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

table.contenttoc {
  border: 1px solid #cccccc;
  padding: 2px;
  margin-left: 2px;
  margin-bottom: 2px;
}

table.contenttoc td {
  padding: 2px;
}

table.contenttoc th {
  background: url(../images/subhead_bg.png) repeat-x;
  color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	/* font-size: 10px; */
	text-transform: uppercase;
}



/* --------- menu de gauche ----- */


a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/subhead_bg.png) repeat-x;
	vertical-align: middle;
	font-size: 96%; /* ne pas toucher tout est ok */
	font-weight: bold;
	color: #3F5293; /* color: #fff; #0879B5;*/
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px;
	width: 90%;
	text-decoration: none;
	
}


a.mainlevel:hover {
		background: url(../images/square3.gif) no-repeat 2% 50%;
	text-decoration: none;
	color: #CA1322; /* color: #fff; #B4CE39;*/
}

a.mainlevel#active_menu {
	color:#000;
	background: url(../images/square2.gif) no-repeat 2% 50%;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #999;
}
/* ss menu */

tr a.sublevel {
	border-left : 1px #999 solid ;
	/* border-bottom : 1px #999 dotted ; */
	line-height : 20px;
	}

a.sublevel:link, a.sublevel:visited {
	padding-left: 14px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #666; /* #3F5293;*/
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	/* color: #333; */
	color: #000;
	background: url(../images/square2.gif) no-repeat 2% 50%;
}


ul#mainlevelliens {
	padding-left: 14px;
	}





/* -------------- fin du menu de gauche --------- */

.highlight {
	/* background-color: Yellow; */
	background-color: yellowgreen ; /* #00FF00;  #7FFF00;*/
	font-weight : bold ;
	color: #000; /* Blue; */
	padding: 1px ;
}
.code {
	background-color: #ddd;
	border: 1px solid #bbb;
}

form {
/* removes space below form elements */
	margin: 0;
 	padding: 0;
}

div.mosimage {
  border: 1px solid #ccc;
}

.mosimage {
  border: 1px solid #cccccc;
  margin: 5px
}

.mosimage_caption {
  margin-top: 2px;
  background: #efefef;
  padding: 1px 2px;
  color: #666;
  font-size: 10px;
  border-top: 1px solid #cccccc;
}

span.article_seperator {
	display: block;
	height: 1.5em;
}

/* ------------------ site map -------------- */

table td.body_outer div.sitemap {
	padding : 0;
	}

div.sitemap {
	padding: 0px ;
	margin : 0px ;
}


div.sitemap h2 {
	padding: 4px 0 0 4px ;
	margin : 0px ;
	font-size : 12px;

}



div.contentpaneopen {
  width: 100%;
	padding: 0px;
	margin: 5px 5px 5px 10px ; /* H - D - B - G */
}


ul
{
margin: 0;
padding: 0;
list-style: none;
}

ul.level_0 li
{
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/bullet0.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}


div.sitemap ul li a { color : #3F5293; /* #3F5293 ; */ }


ul.level_1 li
	{
		line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/bullet1.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}


div.sitemap ul ul li a {
	color : #666699 ;
	}


ul.level_2 li
	{
		line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(../images/bullet2.jpg);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	}


div.sitemap ul ul ul li a:link {
	color : #9999CC;/* #9999CC ; */
	}


div.sitemap a:hover {
	color : #900 ;
	}

div.sitemap a:vissited {
	color : #669 ;
	}


div.sitemap li span {
	display: none; /*  pb du separator dans le plan du site ------ */
	}


/* ------------- pb de upload en frontend ------ */

div.dynamic-tab-pane-control{
	/* display: none; */
	}

span.mceEditorContainer { 

			/* width: 550px; */}


td.mceToolbarTop span.mceToolbarContainer { 
			width: 500px;
			white-space: normal;
			}
/* -------------------------------------------- */



/* ---------- Toolbar styles --------------------------------------- */
 
 .dm_toolbar .dm_btn        { 
 	/*text-indent: -600px;  text-indent: -5000px;*/
	height: 32px; 
	width: 32px; 
	display: block;}

 .dm_toolbar #dm_btn_save         { background-image: url(../images/save.png)   }
 .dm_toolbar #dm_btn_cancel       { background-image: url(../images/cancel.png) }
 .dm_toolbar #dm_btn_save:hover   { background-image: url(../images/save-over.png)   }
 .dm_toolbar #dm_btn_cancel:hover { background-image: url(../images/cancel-over.png) }

/* ---------- modification du nom des fichiers car le focus sur image etait inverse --------------------------------------- */