/**


*/





body {
	background-color: #c4d3d7;
}



tr, p, div {

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;
  text-align            : justify;

  font-size             : 11px;

  color                 : #666666;

}



ul {

  list-style            : none;

  margin                : 0;

  padding               : 0;

}



li {
	line-height           : 15px;
	padding-top           : 0px;
	padding-left          : 15px;
	background            : url(../images/arrow.png) 0px 2px no-repeat;
	margin-right: 50px;
	margin-left: 90px;
	list-style-type: square;
	list-style-position: inside;
        font-size:12px;
        text-align: left;
        color: #000000;     

}

#main li {
text-indent: -15px;
padding-left: 15px;
}



/********** Main Background Images **********/

#top_img {

  width                 : 950px;

  height                : 25px;

  margin                : auto;

  background            : url(../images/top.jpg) no-repeat;

}



#center_img {

  width                 : 950px;

  margin                : auto; 

  background            : url(../images/center_img.jpg) ;
  background-repeat: repeat-y;
  

}



#bottom_img {

  width                 : 950px; 

  height                : 25px;

  margin                : auto;

  background            : url(../images/bottom.jpg) no-repeat;

}








/********** Search Box **********/

#search_outer {

width  : 135px;

margin-top: 5px;
margin-bottom: 5px;
}



#mod_search_searchword {

  height                : 30px !important;
  height                : 27px;
  overflow              : hidden;
  padding               : 0px;
  width:                     120px;  
  padding: 3px 0 0 15px;
  background-image:url(../images/search.png) !important;
  background-repeat:no-repeat;
}



#search_inner form {
  margin                : 0;
  padding               : 0;
}

#search_inner .inputbox {
  color                 : #ffffff;
  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size             : 11px;
  padding               : 8px 3px 3px 30px;
  border                : 0px;
}





/********** Header **********/

#header_container {
	width                 : 900px;
	height                : 200px;
	margin-left           : auto;
	background-image:url(../images/header-2.jpg);
	margin : auto;
	padding: 0px;
}

#header_left {
	width                 : 20px;
	float                 : left;
	height				: 176px;
}

#header_right {
	width                 : 400px;
	height                : 120px;
	float                 : right;
	margin-top            : 20px;
	overflow:auto;
	margin-right: 100px;
	font-size:24px;
	color:#FFFFFF;

}


#topmenu {
  width                 : 595px;
  margin                : auto;
  padding               : 0;
  background-repeat     : no-repeat;
  padding-left			: 305px;
  height				: auto;
  float					: left;

}

/********** Header Background Images **********/


/********** Menu Horizontal **********/


ul#mainlevel-nav {
  font-size             : 10px;
  list-style            : none;
  margin                : 0;
  padding               : 0;
    height                : 25px;
	line-height:25px;

}

ul#mainlevel-nav li {
  float                 : left;
  font-size             : 11px;
  white-space           : nowrap;
  margin                : 0;
  padding-left          : 0px;
  padding-right         : 0px;
  border-right          : 1px solid #FFFFFF;    height                : 25px;

}

ul#mainlevel-nav li a {
  color                 : #FFFFFF;
  display               : block;
  text-decoration       : none;
  padding-left          : 15px;
  padding-right         : 15px;
  background-image:url(../images/fond-menu-top.jpg);    height                : 25px;

  background-repeat:repeat-x;
}

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

ul#mainlevel-nav li a:hover {
  color                 : #ffffff;
  background            : #a4c388;    height                : 25px;

}

/********** Background Content Images **********/

#content_center_img {
	width                 : 900px;
	margin                : auto;
  background            : url(../images/center_img.jpg) ;
	background-repeat     : repeat-y;
	background-position   :top;

}



#content_bottom_img {

  width                 : 850px; 

  height                : 35px;

  margin                : auto;

  background-image: url(../images/content_bottom_background.png);
  
  background-repeat:no-repeat;

}





/********** Content Container **********/

#content_container {

  width                 : 850px;
  margin                : auto;

}



