/*****************************
      GENERAL DISPLAY
*****************************/
#header
{
    height: 2em;
}
#footer
{
    color:white;
}
#footer
{   
    clear:left;
}
#footer ul, #header ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#footer li, #header li
{  
    line-height: 2em;
    width: 9em;
    display: inline;
    text-align: center;
    padding:3px;
}
#footer li a, #header li a
{
    text-decoration: none;
}
#footer .copyright
{
    clear:left;
}
#footer, .push {
    height: 4em;                    /* .push must be the same height as .footer */
}
#content
{
    margin-top:2em;
    /*border:1px red solid;*/
    /*background : transparent url('./_images/body3.png') repeat-x;*/
    height:600px;
    padding-left:0.5%;
}
#column1,#column2,#column3
{
    width:33%;
    float:left;
    /*border: 1px dotted black;*/
    height:auto;
    height:80%;
    /*opacity:.90;  */                  /* for firefox */
    /*filter: alpha(opacity=90);    */  /* for IE */
}
* html #column1 {
    height: 20em;
}

/*****************************
    GENERAL MENUS
*****************************/
#module_menu
{
    float:left;
    padding: 10px;
}
#module_menu img
{
    border:0;
    margin-right:5px;
}
#module_menu a
{
    text-decoration:none;
}
#menu_modules{
    left: 10px;
    top: 30px;
    width: 13em;
}
#menu_options {
    right: 10px;
    top: 30px;
    width: 7em;
}
#menu_modules,#menu_options
{
    position: fixed;
    
    background: white url('./_images/bg.gif');
    z-index: 10;
    background-color: white;
    
    border: 1px solid black;
    height:auto;
    opacity: 0.95;
    filter: alpha(opacity=95);
    
}
#menu_modules ul,#menu_options ul
{
    list-style: none;
    padding: 0;
    margin: 0;
}
#menu_modules li, #menu_options li
{  
    line-height: 1em;
    width: 12em;
    display: block;
    text-align: left;
    padding-left:1em;
}
#menu_modules li a, #menu_options a
{
    color:black;
    text-decoration: none;
}
#menu_modules li a:hover, #menu_options li a:hover
{
    color: orange;
    text-decoration: underline;
}
#menu_modules img, #menu_options img
{
  border:0;
}
#menu_modules table, #menu_options table{
    width:12em;
} 
#menu_modules td{
    font:13px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
#menu_modules th, #menu_options th {
    color: #4f6b72;
    text-align: left;
    font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    cursor:pointer;
}
#dynamic_menu
{
    float:right;
    padding-right:10px; 
}
/*****************************
    GENERAL ELEMENTS
*****************************/
#rectangleDiv{	
    border:1px dotted black;
    background-color: #D5D5D5;
    
    opacity: 0.40;
    filter: alpha(opacity=40);
    margin:5px;
}

/*****************************
    GENERAL classes
*****************************/
.center
{
    text-align:center;
}
.right{
    text-align:right;
}
.pointer{
    cursor:pointer;
}
.field
{
    width:200px;
}

/*****************************
          MODULES
*****************************/
#container2
{
    padding: 10px;
}

#modules 
{
    margin-top:30px;
    margin-bottom:30px;
    width:100%;
    text-align:left;
}
.modules_param, #modules2{
    width:100%;
    text-align:left;
}


#modules img
    {
    border:0;
    }

#modules th,#modules2 th  {
    	
    	color: #4f6b72;
    	border-right: 1px solid #C1DAD7;
    	border-bottom: 1px solid #C1DAD7;
    	border-top: 1px solid #C1DAD7;
    	text-align: left;
    	padding: 6px 6px 6px 12px;
    	background: #CAE8EA url(./_images/bg_header.jpg) repeat-x;
        font:  11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    }

#modules th.tit
{
    width:150px;
    text-align:center;
    letter-spacing: 2px;
    text-transform: uppercase;
}
    
.modules_param td,#modules td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #4f6b72;
}


.modules_param td.alt, #modules td.alt {
    background: #F5FAFA;
    color: #797268;
}
.modules_param td.invisible,#modules td.invisible
{
     visibility:hidden;
}