/********** Left Column **********/

#left_column {

  width                 : 160px;

  padding               : 2px;

}



/********** Right Column **********/

#right_column {

  width                 : 160px;

  padding               : 2px;

}







/********** Footer **********/

#footer {
	width                 : 900px;
	height                : 65px;
	margin: auto;
	background-image: url(../images/footer.png);
	background-repeat:no-repeat;
}

#footer_signature {
	width                 : 350px;
	padding-top:0px;
	color:#FFFFFF;
	float:left;
	text-align:center;
	margin-left: 50px;
	height: 35px;
	margin-top: 5px;
}

#footer_icones {
	width                 : 350px;
	margin: auto;
	padding-top: 0;
	padding-top:2px;
	color:#FFFFFF;
	float:right;
	text-align:right;
	margin-right: 20px;
}

#footer_icones img{
display:inline;
}

#footer_icones input{
display:inline;
}

#footer_signature a{
display:inline;
color: #EFEFEF;
text-decoration:none;
}

#footer_signature a:hover {
display:inline;
color: #EFEFEF;
text-decoration:underline;
}

#footer_icones a{
display:inline;
color: #EFEFEF;
text-decoration:none;
margin-right: 20px;
}

#footer_icones a:hover{
color:#EFEFEF;
text-decoration:underline;
}



/*#################### Mambo CSS ####################*/



/********** Pathway **********/

.content_pathway {
	font-family           : "Century Gothic", Arial, Helvetica, sans-serif;
	font-size             : 9px;
	height				: 15px;
	background-image		: url(http://www.methaneva.eu/templates/hazman_01/images/content_pathway_background.png);
	width					: 870px;
	margin:auto;
	padding-left: 30px;
	padding-top: 10px;
  

}



a.pathway:link, a.pathway:visited {

  color                 : #000000;

  font-weight           : normal;

}



a.pathway:hover {

  color                 : #ff9900;

  font-weight           : normal;

  text-decoration       : none;

}





/********** MainLevel Links **********/

a.mainlevel:link, a.mainlevel:visited {

  line-height           : 17px;

  color                 : #555555;

  font-size             : 11px;

  font-weight           : bold;

  vertical-align        : middle;

  text-align            : left;

  padding-left          : 15px;

  text-decoration       : none;

}



a.mainlevel:hover {

  color                 : #749bc4;

  text-decoration       : none;

}







/********** SubLevel Links **********/

a.sublevel:link, a.sublevel:visited {

  height                : 20px;

  color                 : #000000;

  font-size             : 11px;

  vertical-align        : middle;

  text-align            : left;

  text-decoration       : none;

  padding-left          : 1px;

}



a.sublevel:hover {

  color                 : #336699; 

  text-decoration       : none;

}





/********** Active MainLevel Links **********/

#active_menu {

  color                 : #ff9900;

  font-weight           : bold;

}



a#active_menu:hover {

  color                 : #749bc4;

}





/********** MainMenu Links **********/

a.mainmenu:link, a.mainmenu:visited {

  color                 : #000080; 

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-weight: normal;

}



a.mainmenu:hover {

  color                 : #000080;

  text-decoration       : underline; 

}





/********** Other Links **********/

a:link, a:visited {

  color                 : #4f4f4f;

  text-decoration       : none;

}



a:hover {

  color                 : #666666;

  font-weight           : normal;

  text-decoration       : underline;

}

  

  

/********** Modules **********/

table.moduletable {

  width                 : 100%;

  margin-bottom         : 15px;

  padding               : 0px;

  border-spacing        : 0px;

  border                : 0px dashed #a4c388;
  
  background       : url(../images/menu-footer.png) no-repeat;
  
  background-position:bottom;


}



table.moduletable th {

  height                : 25px;

  color                 : #ffffff;

  font-weight           : bold;

  font-size             : 10px;

  line-height           : 25px;

  text-align            : left;

  text-transform        : uppercase;

  padding-left          : 4px;

  background       : url(../images/menu-header.jpg) no-repeat;

}



table.moduletable td {

  font-size             : 11px;

  font-weight           : normal;
  
    line-height           : 25px;
	
	  height                : 25px;

  background       : url(../images/menu-content.png) no-repeat;
  
  


}





/********** Poll **********/

.poll {

  color                 : #666666;

  line-height           : 14px;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10px;

}



.pollstableborder {

  padding               : 1px;

  border                : 1px solid;

}









/*############### CONTENT ###############*/



/***** Header for contentpaneopen *****/

.contentheading {
	padding-left: 50px;
	background-image:url(../images/contentheading.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-right: 30px;
	color: #eb9b10;
	letter-spacing: 2px;
	font-size:18px;
	font-weight:bold;
	height:36px;
	display: block;
	width: 680px;
	padding-bottom: 5px;
  
}

.contentheading-accueil {

  color                 : #F29400;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 16px;

  font-weight           : bold;

  text-align            : left;

  padding-top           : 10px;
  
  margin-left: 300px;
  
}





/***** Home, Joomla! License, Blog, Lower Content for Advanced Search *****/

.contentpaneopen {
	width                 : 800px;
	margin-top: 20px;
	height: 35px;
	margin-left: 30px;

}



/***** Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us   *****/

.componentheading {

  color                 : #000000;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 14px;

  font-weight           : bold;

  text-align            : left;

  padding-top           : 10px;

  padding-left          : 10px;

}



/***** Top Content for Getting Started, FAQs, News Feeds, Links *****/

.contentdescription {

  padding-left          : 0px !important;

  padding-left          : 10px;

}



/***** Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us *****/

.contentpane {

  padding-top           : 10px;

  padding-left          : 10px;

}





/* For content item titles that are hyperlink instead of Read On */

a.contentpagetitle:link, a.contentpagetitle:visited {

  color                 : #000000;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 12px;

  font-weight           : bold;

  text-align            : left;

  text-decoration       : none;

}



a.contentpagetitle:hover {

  color                 : #7B8DA1;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 12px;

  font-weight           : bold;

  text-align            : left;

  text-decoration       : underline;

  

}



a.category:link, a.category:visited {

  color                 : #333333;

  font-size             : 11px;

  font-weight           : bold;

}



a.category:hover {

  color                 : #7B8DA1;

}





/********** Inner Content **********/

.sectiontableheader {

  color                 : #7B8DA1;

  font-weight           : bold;

  background-color      : #CCCCCC;

}



.sectiontableentry1 {

  background-color      : #F0F0F0;

}



.sectiontableentry2 {

  background-color      : #E0E0E0;

}





/********** Rating **********/

.content_rating {

  padding               : 5px;

}



.small {

  color                 : #3366C0;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10px;

  font-weight           : bold;

  text-decoration       : none;

}



.smalldark {

  color                 : #000000;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10px;

  font-weight           : normal;

  text-decoration       : none;

}



.createdate {

  color                 : #999999;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10px;

  text-align            : left;

}



.button {

  color                 : #990000;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;
  font-size             : 10px;

  font-style            : normal;

  font-weight           : bold;


  border                : 1px solid #555555;

}



.inputbox {

  color                 : #000000;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10px;


  border                : 1px solid #555555;

}









/* Styles for dhtml tabbed-pages */

.ontab {

  color                 : #FFFFFF;

  font-weight           : bold;

  text-align            : center;

  background-color      : #ffae00;

  border-left           : outset 2px #ff9900;

  border-right          : outset 2px #808080;

  border-top            : outset 2px #ff9900;

  border-bottom         : solid 1px #d5d5d5;

    /* Cannot use hand as its not a W3C CSS validator */

	/*	cursor: hand;*/

}



.offtab {

  font-weight           : normal;

  text-align            : center;

  background-color      : #e5e5e5;

  border-left           : outset 2px #E0E0E0;

  border-right          : outset 2px #E0E0E0;

  border-top            : outset 2px #E0E0E0;

  border-bottom         : solid 1px #d5d5d5;

    /* Cannot use hand as its not a W3C CSS validator */

	/*	cursor: hand;*/

}



.tabpadding {

}



.tabheading {

  text-align            : left;

  background-color      : #ffae00;

}



.pagetext {

  visibility            : hidden;

  display               : none;

  position              : relative;

  top                   : 0;

}



/* for modifying {moscode} output.  Don't set the colour! */

.moscode {

  background-color      : #f0f0f0;

}

.code {

  background-color      : #f0f0f0;

  border                : 1px solid #FFF;

}



/* Text passed with mosmsg url parameter */

.message {

  color                 : #ff6600;

  font-family           : "Century Gothic", Arial, Helvetica, sans-serif;

  font-size             : 10pt;

  font-weight           : bold;

  text-align            : center;

}



/* Javascript Back button */

.back_button {

  text-align            : center;

  margin-top            : 40px;

}



table.contenttoc {

  color                 : #333300;

  background-color      : #ffffff;

  border                : 1px solid #333;

}



table.contenttoc td {

  font-size             : 8pt;

  font-weight           : normal;

  text-align            : left;

}



table.searchinto {

  width                 : 100%;

}



table.searchintro td {

  color                 : #ffffff;

  font-weight           : bold;

  background-color      : #293C43;

}



#main {
/*background-image: url(../images/content_main_background.png);
background-repeat:repeat;
*/width:850px;
padding-left: 25px;
}