.module_menu_title{
    background-color:grey;
    border: 1px black solid;
    border-left:0px;
    border-right:0px
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -4em;            /* the bottom margin is the negative value of the footer's height */
}
.cinq{
    width:5%;
}
.centvingt{
    width:120px;
}

#clean div td{
  border: 0xp !important;
}
.module_container, .module_container2
{
 width:auto;
 border:1px transparent solid;
 margin:5px;
}
.module_container
{
	border-left:1px #bee9fb solid;
}
.module_container2
{
 border-left:1px #cef588 solid;
}
.float_right{
    float:right;
    border:1px red solid;
    background: transparent url(./_images/tr-white.png) no-repeat;
    background-position: top right;
}
/*  HEADER & FOOTER */
.module_header *, .module_header2 * 
{
    border:none;
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
	
}
.module_header, .module_header2
{
  height:16px;
  padding:2px;
  cursor:move;
}
.module_header
{
	background-color: #d4f2ff;
	background-image: url(images/fond-bloc-previsions-meteo2.png);
	 border-top:1px #bee9fb solid;
}
.module_header2
{
	background-color: #ddf4b7;
	background-image: url(images/fond-bloc-previsions-meteo1.png);
	border-top:1px #cef588 solid;
}
.module_footer, .module_footer2
{
  height:2px;
  padding:2px;
	text-align:left;
	font-size:80%;
	padding-left:1%;
	/*background: transparent url(./_images/bl-white.png) no-repeat;*/
}
.module_footer
{
  border-bottom:1px #bee9fb solid;
  background-color: #effaff;
}
.module_footer2
{
  border-bottom:1px #cef588 solid;
  background-color: #f1ffdb;
}
.module_header,.module_footer,.module_content,.param_module
{
   border-right:1px #bee9fb solid;
}
.module_header2,.module_footer2,.module_content2,.param_module
{
   border-right:1px #cef588 solid;
}

textarea{
    background-color:#F5F5F5;
    border:1px black solid;
}
.module_content
{
    
    background-color: white;
    text-align:left;
    padding:1%;
    /*background: transparent url(./_images/cl-white.png) repeat-y; */
	background-color: #effaff;
	background-image: url(_images/fond-bloc-previsions-meteo2.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
}
.module_content2
{
    
    background-color: white;
    text-align:left;
    padding:1%;
    /*background: transparent url(./_images/cl-white.png) repeat-y; */
	background-color: #f1ffdb;
	background-image: url(_images/fond-bloc-previsions-meteo1.png);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: 0% 0%;
}
.module_content *, .module_content2 *
{  
    font-size:95%;
}
.module_content ul, .module_content2 ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    width:100%;
}
.module_content li, .module_content2 li
{  
    width: 100%;
    display: block;
    font-size:90%;
    /*border-bottom:1px gray dotted;*/
}
.module_content li:hover, .module_content2 li:hover
{  
    cursor:pointer;
}
.module_content li:before, .module_content2 li:before
{
  content: url("./_images/bullet.png");
  margin-right: 4px;
}
.module_content hr,.module_content2 hr
{  
    margin: 5px;
}
.module_content a,.module_content2 a
{
  color:black;
  font-size: 95%;
}
.edit_button
{
  background: transparent url(./_images/edit.png) no-repeat; 
}
.expand_button
{
  background: transparent url(./_images/expanded.gif) no-repeat; 
}
.close_button
{
  background: transparent url(./_images/close.png) no-repeat; 
}
.edit_button,.expand_button,.close_button
{
    display:inline;
    width:20px;
    float:left;
}
.edit_button,.close_button
{
    float:right;
}
.title_module
{
    display:inline;
    font-size:80%;
    float:left;
}
.param_module
{
    padding:1%;
    text-align:left;
    background: transparent url(./_images/cl-white.png) repeat-y;  
    color:black;
    border-bottom:1px #E8E8E8 solid;
    display: none;
}
.param_module table
{
    width:100%;
}
.param_module td
{
  width:50%;
  border-top: 1px white solid;
  border-bottom: 1px #E8E8E8 solid;
  margin:0px;
  padding-bottom: 3px;
}