#tirette {

clear:both;

width:900px;

z-index: 100;

position:absolute;

text-align:center;

font-family:"Century Gothic", Arial, Helvetica, sans-serif;

font-size:16px;

font-weight:bold;

}

#calculette {

background-color:#000000;
position: absolute;

left: 50%; 

width: 850px;

height: 400px;

margin-left: -425px; /* moitié de la largeur */

border: 1px solid #000;
text-align: right;
}

/* Mise en forme du contenu (titres et paragraphes) */

#main h1 {
	color: #eb9b10;
	letter-spacing: 2px;
	font-size:18px;
	font-weight:bold;
	padding-top: 5px;
	margin-left: 50px;
	margin-right: 50px;
	border-bottom: 2px #c4d3d7 solid;
font-size : 16px;
}

#main h2 {
	margin-left: 60px;
	margin-right: 50px;
	color: #eb9b10;
	letter-spacing: 2px;
	font-size:18px;
	font-weight:bold;
}

#main h3 {
	margin-left: 70px;
	margin-right: 50px;
	color: #8e908e;
	font-size:16px;
	font-weight:bold;
}

#main h4 {
	margin-left: 80px;
	margin-right: 50px;
	color: #8e908e;
	font-size:14px;
	font-weight:normal;
}

#main p {
	/* color: #4f4f4f; */
	color: #000000;
	font-size:12px;
	margin-left: 90px;
	margin-right: 50px;
}

#main a {
color: #4f4f4f;
}

#main a:hover{
color: #8e908e;
}

#select_langue {
float:left;
width:100px;
height:25px;
}

.blocs {
width: 180px;
height:180px;
}

.bloc-center {
margin:0;
padding:0;

background-image: url(../images/bloc-center.png)
}


.module-bloc {
margin:0;
padding:0;

color:#333333;
}

.module-bloc-center {
background-image:url(../images/bloc-center.png);
background-repeat:repeat-y;
width:210px;
}
.module-bloc-center img{
margin:0;
padding:0;
}

#main .module-bloc-center p{
margin:0;
padding:0;
margin-left: 10px;
margin-right: 10px;
}

.tableaucontenu {
	margin-left: 90px;
	margin-right: 50px;
}

.moduletable-accueil {
float:left;
}


ul.jflanguageselection li
{
	float: right;
	vertical-align: middle;
	list-style: none;
	padding: 0;
	padding-right: 30px;
	padding-top: 10px;
	margin: 0;
	font-size: 0.8em;
list-type-style: none;
}

td.buttonheading {
width: 5px;